/* Editable poster lettering and original vector art share one composition in every view. */
.br-cover{max-width:900px;background:var(--c-bg);color:var(--c-ink);border:0;box-shadow:none}
.br-cover .br-cover-inner{display:flex;flex-direction:column;align-items:center;min-height:140cqw;padding:4cqw 6cqw;gap:1.5cqw;isolation:isolate}
.br-cover :is(.br-post-copy,.br-blue-copy,.br-doodle-copy){position:relative;display:flex;flex-direction:column;align-items:center;gap:1.8cqw;width:100%;min-width:0;z-index:1}
.br-cover .br-title{display:block;width:100%;max-width:100%;margin:0;font-size:calc(12cqw * var(--c-scale,1));line-height:1.03;letter-spacing:-.045em;color:var(--c-ink);text-align:center;white-space:normal;overflow-wrap:anywhere}
.br-title>span{display:block;max-width:100%;white-space:pre-line}
.br-cover .br-recipient{max-width:95%}.br-cover .br-recipient>strong{font:500 4.5cqw/1.25 var(--c-heading);max-width:100%;overflow-wrap:anywhere}
.br-cover time{font:500 3.1cqw/1.4 var(--c-heading);color:inherit;overflow-wrap:anywhere}
.br-cover .br-link{font:500 1.8cqw/1.6 var(--c-body);letter-spacing:.02em;min-height:6cqw;padding:1cqw 0;gap:1cqw;color:inherit;border:0}
.br-cover .br-art{display:block;width:100%;height:auto;flex:none;max-height:none}
.br-balloon-scene,.br-cake-scene,.br-doodle-top,.br-doodle-bottom,.br-bunting{position:relative;flex:none;width:100%;pointer-events:none}

.br-birthdayballoonpost{background-color:var(--c-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 800'%3E%3Cg fill='none' stroke='%23f7eadb' stroke-width='28' opacity='.6'%3E%3Cpath d='M-80 55Q90-15 210 50T630 30M-60 180Q110 90 265 150T620 152M-80 310Q100 210 240 270T660 265M-50 435Q140 345 280 399T630 405M-60 575Q120 490 260 530T650 545M-90 720Q100 615 270 680T650 680'/%3E%3C/g%3E%3C/svg%3E");background-size:100% auto}
.br-birthdayballoonpost .br-cover-inner{padding-top:0;gap:0}
.br-birthdayballoonpost .br-balloon-scene{width:82%;margin:-1cqw 0 -1.5cqw}
.br-birthdayballoonpost .br-post-copy{gap:1.7cqw}
.br-birthdayballoonpost .br-title{font-family:'Patrick Hand',var(--c-heading);font-size:calc(14cqw * var(--c-scale,1));font-weight:400;line-height:.98;letter-spacing:-.045em;rotate:-3deg;margin-bottom:1.5cqw}
.br-birthdayballoonpost .br-title>span:first-child{color:var(--c-ink)}.br-birthdayballoonpost .br-title>span:nth-child(even){color:var(--c-accent);font-size:.94em;letter-spacing:.015em}
.br-birthdayballoonpost .br-recipient>strong{font-family:var(--c-body);font-size:3.3cqw;color:var(--c-ink)}
.br-post-date{padding:.8cqw 0;min-width:45%}
.br-post-footer{display:flex;justify-content:center;align-items:center;width:100%;padding-top:2cqw;margin-top:auto;color:var(--c-accent)}

.br-birthdayblueparty{background:radial-gradient(ellipse at 5% 30%,#afdeee55 0 24%,transparent 24.2%),radial-gradient(ellipse at 100% 59%,#a6d6e55c 0 24%,transparent 24.2%),var(--c-bg)}
.br-birthdayblueparty .br-cover-inner{padding:0 5cqw 3cqw;gap:0}
.br-birthdayblueparty .br-bunting{width:112%;margin-bottom:1cqw}
.br-birthdayblueparty .br-blue-copy{gap:1.2cqw}
.br-birthdayblueparty .br-title{font:800 calc(12.5cqw * var(--c-scale,1))/.98 'Be Vietnam Pro',var(--c-heading);letter-spacing:-.065em;color:var(--c-ink);text-shadow:.035em .025em 0 color-mix(in srgb,var(--c-secondary) 25%,transparent)}
.br-birthdayblueparty .br-recipient{margin-top:1cqw;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.2cqw}.br-birthdayblueparty .br-recipient>strong{font-weight:800;font-size:3.8cqw;font-family:var(--c-body)}
.br-birthdayblueparty .br-blue-date time{font-family:var(--c-body);font-weight:700;font-size:2.6cqw}
.br-birthdayblueparty .br-cake-scene{width:112%;margin:1.5cqw 0 -2cqw}
.br-blue-footer{position:relative;z-index:1;margin-top:auto}

.br-birthdaydoodleparty{background:var(--c-bg)}
.br-birthdaydoodleparty .br-cover-inner{padding:0 5cqw 0;gap:0;min-height:140cqw}
.br-birthdaydoodleparty .br-doodle-top{width:112%;margin-bottom:-9cqw}
.br-birthdaydoodleparty .br-doodle-copy{width:85%;gap:2cqw}
.br-birthdaydoodleparty .br-title{font:400 calc(10.3cqw * var(--c-scale,1))/1 'Patrick Hand',var(--c-heading);letter-spacing:.075em;color:var(--c-ink)}
.br-birthdaydoodleparty .br-title>span:nth-child(even){color:var(--c-accent)}
.br-birthdaydoodleparty .br-recipient>strong{font:400 4cqw/1.2 'Patrick Hand',var(--c-heading);color:var(--c-accent);letter-spacing:.04em}
.br-date-pill{border-radius:8cqw;padding:.7cqw 4cqw;background:color-mix(in srgb,var(--c-secondary) 65%,#8ea0ee);min-height:1cqw}.br-date-pill:empty{display:none}.br-birthdaydoodleparty .br-date-pill time{color:#fffefb;font:600 2.4cqw/1.5 var(--c-body)}
.br-birthdaydoodleparty .br-link{font-size:1.55cqw;min-height:4cqw;padding:0}
.br-birthdaydoodleparty .br-doodle-bottom{width:112%;margin-top:-2cqw}

.c-design-birthdayballoonpost .bi-letter{border:1px solid var(--c-secondary);box-shadow:8px 10px 0 color-mix(in srgb,var(--c-accent) 16%,transparent);border-radius:7px}.c-design-birthdayballoonpost .bi-wish{border-radius:65px 65px 6px 6px;text-align:center}.c-design-birthdayballoonpost .bi-wish-badge{justify-content:center}
.c-design-birthdayblueparty .bi-letter{border-top:9px solid var(--c-secondary);border-radius:28px 28px 6px 6px}.c-design-birthdayblueparty .bi-wish{border-radius:20px;border-bottom:6px solid var(--c-secondary);background:color-mix(in srgb,var(--c-bg) 65%,#fff9e9)}
.c-design-birthdaydoodleparty .bi-letter{border:2px solid var(--c-accent);border-radius:6px;box-shadow:8px 10px 0 var(--c-secondary)}.c-design-birthdaydoodleparty .bi-wish{border:2px solid var(--c-secondary);border-radius:8px}.c-design-birthdaydoodleparty .bi-wish-badge{color:var(--c-accent)}

/* Poster proportions also hold inside the catalog's 800 px miniature canvas. */
.collection-thumb .c-miniature .br-cover{height:1120px!important}
.collection-thumb:has(.br-cover) .c-miniature{height:1120px}
.collection-cover:has(.br-cover),.template-preview:has(.br-cover),.seo-template-cover:has(.br-cover){aspect-ratio:5/7!important}
.br-compact .br-cover-inner{height:140cqw;min-height:140cqw;gap:0}
.br-compact .br-post-copy,.br-compact .br-blue-copy,.br-compact .br-doodle-copy{gap:1.6cqw}
.br-compact .br-art{height:auto;max-height:none;width:100%}
.br-compact.br-birthdayblueparty .br-blue-copy,.br-compact.br-birthdaydoodleparty .br-doodle-copy{gap:1cqw}
.br-compact.br-birthdaydoodleparty :is(.br-doodle-top,.br-doodle-bottom){width:102%}
.br-compact :is(.br-blue-footer,.br-doodle-copy>.br-link){display:none}

@media(max-width:600px){
  .br-cover:not(.br-compact) .br-cover-inner{padding-top:0;padding-bottom:12px;gap:0}
  .br-cover:not(.br-compact) .br-title{font-size:calc(12cqw * var(--c-scale,1))}
  .br-cover:not(.br-compact).br-birthdayballoonpost .br-title{font-size:calc(14cqw * var(--c-scale,1))}
  .br-cover:not(.br-compact).br-birthdayblueparty .br-title{font-size:calc(12.5cqw * var(--c-scale,1))}
  .br-cover:not(.br-compact).br-birthdaydoodleparty .br-title{font-size:calc(10.3cqw * var(--c-scale,1))}
  .br-cover:not(.br-compact) .br-recipient>strong{font-size:20px}
  .br-cover:not(.br-compact) .br-link{font-size:10px;min-height:44px}
  .br-cover:not(.br-compact).br-birthdaydoodleparty .br-link{min-height:30px;font-size:9px}
}