[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.media-carousel{overflow:hidden;padding-top:calc(var(--pt) * 5 / 6 * 1px);padding-bottom:calc(var(--pb) * 1px)}.media-carousel xo-media-carousel-modal{display:block;--media-card-ratio: var(--media-ratio-mobile, .5625)}@media(min-width:768px){.media-carousel xo-media-carousel-modal{--media-card-ratio: var(--media-ratio-desktop, .5625)}}@media(min-width:768px){.media-carousel{padding-top:calc(var(--pt) * 1px)}}.media-carousel__header{margin-bottom:27px}@media(min-width:768px){.media-carousel__header{margin-bottom:40px}}.media-carousel__heading{margin:0;font-family:var(--font-body-medium-family);font-size:30px;line-height:40px;letter-spacing:-.6px;color:var(--color-heading)}@media(min-width:768px){.media-carousel__heading{font-size:36px;letter-spacing:-.72px}}.media-carousel__heading-desktop{display:none}@media(min-width:768px){.media-carousel__heading-desktop{display:inline}}@media(min-width:768px){.media-carousel__heading-mobile{display:none}}.media-carousel__sub-heading{font-family:var(--font-body-family);font-size:22px;line-height:20px;letter-spacing:-.44px;color:var(--color-text)}.media-carousel__carousel{position:relative;--media-hover-scale: 1;--media-hover-lift: 0px;--media-play-hover-scale: 1;--media-play-hover-opacity: 60%;--media-play-hover-ring: 0px}@media(min-width:768px){.media-carousel__container[style*=--media-left-offset]{padding-left:max(var(--xo-container-gap, 36px),var(--media-left-offset))}}.media-carousel__carousel .carousel-nav{width:36px;height:36px;opacity:0;visibility:hidden}.media-carousel__carousel .carousel-nav[xo-disabled]:not([xo-disabled=false]){pointer-events:none}@media(min-width:768px){.media-carousel__carousel:hover .carousel-nav{opacity:1;visibility:visible}}.media-carousel__carousel--hover-zoom,.media-carousel__carousel--hover-lift,.media-carousel__carousel--hover-zoom_lift{--media-play-hover-scale: 1.12;--media-play-hover-opacity: 85%;--media-play-hover-ring: 6px}.media-carousel__carousel--hover-zoom,.media-carousel__carousel--hover-zoom_lift{--media-hover-scale: 1.04}.media-carousel__carousel--hover-lift,.media-carousel__carousel--hover-zoom_lift{--media-hover-lift: -6px}.media-carousel__card{position:relative;width:100%;aspect-ratio:var(--media-card-ratio);border-radius:6.26px;overflow:hidden;background:var(--color-bg);transition:transform .35s ease}@media(min-width:768px){.media-carousel__card{border-radius:8px}}.media-carousel__media{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transition:transform .5s ease}.media-carousel__media img,.media-carousel__media video,.media-carousel__media svg{width:100%;height:100%;object-fit:cover}.media-carousel__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-bg) 14%,transparent) 70.035%,color-mix(in srgb,var(--color-bg) 70%,transparent) 94.238%);pointer-events:none;z-index:19}.media-carousel__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:43.812px;height:43.812px;border-radius:50%;color:var(--color-bg);background:color-mix(in srgb,var(--color-text) 60%,transparent);pointer-events:none;transition:transform .35s ease,background .35s ease,box-shadow .35s ease;z-index:20}.media-carousel__play svg{width:19.559px;height:19.559px}@media(min-width:768px){.media-carousel__play svg{width:25px;height:25px}}@media(min-width:768px){.media-carousel__play{width:56px;height:56px}}.media-carousel__creator{position:absolute;bottom:18px;inset-inline:12px;text-align:center;font-family:var(--font-body-medium-family);font-size:19.559px;line-height:31.295px;letter-spacing:-.3912px;color:var(--color-text);overflow-wrap:anywhere;pointer-events:none;z-index:20}@media(min-width:768px){.media-carousel__creator{bottom:24px;font-size:25px;line-height:40px;letter-spacing:-.5px}}.media-carousel__open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.media-carousel__open:focus-visible{outline:3px solid var(--color-accent);outline-offset:-4px}.media-carousel__trigger{display:block}@media(min-width:768px){.media-carousel__trigger:hover .media-carousel__card,.media-carousel__trigger:focus-within .media-carousel__card{transform:translateY(var(--media-hover-lift))}.media-carousel__trigger:hover .media-carousel__media,.media-carousel__trigger:focus-within .media-carousel__media{transform:scale(var(--media-hover-scale))}.media-carousel__trigger:hover .media-carousel__play,.media-carousel__trigger:focus-within .media-carousel__play{transform:translate(-50%,-50%) scale(var(--media-play-hover-scale));background:color-mix(in srgb,var(--color-text) var(--media-play-hover-opacity),transparent);box-shadow:0 0 0 var(--media-play-hover-ring) color-mix(in srgb,var(--color-text) 16%,transparent)}}.media-carousel-modal{color:var(--color-text)}.media-carousel-modal__content{position:relative;display:flex;align-items:center;justify-content:center;width:min(100vw - 56px,90dvh * var(--media-card-ratio));max-width:calc(100vw - 56px)}@media(min-width:992px){.media-carousel-modal__content{width:min(80vw,90dvh * var(--media-card-ratio));max-width:80vw}}.media-carousel-modal__carousel{position:relative;flex-shrink:0;pointer-events:auto;width:100%}.media-carousel-modal__card{position:relative;width:100%;aspect-ratio:var(--media-card-ratio);border:0;border-radius:6px;overflow:hidden;background:var(--color-bg)}.media-carousel-modal__media{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-carousel-modal__media img,.media-carousel-modal__media video,.media-carousel-modal__media svg{display:block;width:100%;height:100%;object-fit:cover}.media-carousel-modal__media video::-webkit-media-controls-fullscreen-button{display:none}.media-carousel-modal__close-trigger{position:absolute;bottom:calc(100% + 8px);right:-4px;z-index:99}@media(min-width:768px){.media-carousel-modal__close-trigger{bottom:auto;top:0;right:8px}}.media-carousel-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--color-text);cursor:pointer;pointer-events:auto;transition:.3s}.media-carousel-modal__close svg{width:16px;height:16px}@media(min-width:768px){.media-carousel-modal__close svg{width:34px;height:34px}}.media-carousel-modal__close:hover,.media-carousel-modal__close:focus-visible{color:var(--color-accent)}@media(min-width:768px){.media-carousel-modal__close{width:48px;height:48px}}.media-carousel-modal__previous,.media-carousel-modal__next{position:absolute;top:50%;transform:translateY(-50%);z-index:99}.media-carousel-modal__previous{left:-32px}@media(min-width:768px){.media-carousel-modal__previous{left:16px}}.media-carousel-modal__next{right:-32px}@media(min-width:768px){.media-carousel-modal__next{right:16px}}.media-carousel-modal__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:.3s;color:var(--color-text)}.media-carousel-modal__arrow:hover,.media-carousel-modal__arrow:focus-visible{color:var(--color-accent)}@media(min-width:768px){.media-carousel-modal__arrow{width:25.29px;height:25.29px;color:var(--color-bg);background:color-mix(in srgb,var(--color-text) 50%,transparent)}}
/*# sourceMappingURL=/cdn/shop/t/394/assets/section-media-carousel.css.map */