.stacked-rotate-cards .stacked-rotate-cards__inner{width:min(100% - 2rem,var(--src-fan-max-width));margin-inline:auto;text-align:center}.stacked-rotate-cards .stacked-rotate-cards__header{margin-bottom:clamp(2.5rem,5vw,5rem)}.stacked-rotate-cards .stacked-rotate-cards__heading{margin:0;color:inherit}.stacked-rotate-cards .stacked-rotate-cards__stage{position:relative;min-height:clamp(34rem,54vw,50rem);perspective:1400px;isolation:isolate}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__stage{min-height:clamp(34rem,48vw,50rem);overflow:hidden}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__stage:after{content:"";position:absolute;inset-inline:0;bottom:0;z-index:170;height:42%;pointer-events:none;background:linear-gradient(to bottom,rgb(255 255 255 / 0) 0%,rgb(255 255 255 / 0) 86%,var(--src-bg) 100%)}.stacked-rotate-cards .stacked-rotate-cards__deck{position:relative;left:50%;display:grid;grid-template-columns:var(--src-card-width);justify-content:center;align-items:center;box-sizing:border-box;width:min(100vw,var(--src-fan-max-width));min-height:clamp(34rem,54vw,50rem);padding-block:clamp(1.5rem,5vw,4rem);overflow:visible;transform:translate(-50%);pointer-events:none}.stacked-rotate-cards .stacked-rotate-cards__card{position:relative;grid-area:1 / 1;width:var(--src-card-width);aspect-ratio:var(--src-card-aspect);padding:clamp(.55rem,.9vw,.8rem);border:2px solid var(--src-card-border);border-radius:var(--src-card-radius);background:#fff;box-shadow:var(--src-card-shadow);cursor:pointer;pointer-events:auto;opacity:0;overflow:hidden;transform:translate(0) translateY(44vh) rotate(var(--src-initial-rotate)) scale(.84);transition:opacity .42s ease var(--src-delay),transform var(--src-transition) var(--src-delay),filter .28s ease,box-shadow .28s ease;will-change:transform,opacity}.stacked-rotate-cards .stacked-rotate-cards__card-image,.stacked-rotate-cards .stacked-rotate-cards__card-image img,.stacked-rotate-cards .stacked-rotate-cards__placeholder{display:block;width:100%;height:100%;border-radius:calc(var(--src-card-radius) - 8px);object-fit:cover}.stacked-rotate-cards .stacked-rotate-cards__card-image{overflow:hidden}.stacked-rotate-cards .stacked-rotate-cards__card[data-initial=false]{display:none}.stacked-rotate-cards.is-dealt:not(.is-expanded) .stacked-rotate-cards__card[data-initial=true]{opacity:1;transform:translate(var(--src-dealt-x)) translateY(var(--src-dealt-y)) rotate(var(--src-dealt-rotate)) scale(var(--src-dealt-scale))}.stacked-rotate-cards.is-dealt-complete:not(.is-expanded) .stacked-rotate-cards__card[data-initial=true]{transition:transform .3s ease,filter .3s ease,box-shadow .3s ease}.stacked-rotate-cards .stacked-rotate-cards__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:#00000075;opacity:0;pointer-events:none;transition:opacity .3s ease}.stacked-rotate-cards.is-dealt-complete:not(.is-expanded) .stacked-rotate-cards__card.is-active{z-index:200!important;transform:translate(var(--src-dealt-x)) translateY(clamp(-2rem,-2.4vw,-1rem)) rotate(0) scale(1.22);box-shadow:0 2rem 4rem #00000047}.stacked-rotate-cards.is-dealt-complete:not(.is-expanded) .stacked-rotate-cards__card.is-not-active{filter:saturate(.82);transform:translate(var(--src-dealt-x)) translateY(var(--src-dealt-y)) rotate(var(--src-dealt-rotate)) scale(calc(var(--src-dealt-scale) - .04))}.stacked-rotate-cards.is-dealt-complete:not(.is-expanded) .stacked-rotate-cards__card.is-not-active:before{opacity:1}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__card{position:relative;grid-area:1 / 1;display:block;opacity:var(--src-fan-opacity, 1);filter:saturate(.82) brightness(.82);transform:translate(var(--src-fan-x)) translateY(var(--src-fan-y)) rotate(var(--src-fan-rotate)) scale(var(--src-fan-scale));transition:opacity .42s ease,transform var(--src-transition),filter .28s ease,box-shadow .28s ease}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__card[data-edge-card=true]{-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 24%);mask-image:linear-gradient(to top,transparent 0%,#000 24%)}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__deck{display:grid;place-items:center;left:auto;min-height:clamp(34rem,48vw,50rem);padding-block:0;width:min(100%,var(--src-fan-max-width));margin-inline:auto;transform:none}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__card.is-current{filter:none;z-index:160;box-shadow:0 1.6rem 3.4rem #0000003d}.stacked-rotate-cards.is-detail-open .stacked-rotate-cards__card{pointer-events:none}.stacked-rotate-cards .stacked-rotate-cards__actions{position:relative;z-index:10;margin-top:clamp(1rem,2vw,2rem)}.stacked-rotate-cards .stacked-rotate-cards__expand{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.4rem;border:2px solid var(--src-btn-border);border-radius:999px;background:var(--src-btn-bg);color:var(--src-btn-text);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 .5rem 0 var(--src-btn-border);transition:transform .12s ease,box-shadow .12s ease}.stacked-rotate-cards .stacked-rotate-cards__expand:hover{transform:translateY(-2px);box-shadow:0 .7rem 0 var(--src-btn-border)}.stacked-rotate-cards .stacked-rotate-cards__expand:active{transform:translateY(.3rem);box-shadow:0 .2rem 0 var(--src-btn-border)}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__actions{display:none}.stacked-rotate-cards .stacked-rotate-cards__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:#ffffff57;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .28s ease}.stacked-rotate-cards.is-detail-open .stacked-rotate-cards__overlay{opacity:1;pointer-events:auto}.stacked-rotate-cards .stacked-rotate-cards__detail{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(.6rem,1.8vw,1.4rem);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);width:min(92vw,860px);transform:translateY(1.5rem) scale(.94);transition:transform .34s cubic-bezier(.2,.85,.2,1)}.stacked-rotate-cards.is-detail-open .stacked-rotate-cards__detail{transform:translateY(0) scale(1)}.stacked-rotate-cards .stacked-rotate-cards__detail-card{position:relative;aspect-ratio:var(--src-card-aspect);border:2px solid var(--src-card-border);border-radius:var(--src-card-radius);background:#fff;box-shadow:0 1.8rem 4rem #0000003d;overflow:hidden}.stacked-rotate-cards .stacked-rotate-cards__detail-card--text{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,2vw,1.4rem);padding:1.75rem;background:#050505;transform:translate(52%)}.stacked-rotate-cards.is-detail-open .stacked-rotate-cards__detail-card--text{animation:src-separate-left .56s cubic-bezier(.2,.85,.2,1) forwards}.stacked-rotate-cards .stacked-rotate-cards__blurb-wrap{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.stacked-rotate-cards .stacked-rotate-cards__blurb{margin:0;max-width:100%;text-align:center;color:#fff;font-size:clamp(.95rem,1.45vw,1.18rem);line-height:1.35}.stacked-rotate-cards .stacked-rotate-cards__detail-card--brand{background:#f4f4f4;transform:translate(-52%) rotate(8deg)}.stacked-rotate-cards.is-detail-open .stacked-rotate-cards__detail-card--brand{animation:src-separate-right .56s cubic-bezier(.2,.85,.2,1) forwards}.stacked-rotate-cards .stacked-rotate-cards__detail-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.stacked-rotate-cards .stacked-rotate-cards__product-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:visible}.stacked-rotate-cards .stacked-rotate-cards__product{position:absolute;left:calc(50% + var(--src-product-x, 0%));top:calc(50% + var(--src-product-y, 0%));width:min(var(--src-product-size, 7rem),40vw);transform:translate(-50%,-50%) scale(.3) rotate(var(--src-product-rotate, 0deg));opacity:0;object-fit:contain;filter:drop-shadow(0 .55rem .7rem rgb(0 0 0 / .24))}.stacked-rotate-cards.is-detail-open .stacked-rotate-cards__product{animation:src-product-burst .52s cubic-bezier(.2,.85,.2,1) var(--src-product-delay) forwards}.stacked-rotate-cards .stacked-rotate-cards__close{position:absolute;left:50%;bottom:-5rem;transform:translate(-50%);z-index:4;width:3rem;height:3rem;border:2px solid var(--src-btn-border);border-radius:999px;background:var(--src-btn-bg);color:var(--src-btn-text);font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 .8rem 1.5rem #0000002e}.stacked-rotate-cards .stacked-rotate-cards__shop{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;min-width:8rem;padding:.8rem 1.2rem;border-radius:999px;border:2px solid var(--src-shop-border, var(--src-btn-border));background:var(--src-shop-bg, var(--src-btn-bg));color:var(--src-shop-text, var(--src-btn-text));text-decoration:none;font-weight:700;box-shadow:0 .5rem 0 var(--src-shop-border, var(--src-btn-border))}@keyframes src-separate-left{0%{transform:translate(52%)}to{transform:translate(0)}}@keyframes src-separate-right{0%{transform:translate(-52%) rotate(8deg)}to{transform:translate(-1.4rem) rotate(8deg)}}@keyframes src-product-burst{to{opacity:1;transform:translate(-50%,-50%) rotate(var(--src-product-rotate, 0deg)) scale(1)}}@media screen and (max-width:749px){.stacked-rotate-cards{--src-card-width: min(68vw, 240px);--src-fan-lift: -.5rem}.stacked-rotate-cards .stacked-rotate-cards__stage{min-height:0;overflow:visible}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__stage:after{height:24%;background:linear-gradient(to bottom,rgb(255 255 255 / 0) 0%,rgb(255 255 255 / 0) 74%,var(--src-bg) 100%)}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__stage{min-height:31rem;overflow:hidden}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__deck{display:grid;left:auto;justify-content:center;align-items:center;min-height:31rem;padding:0;transform:none;overflow:visible;scroll-snap-type:none;pointer-events:none;touch-action:auto}.stacked-rotate-cards .stacked-rotate-cards__deck{--src-mobile-edge-padding: max(1.5rem, 7vw);--src-mobile-shadow-padding: max(4.5rem, 3.5rem);left:auto;width:100%;transform:none;display:flex;justify-content:flex-start;align-items:stretch;gap:clamp(1.5rem,7vw,2.5rem);min-height:0;padding:var(--src-mobile-shadow-padding) var(--src-mobile-edge-padding) calc(var(--src-mobile-shadow-padding) + 1.5rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--src-mobile-edge-padding);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;touch-action:pan-x pan-y}.stacked-rotate-cards .stacked-rotate-cards__card{flex:0 0 var(--src-card-width);width:var(--src-card-width);max-width:none;scroll-snap-align:center;transform:translate(0) translateY(1rem) rotate(var(--src-initial-rotate)) scale(.96)}.stacked-rotate-cards.is-dealt:not(.is-expanded) .stacked-rotate-cards__card[data-initial=true],.stacked-rotate-cards.is-dealt-complete:not(.is-expanded) .stacked-rotate-cards__card[data-initial=true]{transform:translate(0) translateY(0) rotate(var(--src-initial-rotate)) scale(1)}.stacked-rotate-cards .stacked-rotate-cards__card:before{content:none}.stacked-rotate-cards.is-expanded .stacked-rotate-cards__card{position:relative;transform:translate(var(--src-mobile-fan-x)) translateY(var(--src-mobile-fan-y)) rotate(var(--src-mobile-fan-rotate)) scale(var(--src-mobile-fan-scale))}.stacked-rotate-cards .stacked-rotate-cards__detail{grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;width:min(84vw,24rem);gap:0;transform:none}.stacked-rotate-cards.is-detail-open .stacked-rotate-cards__detail{transform:none}.stacked-rotate-cards .stacked-rotate-cards__detail-card{grid-area:1 / 1;width:100%}.stacked-rotate-cards .stacked-rotate-cards__detail-card--text{gap:clamp(1.1rem,4vw,1.6rem);padding:1.5rem}.stacked-rotate-cards .stacked-rotate-cards__blurb{max-width:100%;font-size:clamp(.98rem,4.2vw,1.18rem);line-height:1.4}.stacked-rotate-cards .stacked-rotate-cards__shop{min-width:0;padding:.74rem 1.2rem;font-size:clamp(.95rem,3.8vw,1.08rem)}.stacked-rotate-cards .stacked-rotate-cards__close{position:fixed;bottom:max(.9rem,env(safe-area-inset-bottom));top:auto;width:4.6rem;height:4.6rem;font-size:2.1rem;border-width:3px;z-index:1001}@keyframes src-separate-left{0%{transform:translate(0) rotate(0)}to{transform:translate(5%) rotate(3.5deg)}}@keyframes src-separate-right{0%{transform:translate(0) rotate(0)}to{transform:translate(-22%) rotate(-11deg)}}}@media(prefers-reduced-motion:reduce){.stacked-rotate-cards *,.stacked-rotate-cards *:before,.stacked-rotate-cards *:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/stacked-rotate-cards.css.map */