.dupper-coverflow{--dupper-card-width: 420px;--dupper-mobile-card-width: 84vw;--dupper-card-radius: 14px;--dupper-overlay-opacity: 58%;display:block;overflow:hidden}.dupper-coverflow__header{margin-block-end:clamp(1.75rem,4vw,3.5rem);text-align:center}.dupper-coverflow__header .prose{margin-inline:auto;max-width:42rem}.dupper-coverflow__stage{position:relative;min-height:calc(var(--dupper-card-width) * 1.5)}.dupper-coverflow__track{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;perspective:1400px;touch-action:pan-y}.dupper-coverflow__card{position:absolute;width:min(var(--dupper-card-width),34vw);aspect-ratio:4 / 6;overflow:hidden;border:1px solid rgb(var(--text-color) / .26);border-radius:var(--dupper-card-radius);background:rgb(var(--background));box-shadow:0 18px 45px #0000001f;opacity:calc(1 - (min(var(--abs-offset),4)*.14));transform:translate3d(calc(var(--offset) * 54%),calc(var(--abs-offset) * 4%),calc(var(--abs-offset) * -65px)) rotateY(calc(var(--offset) * -2.5deg)) scale(calc(1 - (min(var(--abs-offset),4)*.105)));transform-origin:center;transition:transform .56s cubic-bezier(.2,.75,.25,1),opacity .42s ease,filter .42s ease;will-change:transform,opacity}.dupper-coverflow__card[aria-hidden=true]{pointer-events:none}.dupper-coverflow__card:not(.is-active){cursor:pointer;filter:saturate(.88) brightness(.84)}.dupper-coverflow__card.is-active{filter:none}.dupper-coverflow__media,.dupper-coverflow__media video,.dupper-coverflow__media img,.dupper-coverflow__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dupper-coverflow__media video,.dupper-coverflow__media img,.dupper-coverflow__placeholder{object-fit:cover}.dupper-coverflow__placeholder{background:rgb(var(--text-color) / .06)}.dupper-coverflow__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgb(0 0 0 / calc(var(--dupper-overlay-opacity) / 100)) 100%);pointer-events:none}.dupper-coverflow__content{position:absolute;z-index:2;inset:auto 0 0;display:grid;gap:.3rem;padding:clamp(1rem,2.2vw,1.65rem);color:#fff;text-shadow:0 1px 10px rgb(0 0 0 / .22)}.dupper-coverflow__title{margin:0;color:inherit;font-size:clamp(1.65rem,2.6vw,3rem);line-height:.98}.dupper-coverflow__link{position:relative;z-index:3;justify-self:start;color:inherit;font-weight:700;text-decoration:none}.dupper-coverflow__link:after{content:"";position:absolute;inset:auto 0 -.2rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.dupper-coverflow__link:hover:after,.dupper-coverflow__link:focus-visible:after{transform:scaleX(1);transform-origin:left}.dupper-coverflow__rating{display:flex;gap:.35rem;align-items:center;font-size:.78rem}.dupper-coverflow__stars{position:relative;display:inline-block;letter-spacing:.08em;line-height:1}.dupper-coverflow__stars:before{content:"\2605\2605\2605\2605\2605";color:#ffffff6b}.dupper-coverflow__stars-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#fff;white-space:nowrap}.dupper-coverflow__stars-fill:before{content:"\2605\2605\2605\2605\2605"}.dupper-coverflow__play{position:absolute;z-index:4;right:clamp(.9rem,2vw,1.4rem);bottom:clamp(1rem,2.2vw,1.65rem);display:grid;width:clamp(3rem,5.5vw,4.5rem);aspect-ratio:1;place-items:center;border:1px solid rgb(255 255 255 / .7);border-radius:12px;background:#ffffff29;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .18s ease,transform .18s ease}.dupper-coverflow__play:hover,.dupper-coverflow__play:focus-visible{background:#ffffff47;transform:scale(1.04)}.dupper-coverflow__play svg{width:42%;height:42%;fill:currentColor}.dupper-coverflow__play .icon-pause,.dupper-coverflow__card.is-playing .dupper-coverflow__play .icon-play{display:none}.dupper-coverflow__card.is-playing .dupper-coverflow__play .icon-pause{display:block}.dupper-coverflow__nav{position:absolute;z-index:20;top:50%;display:grid;width:4rem;aspect-ratio:1;place-items:center;border:1px solid rgb(var(--text-color) / .7);border-radius:999px;background:rgb(var(--background));color:rgb(var(--text-color));box-shadow:0 6px 20px #00000014;transform:translateY(-50%);transition:transform .18s ease,background .18s ease}.dupper-coverflow__nav:hover,.dupper-coverflow__nav:focus-visible{transform:translateY(-50%) scale(1.05)}.dupper-coverflow__nav--previous{left:max(1.25rem,calc(50% - var(--dupper-card-width) * 1.38))}.dupper-coverflow__nav--next{right:max(1.25rem,calc(50% - var(--dupper-card-width) * 1.38))}.dupper-coverflow__nav svg{width:1.25rem;height:1.25rem}.dupper-coverflow__empty{display:grid;min-height:22rem;place-items:center;border:1px dashed rgb(var(--text-color) / .25);text-align:center}@media screen and (max-width:999px){.dupper-coverflow__stage{min-height:calc(min(var(--dupper-card-width),42vw)*1.5)}.dupper-coverflow__nav--previous{left:1rem}.dupper-coverflow__nav--next{right:1rem}}@media screen and (max-width:699px){.dupper-coverflow{overflow:visible}.dupper-coverflow__header{padding-inline:var(--container-gutter);text-align:left}.dupper-coverflow__header .prose{margin-inline:0}.dupper-coverflow__stage{min-height:0}.dupper-coverflow__track{position:relative;display:flex;gap:.85rem;overflow-x:auto;padding-inline:var(--container-gutter);padding-block:.25rem 1rem;perspective:none;scroll-padding-inline:var(--container-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.dupper-coverflow__track::-webkit-scrollbar{display:none}.dupper-coverflow__card{position:relative;flex:0 0 var(--dupper-mobile-card-width);width:var(--dupper-mobile-card-width);max-width:25rem;opacity:1;filter:none;transform:none;scroll-snap-align:center}.dupper-coverflow__card[aria-hidden=true]{pointer-events:auto}.dupper-coverflow__title{font-size:clamp(1.75rem,9vw,2.65rem)}.dupper-coverflow__play{width:3.5rem}.dupper-coverflow__nav{display:none}}@media(prefers-reduced-motion:reduce){.dupper-coverflow__card,.dupper-coverflow__nav,.dupper-coverflow__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-dupper-coverflow.css.map */