zon-carousel{--_z-carousel-button-fg: var(--z-ds-color-general-white-100);--_z-carousel-button-bg: var(--z-ds-color-general-black-100);--_z-carousel-button-bg-hover: var(--z-ds-color-text-55);--_z-carousel-button-size: 2.625rem;--_z-carousel-icon-size: 1.125rem;--_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: 12.25rem;--_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]{--_z-carousel-slide-width: 20rem}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{display:grid;grid-template:"left middle right"/var(--_z-carousel-padding-inline) 1fr var(--_z-carousel-padding-inline)}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__scroll-container{grid-area:2/left/2/right;overflow:auto hidden;padding-bottom:var(--_z-carousel-padding-block-end, var(--z-ds-space-32));position:relative;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 .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 screen and (min-width: 48em){zon-carousel{--_z-carousel-padding-inline: 3.375rem;--_z-carousel-slide-width: calc(320 / 1000 * 100%)}zon-carousel:hover .zon-carousel__direction-button[aria-disabled=false],zon-carousel:active .zon-carousel__direction-button[aria-disabled=false],zon-carousel:focus .zon-carousel__direction-button[aria-disabled=false]{display:block;pointer-events:all}@supports(--_z-carousel-padding-inline: clamp(1rem, 5vw, 3rem)){.zon-carousel__scroll-container{--_z-carousel-padding-inline: clamp( var(--z-ds-space-m), calc(50% - 55.75rem / 2), 3.375rem )}}zon-carousel[variant=kiosk]{--_z-carousel-slide-width: 12.25rem;--_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__slide{flex-shrink:1}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:var(--_z-carousel-button-bg);border:none;border-radius:50%;color:var(--_z-carousel-button-fg);cursor:pointer;display:none;height:var(--_z-carousel-button-size);margin:auto;pointer-events:none;width:var(--_z-carousel-button-size)}zon-carousel .zon-carousel__direction-button:hover,zon-carousel .zon-carousel__direction-button:active,zon-carousel .zon-carousel__direction-button:focus{background:var(--_z-carousel-button-bg-hover)}.zon-carousel__direction-icon{display:block;height:var(--_z-carousel-icon-size);margin:auto;width:var(--_z-carousel-icon-size)}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 screen and (min-width: 48em)and (prefers-reduced-motion: reduce){zon-carousel .zon-carousel__scroll-container{scroll-behavior:initial}}