.cover-flow{--cf-card-render: clamp(var(--cf-card-width, 260px), 20vw, 520px);background-color:var(--cf-bg, #ffffff);padding-top:var(--cf-padding-top, 60px);padding-bottom:var(--cf-padding-bottom, 60px);overflow:hidden}.cover-flow__header{max-width:640px;margin:0 auto 36px;text-align:center}.cover-flow__subheading{display:block;margin-bottom:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-text-color, #868686)}.cover-flow__heading{margin:0;color:var(--cf-heading-color, #232323)}.cover-flow__rte{margin-top:12px;color:var(--cf-text-color, #868686)}.cover-flow__rte p{margin:0}.cover-flow__stage{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 20px}.cover-flow__viewport{position:relative;flex:1 1 auto;width:100%;max-width:min(1520px,var(--cf-fan-width, 1520px));height:calc(var(--cf-card-render) * 16 / 9 + var(--cf-cta-space, 0px) + 40px);perspective:var(--cf-perspective, 1400px);perspective-origin:50% 50%;overflow:hidden;touch-action:pan-y;cursor:grab}.cover-flow__stage.is-dragging .cover-flow__viewport{cursor:grabbing}.cover-flow__item.is-teleport{transition:none}.cover-flow__track{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;transform-style:preserve-3d}.cover-flow__item{position:absolute;top:50%;left:50%;width:var(--cf-card-render);margin:0;transform:translate(-50%,-50%) var(--cf-t, translateZ(0));transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .55s cubic-bezier(.22,.61,.36,1);opacity:var(--cf-o, 1);z-index:var(--cf-z, 1);pointer-events:var(--cf-pe, auto);will-change:transform,opacity}.cover-flow__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;text-decoration:none;-webkit-user-select:none;user-select:none}.cover-flow__frame{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border-radius:var(--cf-card-radius, 12px);overflow:hidden;background-color:#f4f4f4;box-shadow:0 6px 16px #00000024}.cover-flow__cta{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:8px 18px;border:1px solid rgba(35,35,35,.15);border-radius:30px;background-color:#fff;color:#232323;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .35s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.cover-flow__item.is-active .cover-flow__cta{opacity:1;pointer-events:auto}.cover-flow__item.is-active .cover-flow__card:hover .cover-flow__cta{background-color:#232323;border-color:#232323;color:#fff}.cover-flow__media{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cover-flow__media--placeholder{background-color:#eaeaea;fill:#c9c9c9}.cover-flow__shade{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:var(--cf-side-dim, .3);transition:opacity .55s ease;pointer-events:none}.cover-flow__item.is-active .cover-flow__shade{opacity:0}.cover-flow__arrow{position:static;flex:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(35,35,35,.15);border-radius:50%;background-color:#fff;color:#232323;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.cover-flow__arrow:hover{background-color:#232323;border-color:#232323;color:#fff}.cover-flow__arrow:focus-visible{outline:2px solid #232323;outline-offset:2px}.cover-flow__dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px}.cover-flow__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background-color:#23232340;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.cover-flow__dot.is-active{background-color:#232323;transform:scale(1.35)}.cover-flow__dot:focus-visible{outline:2px solid #232323;outline-offset:3px}@media screen and (max-width:749px){.cover-flow{--cf-card-render: min(var(--cf-card-width, 260px), 60vw)}.cover-flow__viewport{height:calc(var(--cf-card-render) * 16 / 9 + var(--cf-cta-space, 0px) + 32px)}.cover-flow__header{margin-bottom:28px}.cover-flow__stage{gap:0}.cover-flow__viewport{max-width:none}.cover-flow__arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px}.cover-flow__arrow--prev{left:8px}.cover-flow__arrow--next{right:8px}}@media(prefers-reduced-motion:reduce){.cover-flow__item{transition:none}}.cover-flow__stage.is-reduced .cover-flow__viewport{perspective:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:auto;scrollbar-width:none}.cover-flow__stage.is-reduced .cover-flow__viewport::-webkit-scrollbar{display:none}.cover-flow__stage.is-reduced .cover-flow__track{position:relative;inset:auto;display:flex;align-items:center;height:100%;gap:16px;padding:0 calc(50% - var(--cf-card-render) / 2);transform-style:flat}.cover-flow__stage.is-reduced .cover-flow__item{position:relative;top:auto;left:auto;flex:0 0 auto;width:var(--cf-card-render);height:auto;align-self:center;transform:none;opacity:1;scroll-snap-align:center;pointer-events:auto}.cover-flow__stage.is-reduced .cover-flow__shade{opacity:0}.cover-flow__stage.is-reduced .cover-flow__frame{height:calc(var(--cf-card-render) * 16 / 9);aspect-ratio:auto}.cover-flow__stage.is-reduced .cover-flow__cta{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-cover-flow-carousel.css.map */