:root{--love:#D9467A}.rpb-section .concepts{gap:0}.rpb-section .bl{--pocket:200px;--vee:calc(var(--pocket) * .34);--flap:150px;--pad:14px;--mark:clamp(190px,15cqw,216px);--word:calc(var(--mark) * .87);--above:38px;--hidden:120px;position:relative;margin-inline:var(--page-edge);padding:20px clamp(20px,3cqw,48px) 12px;border-radius:32px;overflow:clip;background:var(--lilac)}.rpb-section .bl-stage{display:grid;width:min(100%,820px);margin:0 auto;clip-path:inset(-80px -80px 0 -80px)}.rpb-section .bl-stage>*{grid-area:1/1}.rpb-section .bl-back{align-self:end;height:calc(var(--pocket) + var(--flap));background:#efa9c6;border-radius:0 0 22px 22px;clip-path:polygon(0 var(--flap),50% 0,100% var(--flap),100% 100%,0 100%)}.rpb-section .bl-letter{position:relative;z-index:2;justify-self:center;width:360px;height:calc(var(--pad) + var(--mark) + var(--above) + var(--hidden));margin-bottom:calc(var(--pocket) - var(--hidden));padding-top:var(--pad);border-radius:6px;box-shadow:0 14px 34px #1015281f;background:linear-gradient(#fff 0 0) 0 0 / 100% calc(var(--pad) + var(--mark)) no-repeat,linear-gradient(#fff 0 calc(100% - 2px),#dde3ef 0) 0 calc(var(--pad) + var(--mark)) / 100% 34px}.rpb-section .bl-tape{position:absolute;top:-15px;left:50%;width:140px;height:32px;margin-left:-70px;rotate:3deg;background:#fdf1c0eb;box-shadow:0 1px 3px #10152814}.rpb-section .bl-logo{margin:0;display:grid;justify-items:center}.rpb-section .bl-mark,.rpb-section .bl-word{display:block;height:auto}.rpb-section .bl-mark{width:var(--mark)}.rpb-section .bl-word{width:var(--word);margin-top:calc(31px - var(--word) * 114 / 822)}.rpb-section .bl-notes{position:relative;z-index:1;list-style:none;margin:0;padding:0}.rpb-section .bl-notes li{position:absolute;display:grid;place-items:start center;width:180px;min-height:128px;padding:26px 14px 14px;background:var(--c);box-shadow:0 10px 22px #10152820;font:400 clamp(20px,1.6cqw,22px)/1.2 var(--display);text-align:center;text-wrap:balance;rotate:var(--r);transform-origin:50% 0;animation:bl-swing 6s ease-in-out infinite}.rpb-section .bl-notes li:before{content:"";position:absolute;top:-10px;left:50%;width:74px;height:22px;margin-left:-37px;background:#fffc;box-shadow:0 1px 3px #10152814}.rpb-section .bl-notes li:nth-child(1){--c:var(--blush-tile);--r:-9deg;left:-40px;bottom:calc(var(--pocket) + 78px)}.rpb-section .bl-notes li:nth-child(2){--c:var(--mint-tile);--r:8deg;right:10px;bottom:calc(var(--pocket) - 10px);animation-delay:-2s}.rpb-section .bl-notes li:nth-child(3){--c:var(--butter-tile);--r:-4deg;left:10px;bottom:calc(var(--pocket) - 24px);z-index:1;animation-delay:-4s}.rpb-section .bl-front{position:relative;z-index:3;align-self:end;display:grid;justify-items:center;align-content:end;height:var(--pocket);padding:0 24px 38px;filter:drop-shadow(0 -3px 5px #10152812)}.rpb-section .bl-pocket{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8c8db;border-radius:0 0 22px 22px;clip-path:polygon(0 0,50% var(--vee),100% 0,100% 100%,0 100%)}.rpb-section .bl-seal{position:absolute;left:50%;top:var(--vee);display:grid;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:var(--love);box-shadow:inset 0 0 0 5px #c0386a;animation:bl-beat 2.6s ease-in-out infinite}.rpb-section .bl-seal svg{width:26px;height:26px;fill:#fff}.rpb-section .bl-front h2{position:relative;font:700 clamp(38px,3.4cqw,48px)/1.1 var(--display);letter-spacing:.01em;color:#4a1230;text-align:center;text-wrap:balance}.rpb-section .bl-sticker{position:absolute;z-index:5;width:var(--s,40px);height:var(--s,40px);overflow:visible;fill:var(--c,var(--love));stroke:#fff;stroke-width:2.4;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 3px 4px #1015282e);rotate:var(--r,0deg);animation:bl-pop 5s ease-in-out infinite}.rpb-section .bl-sticker:nth-child(1){--s:46px;--r:-14deg;left:6%;top:14%}.rpb-section .bl-sticker:nth-child(2){--s:38px;--c:#E0A33B;--r:10deg;left:10%;bottom:16%;animation-delay:-1s}.rpb-section .bl-sticker:nth-child(3){--s:26px;--c:var(--mint-deep);left:3%;top:50%;animation-delay:-2s}.rpb-section .bl-sticker:nth-child(4){--s:40px;--c:#6A4BC4;--r:12deg;right:7%;top:16%;animation-delay:-3s}.rpb-section .bl-sticker:nth-child(5){--s:44px;--c:#E0A33B;--r:-8deg;right:11%;bottom:14%;animation-delay:-4s}.rpb-section .bl-sticker:nth-child(6){--s:26px;--c:var(--sky-deep);right:3%;top:52%;animation-delay:-2.5s}@keyframes bl-pop{0%,70%,to{transform:none}80%{transform:scale(1.12)}90%{transform:scale(.96)}}@keyframes bl-beat{0%,60%,to{transform:scale(1)}30%{transform:scale(1.1)}}@keyframes bl-swing{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@media(max-width:1180px){.rpb-section .bl-sticker:nth-child(n+3){display:none}.rpb-section .bl-sticker:nth-child(1){left:3%;top:10%}.rpb-section .bl-sticker:nth-child(2){left:auto;right:3%;top:12%;bottom:auto}}@media(max-width:900px){.rpb-section .bl{--pocket:230px;--vee:calc(var(--pocket) * .34);--flap:80px;--pad:18px;--mark:150px;--word:150px;--above:174px;--hidden:120px;padding-block:26px}.rpb-section .bl-front{padding-bottom:56px}.rpb-section .bl-stage{width:min(100%,560px)}.rpb-section .bl-letter{width:84%}.rpb-section .bl-notes{z-index:3;align-self:end;margin:0 7% calc(var(--pocket) - 36px)}.rpb-section .bl-notes li:nth-child(n){position:relative;left:auto;right:auto;bottom:auto;z-index:auto;width:fit-content;max-width:100%;min-height:0;margin:-38px 0 0;padding:10px 16px 48px;place-items:start center;font-size:19px;animation:none}.rpb-section .bl-notes li:before{display:none}.rpb-section .bl-notes li:nth-child(1){margin:0 0 0 auto;--r:1.5deg}.rpb-section .bl-notes li:nth-child(2){margin-right:auto;--r:-1.5deg}.rpb-section .bl-notes li:nth-child(3){margin-inline:auto;--r:.8deg}.rpb-section .bl-front{z-index:4}.rpb-section .bl-front h2{font-size:36px}.rpb-section .bl-sticker:nth-child(1){left:10px;top:16px;--s:34px}.rpb-section .bl-sticker:nth-child(2){right:12px;top:20px;--s:30px}}@media(max-width:700px){.rpb-section .bl{--pocket:200px;--flap:64px;--pad:26px;--mark:130px;--word:136px;--hidden:104px;border-radius:24px;padding:30px 12px}.rpb-section .bl-letter{width:86%}.rpb-section .bl-notes{margin:0 6% calc(var(--pocket) - 36px)}.rpb-section .bl-front{padding:0 16px 26px}.rpb-section .bl-front h2{font-size:33px}.rpb-section .bl-seal{width:46px;height:46px;margin:-23px 0 0 -23px}.rpb-section .bl-seal svg{width:21px;height:21px}}@supports (animation-timeline:view()){.rpb-section .bl-letter{animation:bl-rise linear both;animation-timeline:view();animation-range:entry 10% cover 45%}@keyframes bl-rise{0%{translate:0 30%}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/rpb-brand-letter.css.map */