.featured-deck{height:210vh;background:radial-gradient(circle at 78% 12%,oklch(.9 .05 252 / .55),transparent 34%),linear-gradient(180deg,var(--ks-bg),oklch(.965 .012 250));border-top:1px solid var(--ks-line);border-bottom:1px solid var(--ks-line)}.featured-deck__sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;overflow:hidden;padding:clamp(18px,3.5vh,44px) 16px}.featured-deck__header{display:grid;gap:8px;justify-items:center;text-align:center;z-index:5}.featured-deck__header h2{margin:0;font-size:clamp(26px,3.4vw,42px);letter-spacing:-.01em}.featured-deck__header p{margin:0;color:var(--ks-muted);font-size:15px}.featured-deck__stage{position:relative;width:min(1100px,100%);height:100%;perspective:1400px;perspective-origin:50% 42%}.featured-deck-card{position:absolute;left:50%;top:50%;width:min(380px,82vw);border:1px solid oklch(.93 .01 250);border-radius:20px;background:#fff;box-shadow:0 20px 46px #203b5e1f;overflow:hidden;transform:translate(-50%,-50%);will-change:transform,opacity}.featured-deck-card--sat{width:min(236px,60vw);border-radius:16px}.featured-deck-card__media{display:grid;place-items:center;aspect-ratio:5 / 3.4;background:#f0f4f9;border-bottom:0;margin:0;border-radius:0;overflow:hidden}.featured-deck-card__media img,.featured-deck-card__media svg{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.featured-deck-card__body{display:grid;gap:8px;justify-items:center;text-align:center;padding:20px 24px 26px}.featured-deck-card__body strong{font-size:19px;letter-spacing:-.01em}.featured-deck-card__body p{margin:0;color:var(--ks-muted);font-size:13.5px;max-width:30ch}.featured-deck-card__price{font-size:22px;font-weight:800}.featured-deck-card__form{display:contents}.featured-deck-card .button{margin-top:4px;min-width:170px}.featured-deck-card__add{display:inline-flex;align-items:center;justify-content:center;gap:8px}.featured-deck-card__add svg{width:18px;height:18px;flex:none}.featured-deck-card__link{color:inherit;text-decoration:none}.featured-deck-card__link:hover{color:var(--ks-primary)}.featured-deck-card__media img{transition:transform .32s ease}.featured-deck-card--sat .featured-deck-card__body p{display:none}.featured-deck-card--sat .featured-deck-card__media{aspect-ratio:5 / 3.5}.featured-deck-card--sat .featured-deck-card__body{gap:6px;padding:12px 14px 16px}.featured-deck-card--sat .featured-deck-card__body strong{font-size:14.5px}.featured-deck-card--sat .featured-deck-card__price{font-size:16.5px}.featured-deck-card--sat .featured-deck-card__add{min-width:0;width:42px;height:42px;padding:0;border-radius:999px;margin-top:4px}.featured-deck-card--sat .featured-deck-card__add span{display:none}.featured-deck-card--sat .featured-deck-card__add svg{width:19px;height:19px}.featured-deck-card--sat{cursor:pointer;transition:box-shadow .22s ease,border-color .22s ease}.featured-deck-card--sat:hover{border-color:color-mix(in srgb,var(--ks-primary) 55%,oklch(.92 .01 250));box-shadow:0 30px 66px #203b5e4d;z-index:95!important}.featured-deck-card--sat:hover .featured-deck-card__media img{transform:scale(1.06)}.featured-deck-card--sat .featured-deck-card__add{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.featured-deck-card--sat .featured-deck-card__add:hover{transform:scale(1.08);box-shadow:0 10px 22px #203b5e52}.featured-deck__progress{width:min(320px,60vw);height:3px;border-radius:999px;background:var(--ks-surface-strong);overflow:hidden;z-index:5}.featured-deck__progress span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ks-primary),var(--ks-accent))}@media(max-width:620px){.featured-deck-card{width:min(320px,86vw)}.featured-deck__stage{perspective:1000px}.featured-deck-card__body{padding:16px 18px 22px}}@media(prefers-reduced-motion:reduce){.featured-deck{height:auto}.featured-deck__sticky{position:relative;height:auto;min-height:720px}.featured-deck__stage{min-height:560px}.featured-deck__progress{display:none}}@media(max-width:700px){.featured-deck{height:auto}.featured-deck__sticky{position:relative;height:auto;min-height:0;padding:40px 16px 54px;overflow:visible;overflow-x:clip}.featured-deck__stage{position:relative;width:100%;height:auto;min-height:0;perspective:none;display:grid;place-items:center;padding:30px 0 34px}.featured-deck-card{position:relative;left:auto;top:auto;grid-area:1 / 1;margin:0 auto;width:min(340px,84vw);opacity:1;z-index:6;transform:translateY(0);animation:fd-peek-main 6s ease-in-out infinite}.featured-deck-card--sat,.featured-deck-card--sat .featured-deck-card__add{display:none}.featured-deck-card--sat:nth-of-type(2),.featured-deck-card--sat:nth-of-type(3){display:block;position:absolute;left:50%;top:50%;grid-area:1 / 1;width:min(288px,74vw);opacity:.9;pointer-events:none;box-shadow:0 16px 34px #203b5e29}.featured-deck-card--sat:nth-of-type(2){z-index:3;transform:translate(-50%,-50%) translate3d(-44px,6px,0) rotate(-8deg) scale(.94);animation:fd-peek-left 6s ease-in-out infinite}.featured-deck-card--sat:nth-of-type(3){z-index:2;transform:translate(-50%,-50%) translate3d(44px,14px,0) rotate(8deg) scale(.94);animation:fd-peek-right 6s ease-in-out infinite;animation-delay:-3s}.featured-deck__progress{display:none}}@keyframes fd-peek-main{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.006)}}@keyframes fd-peek-left{0%,to{transform:translate(-50%,-50%) translate3d(-44px,6px,0) rotate(-8deg) scale(.94)}50%{transform:translate(-50%,-50%) translate3d(-56px,-2px,0) rotate(-5deg) scale(.955)}}@keyframes fd-peek-right{0%,to{transform:translate(-50%,-50%) translate3d(44px,14px,0) rotate(8deg) scale(.94)}50%{transform:translate(-50%,-50%) translate3d(56px,6px,0) rotate(5deg) scale(.955)}}@media(max-width:700px)and (prefers-reduced-motion:reduce){.featured-deck-card,.featured-deck-card--sat:nth-of-type(2),.featured-deck-card--sat:nth-of-type(3){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/featured-deck.css.map */