.immersive-media-carousel{--immersive-carousel-header-safe-area: 0px;--immersive-carousel-slide-width: 33.333333vw;position:relative;display:block;width:100%;background:var(--color-background-secondary);overflow:hidden;isolation:isolate}.immersive-media-carousel--count-1{--immersive-carousel-slide-width: 100vw}.immersive-media-carousel--count-2{--immersive-carousel-slide-width: 50vw}.immersive-media-carousel__viewport,.immersive-media-carousel__slides,.immersive-media-carousel__slide{position:relative;min-height:inherit}.immersive-media-carousel__viewport{width:100%;overflow:hidden;outline:0;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.immersive-media-carousel__viewport.is-dragging{cursor:grabbing}.immersive-media-carousel__slides{display:flex;width:max-content;transform:translateZ(0);will-change:transform}.immersive-media-carousel__empty{display:grid;width:100vw;min-height:520px;padding:var(--page-margin);background:var(--color-background-secondary);color:var(--color-foreground);place-items:center;text-align:center}.immersive-media-carousel__empty p{margin:0}.immersive-media-carousel--height-compact,.immersive-media-carousel--height-compact .immersive-media-carousel__viewport,.immersive-media-carousel--height-compact .immersive-media-carousel__slides,.immersive-media-carousel--height-compact .immersive-media-carousel__slide{min-height:520px}.immersive-media-carousel--height-medium,.immersive-media-carousel--height-medium .immersive-media-carousel__viewport,.immersive-media-carousel--height-medium .immersive-media-carousel__slides,.immersive-media-carousel--height-medium .immersive-media-carousel__slide{min-height:640px}.immersive-media-carousel--height-large,.immersive-media-carousel--height-large .immersive-media-carousel__viewport,.immersive-media-carousel--height-large .immersive-media-carousel__slides,.immersive-media-carousel--height-large .immersive-media-carousel__slide{min-height:min(820px,90svh)}.immersive-media-carousel--height-full,.immersive-media-carousel--height-full .immersive-media-carousel__viewport,.immersive-media-carousel--height-full .immersive-media-carousel__slides,.immersive-media-carousel--height-full .immersive-media-carousel__slide{min-height:calc(100svh - var(--site-header-offset, 0px))}body:has(.store-header--transparent) .immersive-media-carousel{--immersive-carousel-header-safe-area: var(--header-desktop-height, 70px)}body:has(.store-header--transparent) .immersive-media-carousel--height-full,body:has(.store-header--transparent) .immersive-media-carousel--height-full .immersive-media-carousel__viewport,body:has(.store-header--transparent) .immersive-media-carousel--height-full .immersive-media-carousel__slides,body:has(.store-header--transparent) .immersive-media-carousel--height-full .immersive-media-carousel__slide{min-height:calc(100svh - var(--announcement-desktop-height, 0px))}.immersive-media-carousel__slide{display:grid;width:var(--immersive-carousel-slide-width);max-width:var(--immersive-carousel-slide-width);color:var(--color-foreground);flex:0 0 var(--immersive-carousel-slide-width);isolation:isolate;overflow:hidden}.immersive-media-carousel__media,.immersive-media-carousel__media picture,.immersive-media-carousel__overlay,.immersive-media-carousel__content-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.immersive-media-carousel__media{z-index:-3;background:var(--color-background-secondary);overflow:hidden}.immersive-media-carousel__media picture{display:block}.immersive-media-carousel__image,.immersive-media-carousel__video{display:block;width:100%;height:100%;object-fit:var(--immersive-carousel-media-fit)}.immersive-media-carousel__placeholder{color:var(--color-muted)}.immersive-media-carousel__overlay{z-index:-2;background:var(--immersive-carousel-overlay-color);opacity:var(--immersive-carousel-overlay-opacity);pointer-events:none}.immersive-media-carousel__content-wrap{z-index:1;display:flex;width:calc(100% - (var(--space-5) * 2));height:100%;margin-inline:auto;padding-top:calc(var(--immersive-carousel-padding-top) + var(--immersive-carousel-header-safe-area));padding-bottom:calc(var(--immersive-carousel-padding-bottom) + 64px);pointer-events:none}.immersive-media-carousel__slide--vertical-top .immersive-media-carousel__content-wrap{align-items:flex-start}.immersive-media-carousel__slide--vertical-middle .immersive-media-carousel__content-wrap{align-items:center}.immersive-media-carousel__slide--vertical-bottom .immersive-media-carousel__content-wrap{align-items:flex-end}.immersive-media-carousel__slide--horizontal-left .immersive-media-carousel__content-wrap{justify-content:flex-start}.immersive-media-carousel__slide--horizontal-center .immersive-media-carousel__content-wrap{justify-content:center}.immersive-media-carousel__slide--horizontal-right .immersive-media-carousel__content-wrap{justify-content:flex-end}.immersive-media-carousel__content{display:grid;width:min(100%,var(--immersive-carousel-content-width));justify-items:start;gap:var(--space-3);pointer-events:auto}.immersive-media-carousel__slide--horizontal-center .immersive-media-carousel__content{justify-items:center;text-align:center}.immersive-media-carousel__slide--horizontal-right .immersive-media-carousel__content{justify-items:end;text-align:right}.immersive-media-carousel__eyebrow,.immersive-media-carousel__heading,.immersive-media-carousel__text :is(p,ul,ol){margin:0}.immersive-media-carousel__heading{text-wrap:pretty}.immersive-media-carousel__eyebrow{font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height);letter-spacing:var(--type-label-letter-spacing);text-transform:var(--type-label-transform)}.immersive-media-carousel__text{max-width:42ch;font-size:var(--type-body-size);line-height:var(--type-body-line-height)}.immersive-media-carousel__actions{display:flex;margin-top:var(--space-1);flex-wrap:wrap;gap:var(--space-2)}.immersive-media-carousel__button{min-width:144px}.immersive-media-carousel__controls{position:absolute;z-index:5;right:var(--page-margin);bottom:max(var(--space-5),var(--immersive-carousel-padding-bottom));left:var(--page-margin);display:flex;color:var(--immersive-carousel-controls-color);align-items:center;justify-content:space-between;pointer-events:none}.immersive-media-carousel__navigation{display:flex;align-items:center;gap:var(--space-2);pointer-events:auto}.immersive-media-carousel__arrow,.immersive-media-carousel__toggle{display:grid;padding:0;border:0;background:transparent;color:inherit;place-items:center;cursor:pointer;pointer-events:auto}.immersive-media-carousel__arrow{width:32px;height:40px;opacity:.9;transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.immersive-media-carousel__arrow:is(:hover,:focus-visible){opacity:.56;transform:translate(var(--carousel-arrow-shift, 0))}.immersive-media-carousel__arrow[data-immersive-carousel-previous]{--carousel-arrow-shift: -2px}.immersive-media-carousel__arrow[data-immersive-carousel-next]{--carousel-arrow-shift: 2px}.immersive-media-carousel__toggle{position:relative;width:40px;height:40px;border:var(--border-width-hairline) solid color-mix(in srgb,currentcolor 62%,transparent);border-radius:50%;background:color-mix(in srgb,var(--color-shadow) 16%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--motion-duration-fast) ease,border-color var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.immersive-media-carousel__toggle:is(:hover,:focus-visible){border-color:currentcolor;background:color-mix(in srgb,var(--color-shadow) 28%,transparent);transform:scale(1.04)}.immersive-media-carousel__toggle-icon{position:absolute;display:grid;top:0;right:0;bottom:0;left:0;opacity:0;place-items:center;transform:scale(.82);transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.immersive-media-carousel:not(.is-playing) .immersive-media-carousel__toggle-icon--play,.immersive-media-carousel.is-playing .immersive-media-carousel__toggle-icon--pause{opacity:1;transform:scale(1)}.immersive-media-carousel__arrow:focus-visible,.immersive-media-carousel__toggle:focus-visible,.immersive-media-carousel__viewport:focus-visible{outline:var(--border-width-default) solid currentcolor;outline-offset:3px}@media(min-width:750px)and (max-width:989px){.immersive-media-carousel{--immersive-carousel-slide-width: 50vw}.immersive-media-carousel--count-1{--immersive-carousel-slide-width: 100vw}}@media(max-width:749px){.immersive-media-carousel{--immersive-carousel-header-safe-area: 0px;--immersive-carousel-slide-width: 86vw}.immersive-media-carousel--count-1{--immersive-carousel-slide-width: 100vw}.immersive-media-carousel--mobile-height-compact,.immersive-media-carousel--mobile-height-compact .immersive-media-carousel__viewport,.immersive-media-carousel--mobile-height-compact .immersive-media-carousel__slides,.immersive-media-carousel--mobile-height-compact .immersive-media-carousel__slide{min-height:440px}.immersive-media-carousel--mobile-height-medium,.immersive-media-carousel--mobile-height-medium .immersive-media-carousel__viewport,.immersive-media-carousel--mobile-height-medium .immersive-media-carousel__slides,.immersive-media-carousel--mobile-height-medium .immersive-media-carousel__slide{min-height:540px}.immersive-media-carousel--mobile-height-large,.immersive-media-carousel--mobile-height-large .immersive-media-carousel__viewport,.immersive-media-carousel--mobile-height-large .immersive-media-carousel__slides,.immersive-media-carousel--mobile-height-large .immersive-media-carousel__slide{min-height:min(720px,90svh)}.immersive-media-carousel--mobile-height-full,.immersive-media-carousel--mobile-height-full .immersive-media-carousel__viewport,.immersive-media-carousel--mobile-height-full .immersive-media-carousel__slides,.immersive-media-carousel--mobile-height-full .immersive-media-carousel__slide{min-height:calc(100svh - var(--site-header-offset, 0px))}body:has(.store-header--transparent) .immersive-media-carousel{--immersive-carousel-header-safe-area: var(--header-mobile-height, 62px)}body:has(.store-header--transparent) .immersive-media-carousel--mobile-height-full,body:has(.store-header--transparent) .immersive-media-carousel--mobile-height-full .immersive-media-carousel__viewport,body:has(.store-header--transparent) .immersive-media-carousel--mobile-height-full .immersive-media-carousel__slides,body:has(.store-header--transparent) .immersive-media-carousel--mobile-height-full .immersive-media-carousel__slide{min-height:calc(100svh - var(--announcement-mobile-height, 0px))}.immersive-media-carousel__content-wrap{width:calc(100% - (var(--space-4) * 2));padding-top:calc(var(--immersive-carousel-padding-top-mobile) + var(--immersive-carousel-header-safe-area));padding-bottom:calc(var(--immersive-carousel-padding-bottom-mobile) + 64px)}.immersive-media-carousel__content{width:100%;gap:var(--space-3)}.immersive-media-carousel__slide--mobile-left .immersive-media-carousel__content{justify-items:start;text-align:left}.immersive-media-carousel__slide--mobile-center .immersive-media-carousel__content{justify-items:center;text-align:center}.immersive-media-carousel__actions{width:100%;gap:var(--space-2)}.immersive-media-carousel__button{min-width:min(100%,144px);flex:1 1 144px}.immersive-media-carousel__controls{right:var(--page-margin);bottom:max(var(--space-3),var(--immersive-carousel-padding-bottom-mobile));left:var(--page-margin)}.immersive-media-carousel__arrow{width:30px}.immersive-media-carousel__toggle{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.immersive-media-carousel__slides{will-change:auto}.immersive-media-carousel__arrow,.immersive-media-carousel__toggle,.immersive-media-carousel__toggle-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-immersive-media-carousel.css.map */