zon-carousel{--_z-carousel-padding-inline: var(--z-ds-space-m)}zon-carousel[variant=kiosk]{--_z-carousel-padding-block-end: var(--z-ds-space-24);--_z-carousel-slide-width: calc(196 / 375 * 100%);--_z-carousel-heading-font-size: var(--z-ds-fontsize-16);--_z-carousel-heading-chevron-arrow-display: none;--_z-carousel-empty-slide-aspect-ratio: 3 / 4}zon-carousel[variant=shop] .zon-carousel__control-wrapper:before,zon-carousel[variant=shop] .zon-carousel__control-wrapper:after{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--z-ds-color-background-10) 100%);content:""}zon-carousel[variant=shop] .zon-carousel__scroll-container{padding-bottom:var(--z-ds-space-16)}zon-carousel .zon-carousel{display:grid;grid-template:"left middle right"/var(--_z-carousel-padding-inline) 1fr var(--_z-carousel-padding-inline);position:relative}zon-carousel .zon-carousel__heading{font-size:var(--_z-carousel-heading-font-size, var(--z-ds-fontsize-20));grid-area:1/middle}zon-carousel .zon-carousel__heading:after{background-image:url('data:image/svg+xml,<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="m3.205 12.468 1.061 1.061 6.529-6.53L4.266.47 3.205 1.531l5.469 5.468z" fill="%23444" /></svg>');content:"";display:var(--_z-carousel-heading-chevron-arrow-display, inline-block);height:.875rem;margin-left:var(--z-ds-space-4);width:.875rem}zon-carousel .zon-carousel__control-wrapper{display:none}zon-carousel .zon-carousel__scroll-container{grid-area:2/left/2/right;overflow:auto hidden;padding-bottom:var(--_z-carousel-padding-block-end, var(--z-ds-space-32));scroll-behavior:smooth;scroll-padding-left:var(--_z-carousel-padding-inline);-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}zon-carousel .zon-carousel__slide-wrapper{display:flex}zon-carousel .zon-carousel__slide-wrapper:before,zon-carousel .zon-carousel__slide-wrapper:after{content:"";flex:0 0 var(--_z-carousel-padding-inline)}zon-carousel[variant=shop] .zon-carousel__slide{display:flex}zon-carousel .zon-carousel__slide{flex:0 0 var(--_z-carousel-slide-width, 85.3333333333%);pointer-events:none;scroll-snap-align:start}zon-carousel .zon-carousel__slide[data-visible=true]{pointer-events:all}zon-carousel .zon-carousel__slide+.zon-carousel__slide{margin-left:var(--_z-carousel-slide-gap, var(--z-ds-space-16))}zon-carousel .zon-carousel__slide:empty{aspect-ratio:var(--_z-carousel-empty-slide-aspect-ratio, 1);background-color:var(--_z-carousel-empty-slide-background-color, #eee)}zon-carousel .zon-carousel__slide:empty:after{content:attr(aria-label)}@media(max-width: 60em){zon-carousel[data-carousel-counter="3"]{--_z-carousel-padding-inline: 1rem}}@media(min-width: 48em){zon-carousel{--_z-carousel-padding-inline: 3.375rem;--_z-carousel-slide-width: calc(320 / 1000 * 100%)}zon-carousel[variant=kiosk]{--_z-carousel-slide-width: calc(289 / 1440 * 100%);--_z-carousel-heading-font-size: var(--z-ds-fontsize-20)}zon-carousel[data-carousel-counter="3"]{--_z-carousel-slide-width: 33}zon-carousel[data-carousel-counter="3"] .zon-carousel__control-wrapper:before,zon-carousel[data-carousel-counter="3"] .zon-carousel__control-wrapper:after{content:unset}zon-carousel .zon-carousel__control-wrapper,zon-carousel .zon-carousel__direction-button{z-index:2}zon-carousel .zon-carousel__control-wrapper{display:grid;grid-area:2/left/2/right;grid-template:inherit;pointer-events:none}zon-carousel .zon-carousel__control-wrapper:before,zon-carousel .zon-carousel__control-wrapper:after{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--z-ds-color-background-0) 100%);content:"";margin-top:-1px}zon-carousel .zon-carousel__control-wrapper:after{transform:rotate(180deg)}zon-carousel .zon-carousel__direction-button{background:#000;border:none;border-radius:50%;cursor:pointer;display:flex;height:2.625rem;margin:auto;opacity:var(--_z-carousel-direction-button-opacity, 0);padding:0;pointer-events:var(--_z-carousel-direction-button-pointer-events, none);width:2.625rem}zon-carousel[focused] .zon-carousel__direction-button[aria-disabled=false],zon-carousel[hovered] .zon-carousel__direction-button[aria-disabled=false]{--_z-carousel-direction-button-opacity: 1;--_z-carousel-direction-button-pointer-events: all}zon-carousel .zon-carousel__direction-button:after{background-image:url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M14.377 8.254 7.939 1.816 9 .755l8.25 8.25L9 17.254l-1.061-1.061 6.438-6.438H.75V8.254z" fill="%23fff"/></svg>');content:"";height:1.125rem;margin:auto;pointer-events:none;width:1.125rem}zon-carousel .zon-carousel__direction-button--previous:after{transform:rotate(180deg)}zon-carousel .zon-carousel__control-wrapper:before,zon-carousel .zon-carousel__direction-button--previous{grid-area:1/left}zon-carousel .zon-carousel__control-wrapper:after,zon-carousel .zon-carousel__direction-button--next{grid-area:1/right}}@media(min-width: 48em)and (prefers-reduced-motion: reduce){zon-carousel .zon-carousel__scroll-container{scroll-behavior:initial}}