.exploding-banner{--eb-ease-burst: cubic-bezier(.18, 1.2, .32, 1);--eb-ease-ui: cubic-bezier(.16, 1, .3, 1);--eb-unit: clamp(64px, 9vw, 124px);--eb-px: 0;--eb-py: 0;--eb-sy: 0;display:flex;align-items:center;justify-content:center;background-color:var(--eb-bg);color:var(--eb-fg);isolation:isolate}.exploding-banner[data-replay]{cursor:pointer}.exploding-banner__stage{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;pointer-events:none;z-index:0}.exploding-banner__flash{position:absolute;left:50%;top:50%;width:60cqmin;aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle,var(--eb-accent) 0%,color-mix(in srgb,var(--eb-accent) 45%,transparent) 35%,transparent 70%);opacity:0;scale:.2}.exploding-banner__piece{position:absolute;left:calc(var(--xm) * 1%);top:calc(var(--ym) * 1%);translate:-50% -50%;transform:rotate(var(--r)) scale(var(--s));transition:transform 1.1s var(--eb-ease-burst) calc(var(--i) * 22ms),opacity .25s var(--eb-ease-ui) calc(var(--i) * 22ms);pointer-events:auto;--dx: calc((50 - var(--xm)) * 1cqw);--dy: calc((50 - var(--ym)) * 1cqh)}.exploding-banner__piece--desktop{display:none}@media screen and (min-width:750px){.exploding-banner__piece{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);--dx: calc((50 - var(--x)) * 1cqw);--dy: calc((50 - var(--y)) * 1cqh)}.exploding-banner__piece--desktop{display:block}}.exploding-banner__float{display:block;transform:translate3d(calc(var(--eb-px) * var(--s) * 18px),calc(var(--eb-py) * var(--s) * 18px + var(--eb-sy) * var(--s) * -.18px),0);transition:transform .5s var(--eb-ease-ui)}.exploding-banner__float>*{transition:transform .18s var(--eb-ease-ui)}.exploding-banner__piece:hover .exploding-banner__float>*{transform:rotate(-8deg) scale(1.08);transition-duration:.25s}.eb-book{position:relative;display:block;width:var(--eb-unit);aspect-ratio:.72;border-radius:3px 6px 6px 3px;background:linear-gradient(90deg,rgb(0 0 0 / .22) 0 7%,rgb(255 255 255 / .12) 7% 8.5%,transparent 8.5%),var(--cover);box-shadow:0 14px 28px -10px #00000059,0 2px 4px #00000026}.eb-book__label{position:absolute;left:20%;right:10%;top:16%;display:flex;flex-direction:column;gap:.35em;padding:.6em .6em .7em;background:#fff;border-radius:2px;font-size:calc(var(--eb-unit) * .11);line-height:1.1}.eb-book__title{font-family:inherit;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eb-book__line{display:block;height:1px;background:#00000040}.eb-book__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.eb-book:has(.eb-book__image){background:none;box-shadow:none;filter:drop-shadow(0 12px 18px rgb(0 0 0 / .3))}.eb-sheet{display:block;width:calc(var(--eb-unit) * 1.05);aspect-ratio:.707;background-color:#fff;border-radius:2px;box-shadow:0 12px 24px -12px #0000004d,0 1px 3px #0000001f}.eb-sheet--lined{background-image:linear-gradient(90deg,transparent 15%,rgb(219 0 96 / .55) 15% calc(15% + 1px),transparent calc(15% + 1px)),repeating-linear-gradient(180deg,transparent 0 calc(var(--eb-unit) * .08),rgb(29 52 154 / .25) calc(var(--eb-unit) * .08) calc(var(--eb-unit) * .08 + 1px));background-position:0 0,0 18%}.eb-sheet--squared{background-image:repeating-linear-gradient(0deg,rgb(29 52 154 / .18) 0 1px,transparent 1px calc(var(--eb-unit) * .07)),repeating-linear-gradient(90deg,rgb(29 52 154 / .18) 0 1px,transparent 1px calc(var(--eb-unit) * .07))}.exploding-banner__content{z-index:1;max-width:72rem;padding-block:7rem;pointer-events:none}.exploding-banner__content>*{pointer-events:auto}.exploding-banner__content>*+*{margin-top:2rem}.exploding-banner__heading{text-wrap:balance}.exploding-banner__text{max-width:50rem;margin-inline:auto}.eb-button{transition-property:color,background-color,border-color,transform}.eb-button:active{transform:scale(.97)}@media screen and (min-width:750px){.exploding-banner__content{padding-block:4rem}}@media(prefers-reduced-motion:no-preference)and (scripting:enabled){.exploding-banner:not(.is-exploded) .exploding-banner__piece{transform:translate(var(--dx),var(--dy)) rotate(var(--r0)) scale(.35);opacity:0;transition-duration:0ms;transition-delay:0ms}.exploding-banner__content>*{transition:opacity .5s var(--eb-ease-ui),transform .5s var(--eb-ease-ui)}.exploding-banner:not(.is-exploded) .exploding-banner__content>*{opacity:0;transform:translateY(16px) scale(.96)}.exploding-banner.is-exploded .exploding-banner__heading{transition-delay:.38s}.exploding-banner.is-exploded .exploding-banner__text{transition-delay:.45s}.exploding-banner.is-exploded .exploding-banner__actions{transition-delay:.52s}}@media(prefers-reduced-motion:reduce){.exploding-banner__piece,.exploding-banner__float,.exploding-banner__float>*{transition:none}.exploding-banner__float{transform:none}.exploding-banner[data-replay]{cursor:auto}}.exploding-banner{position:relative;overflow:hidden}.exploding-banner__content{position:relative;width:100%;margin-inline:auto;padding-inline:1.5rem;text-align:center}.exploding-banner__heading{margin:0;color:inherit;font-size:clamp(2.4rem,5.5vw,4.8rem);line-height:1.08}.exploding-banner__heading em{font-style:italic;color:inherit;background:linear-gradient(transparent 82%,var(--eb-accent) 82% 94%,transparent 94%)}.exploding-banner__text{font-size:1.5rem;line-height:1.6}.exploding-banner__text p{margin:0}.eb-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.75rem;border-radius:100px;background:var(--eb-btn-bg);color:var(--eb-btn-fg);font-weight:600;text-decoration:none;transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s cubic-bezier(.16,1,.3,1)}.eb-button:hover{background:color-mix(in srgb,var(--eb-btn-bg) 88%,#000)}.eb-button:focus-visible{outline:2px solid var(--eb-fg);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/8/compiled_assets/styles.css.map?subset=AABA */