.s-wpop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter)}.s-wpop[hidden]{display:none}.s-wpop__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--espresso) 62%,transparent);opacity:0;transition:opacity var(--dur) var(--ease);touch-action:none}.s-wpop.is-open .s-wpop__scrim{opacity:1}.s-wpop__panel{position:relative;width:min(660px,100%);max-height:calc(100dvh - var(--gutter) * 2);overflow-y:auto;overscroll-behavior:contain;background:var(--white);border:var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow-soft);padding:clamp(1.75rem,1.2rem + 2.5vw,3rem);text-align:center;transform:translateY(var(--reveal-rise)) scale(.98);opacity:0;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.s-wpop.is-open .s-wpop__panel{transform:none;opacity:1}.s-wpop__x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;background:var(--white);border:var(--hairline);border-radius:var(--r-pill);color:var(--espresso);cursor:pointer;transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease)}.s-wpop__x:hover{transform:rotate(135deg)}.s-wpop__heading{margin:.35em 0 .3em}.s-wpop__sub{margin:0 auto 1.5rem;max-width:26em}.s-wpop__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,.5rem + 1vw,1.25rem);max-width:460px;margin-inline:auto;perspective:900px}.s-wpop__card{position:relative;aspect-ratio:3 / 4;border:0;padding:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform var(--dur-slow) var(--ease)}.s-wpop__card:hover:not(.is-flipped){transform:translateY(-6px)}.s-wpop__card.is-flipped{transform:rotateY(180deg)}.s-wpop__card:focus-visible{outline:2px solid var(--rose-deep);outline-offset:4px}.s-wpop__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:var(--hairline);border-radius:var(--r-card);backface-visibility:hidden}.s-wpop__face--back{background:var(--rose);color:var(--white);font-family:var(--font-disp);font-weight:300;font-size:var(--t-data)}.s-wpop__face--front{background:var(--white);transform:rotateY(180deg);padding:.5rem}.s-wpop__face-win,.s-wpop__face-miss{display:none}.s-wpop__card.is-win .s-wpop__face-win{display:grid;gap:.4rem;justify-items:center;color:var(--rose-deep);font-family:var(--font-disp);font-weight:300;font-size:var(--t-h3);line-height:var(--lh-h3)}.s-wpop__card.is-miss .s-wpop__face-miss{display:block;color:var(--grey-500);font-size:var(--t-small);line-height:1.3;padding-inline:.25rem}.s-wpop__card.is-miss{opacity:.55}.s-wpop__hint{margin:1.25rem 0 0}.s-wpop__form{margin:0 auto 1rem;max-width:420px}.s-wpop__label{display:block;font-family:var(--font-mono);font-size:var(--t-small);font-weight:500;color:var(--body-soft);margin-bottom:.5rem;text-align:center}.s-wpop__row{display:flex;gap:.5rem}.s-wpop__row>*{min-width:0}.s-wpop__input{flex:1;font-family:var(--font-body);font-size:var(--t-body);padding:.7rem 1rem;background:var(--white);border:var(--hairline);border-radius:var(--r-input);color:var(--espresso)}.s-wpop__input:focus-visible{outline:2px solid var(--rose-deep);outline-offset:1px}.s-wpop__note{margin:.6rem 0 0;color:var(--rose-deep)}.s-wpop__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.25rem}.s-wpop__fine{margin:1rem auto 0;max-width:30em}.s-wpop__decline{display:inline-flex;align-items:center;min-height:44px;margin-top:.4rem;background:none;border:0;padding:.25rem .75rem;font-family:var(--font-body);font-size:var(--t-small);color:var(--grey-500);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.s-wpop__decline:hover{color:var(--espresso)}.s-wpop__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:var(--r-card)}.s-wpop__bit{position:absolute;top:-12px;width:9px;height:14px;animation:s-wpop-fall var(--dur-slow) var(--ease) forwards;animation-duration:calc(var(--dur-slow) * 3)}@keyframes s-wpop-fall{to{transform:translateY(110vh) rotate(540deg);opacity:0}}@media(max-width:480px){.s-wpop{padding:.75rem}.s-wpop__panel{max-height:calc(100dvh - 1.5rem)}.s-wpop__row{flex-direction:column}}@media(prefers-reduced-motion:reduce){.s-wpop__bit{display:none}.s-wpop__card.is-flipped{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/strum-welcome-popup.css.map */