.custom-media-carousel{position:relative;overflow:hidden;background:var(--cmc-bg-desktop);padding-top:var(--cmc-padding-top-desktop);padding-bottom:var(--cmc-padding-bottom-desktop)}.custom-media-carousel__viewport{overflow:hidden;width:100%}.custom-media-carousel__track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--cmc-rows-desktop, 1),auto);grid-auto-columns:calc((100% - (var(--cmc-gap-desktop) * (var(--cmc-visible-desktop) - 1))) / var(--cmc-visible-desktop));gap:var(--cmc-gap-desktop);will-change:transform;transition:transform .6s ease}.custom-media-carousel.is-marquee .custom-media-carousel__track,.custom-media-carousel.is-dragging .custom-media-carousel__track{transition:none}.custom-media-carousel.is-dragging .custom-media-carousel__viewport{cursor:grabbing}.custom-media-carousel__slide{width:100%;min-width:0}.custom-media-carousel__slide.is-clone{pointer-events:none}.custom-media-carousel__media-wrapper{position:relative;width:100%;overflow:hidden}.custom-media-carousel__media,.custom-media-carousel__placeholder{display:block;width:100%;height:auto}.custom-media-carousel video.custom-media-carousel__media{pointer-events:none}.custom-media-carousel__media-mobile{display:none}.custom-media-carousel__media-desktop{display:block}.custom-media-carousel__media-desktop,.custom-media-carousel__media-mobile{width:100%;height:100%}.custom-media-carousel__media-desktop>video,.custom-media-carousel__media-mobile>video{width:100%;height:100%}.custom-media-carousel__media-wrapper picture{display:block;width:100%;height:100%}.custom-media-carousel__media-wrapper picture .custom-media-carousel__media{width:100%;height:100%}.custom-media-carousel__image-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.custom-media-carousel__image-link picture{display:block;width:100%;height:100%}.custom-media-carousel__sound-toggle{position:absolute;right:16px;bottom:16px;z-index:20;width:44px;height:44px;border:0;border-radius:999px;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;pointer-events:auto}.custom-media-carousel__sound-toggle:hover{background:#000000bf}.custom-media-carousel__sound-toggle svg{display:block;width:22px;height:22px;pointer-events:none}.custom-media-carousel__sound-toggle-icon--sound-on,.custom-media-carousel__sound-toggle.is-sound-on .custom-media-carousel__sound-toggle-icon--sound-off{display:none}.custom-media-carousel__sound-toggle.is-sound-on .custom-media-carousel__sound-toggle-icon--sound-on{display:block}.custom-media-carousel__content{position:absolute;z-index:2;color:var(--cmc-content-color);max-width:min(620px,80%);pointer-events:auto}.custom-media-carousel__content--center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.custom-media-carousel__content--bottom-left{left:clamp(20px,4vw,64px);bottom:clamp(20px,4vw,64px);text-align:left}.custom-media-carousel__content--bottom-center{left:50%;bottom:clamp(20px,4vw,64px);transform:translate(-50%);text-align:center}.custom-media-carousel__content--bottom-right{right:clamp(20px,4vw,64px);bottom:clamp(20px,4vw,64px);text-align:right}.custom-media-carousel__text,.custom-media-carousel__text>*{color:inherit}.custom-media-carousel__button{margin-top:18px}.custom-media-carousel__button--secondary{background:transparent;color:currentColor;border:1px solid currentColor}.custom-media-carousel__button--link{background:transparent;color:currentColor;border:0;padding-inline:0;text-decoration:underline;text-underline-offset:4px}.custom-media-carousel__arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);border:0;background-color:transparent;color:var(--cmc-arrow-color-desktop);font-size:var(--cmc-arrow-size-desktop);line-height:1;cursor:pointer;padding:20px}.custom-media-carousel__arrow--prev{left:4vw}.custom-media-carousel__arrow--next{right:4vw}.custom-media-carousel__arrow-text{display:block;line-height:1}.custom-media-carousel--arrows-image .custom-media-carousel__arrow{width:var(--cmc-arrow-size-desktop);height:var(--cmc-arrow-size-desktop);padding:0;background-repeat:no-repeat;background-position:center;background-size:contain;font-size:0;color:transparent}.custom-media-carousel--arrows-image .custom-media-carousel__arrow-text{display:none}.custom-media-carousel--arrows-image .custom-media-carousel__arrow--prev{background-image:var(--cmc-prev-arrow-image-desktop)}.custom-media-carousel--arrows-image .custom-media-carousel__arrow--next{background-image:var(--cmc-next-arrow-image-desktop)}.custom-media-carousel__dots{display:flex;justify-content:center;gap:10px;margin-top:28px}.custom-media-carousel__dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#fff6;cursor:pointer}.custom-media-carousel__dot.is-active{background:var(--cmc-arrow-color-desktop)}@media screen and (min-width:750px){.custom-media-carousel--center-desktop .custom-media-carousel__track{padding-inline:var(--cmc-peek-desktop)}.custom-media-carousel--draggable-desktop .custom-media-carousel__viewport{cursor:grab;touch-action:pan-y}.custom-media-carousel--hide-arrows-desktop .custom-media-carousel__arrow,.custom-media-carousel--hide-dots-desktop .custom-media-carousel__dots{display:none}.custom-media-carousel--desktop-aspect-16-9 .custom-media-carousel__media-wrapper{aspect-ratio:16 / 9}.custom-media-carousel--desktop-aspect-9-16 .custom-media-carousel__media-wrapper{aspect-ratio:9 / 16}.custom-media-carousel--desktop-aspect-4-3 .custom-media-carousel__media-wrapper{aspect-ratio:4 / 3}.custom-media-carousel--desktop-aspect-4-5 .custom-media-carousel__media-wrapper{aspect-ratio:4 / 5}.custom-media-carousel--desktop-aspect-1-1 .custom-media-carousel__media-wrapper{aspect-ratio:1 / 1}.custom-media-carousel:not(.custom-media-carousel--desktop-aspect-auto) .custom-media-carousel__media,.custom-media-carousel:not(.custom-media-carousel--desktop-aspect-auto) .custom-media-carousel__placeholder{height:100%;object-fit:var(--cmc-media-fit-desktop)}.custom-media-carousel--desktop-aspect-auto .custom-media-carousel__media,.custom-media-carousel--desktop-aspect-auto .custom-media-carousel__placeholder{object-fit:initial}.custom-media-carousel__media-desktop>video,.custom-media-carousel__media-mobile>video{object-fit:var(--cmc-media-fit-desktop)}}@media screen and (max-width:749px){.custom-media-carousel{background:var(--cmc-bg-mobile);padding-top:var(--cmc-padding-top-mobile);padding-bottom:var(--cmc-padding-bottom-mobile)}.custom-media-carousel__track{grid-template-rows:repeat(var(--cmc-rows-mobile, 1),auto);grid-auto-columns:calc((100% - (var(--cmc-gap-mobile) * (var(--cmc-visible-mobile) - 1))) / var(--cmc-visible-mobile));gap:var(--cmc-gap-mobile);padding-inline:0}.custom-media-carousel--center-mobile .custom-media-carousel__track{padding-inline:var(--cmc-peek-mobile)}.custom-media-carousel--draggable-mobile .custom-media-carousel__viewport{cursor:grab;touch-action:pan-y}.custom-media-carousel__media-wrapper{aspect-ratio:auto}.custom-media-carousel--mobile-aspect-16-9 .custom-media-carousel__media-wrapper{aspect-ratio:16 / 9}.custom-media-carousel--mobile-aspect-9-16 .custom-media-carousel__media-wrapper{aspect-ratio:9 / 16}.custom-media-carousel--mobile-aspect-4-3 .custom-media-carousel__media-wrapper{aspect-ratio:4 / 3}.custom-media-carousel--mobile-aspect-4-5 .custom-media-carousel__media-wrapper{aspect-ratio:4 / 5}.custom-media-carousel--mobile-aspect-1-1 .custom-media-carousel__media-wrapper{aspect-ratio:1 / 1}.custom-media-carousel__media,.custom-media-carousel__placeholder{height:auto}.custom-media-carousel:not(.custom-media-carousel--mobile-aspect-auto) .custom-media-carousel__media,.custom-media-carousel:not(.custom-media-carousel--mobile-aspect-auto) .custom-media-carousel__placeholder{height:100%;object-fit:var(--cmc-media-fit-mobile)}.custom-media-carousel--mobile-aspect-auto .custom-media-carousel__media,.custom-media-carousel--mobile-aspect-auto .custom-media-carousel__placeholder{object-fit:initial}.custom-media-carousel__media-desktop{display:none}.custom-media-carousel__media-mobile{display:block}.custom-media-carousel__media-mobile>video{object-fit:var(--cmc-media-fit-mobile)}.custom-media-carousel__content{max-width:84%}.custom-media-carousel__arrow{color:var(--cmc-arrow-color-mobile);font-size:var(--cmc-arrow-size-mobile);padding:12px}.custom-media-carousel--arrows-image .custom-media-carousel__arrow{width:var(--cmc-arrow-size-mobile);height:var(--cmc-arrow-size-mobile);padding:0}.custom-media-carousel--arrows-image .custom-media-carousel__arrow--prev{background-image:var(--cmc-prev-arrow-image-mobile)}.custom-media-carousel--arrows-image .custom-media-carousel__arrow--next{background-image:var(--cmc-next-arrow-image-mobile)}.custom-media-carousel__arrow--prev{left:8px}.custom-media-carousel__arrow--next{right:8px}.custom-media-carousel__dot.is-active{background:var(--cmc-arrow-color-mobile)}.custom-media-carousel--hide-arrows-mobile .custom-media-carousel__arrow,.custom-media-carousel--hide-dots-mobile .custom-media-carousel__dots{display:none}.custom-media-carousel__media,.custom-media-carousel__placeholder,.custom-media-carousel__media-wrapper picture,.custom-media-carousel__media-wrapper img,.custom-media-carousel__media-wrapper video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/custom-media-carousel.css.map */