@property --zd-carousel-progress{syntax: "<number>"; inherits: true; initial-value: 1;}.zd-carousel{--zd-carousel-gap: var(--zd-space-m);--zd-carousel-slide: 100%;--zd-carousel-interval: 6s}.zd-carousel__viewport{display:flex;gap:var(--zd-carousel-gap);padding-block:var(--zd-space-3xs);margin-block:calc(-1 * var(--zd-space-3xs));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.zd-carousel__viewport::-webkit-scrollbar{display:none}.zd-carousel__viewport:focus-visible{outline-offset:calc(-1 * var(--zd-focus-offset))}.zd-carousel__slide{flex:0 0 var(--zd-carousel-slide);scroll-snap-align:start}.zd-carousel--center .zd-carousel__viewport{padding-inline:calc(50% - var(--zd-carousel-slide) / 2)}.zd-carousel--center .zd-carousel__slide{scroll-snap-align:center}.zd-carousel__controls{display:none;gap:var(--zd-space-3xs)}@media(min-width:64rem){.zd-carousel__controls{display:flex}}.zd-carousel__pagination{display:flex;align-items:center;gap:0}@media(min-width:64rem){.zd-carousel__pagination{display:none}}.zd-carousel__dash{display:grid;place-items:center;width:17px;height:24px;padding:0;background:none;border:0;cursor:pointer;transition:width var(--zd-transition-base)}.zd-carousel__dash:before{content:"";display:block;width:11px;height:6px;border-radius:3px;background-color:var(--zd-color-text-muted);opacity:.4;transition:width var(--zd-transition-base),opacity var(--zd-transition-base)}.zd-carousel__dash[aria-current=true]{width:42px}.zd-carousel__dash[aria-current=true]:before{width:36px;background-color:var(--zd-color-text);opacity:1}.zd-carousel__dash[aria-disabled=true]{cursor:default}@media(prefers-reduced-motion:no-preference){.zd-carousel[data-zd-carousel-ready][data-zd-carousel-autoplay]:not([data-zd-carousel-stopped]) .zd-carousel__dash[aria-current=true]:before{background-color:color-mix(in srgb,var(--zd-color-text-muted) 40%,transparent);background-image:linear-gradient(to right,var(--zd-color-text) 0 calc(var(--zd-carousel-progress, 1) * 100%),transparent calc(var(--zd-carousel-progress, 1) * 100%));animation:zd-carousel-progress var(--zd-carousel-interval) linear forwards}}.zd-carousel__toggle{padding:var(--zd-space-3xs) var(--zd-space-xs);background:none;border:1px solid var(--zd-color-line);border-radius:var(--zd-radius-pill);font-family:var(--zd-font-sans);font-size:var(--zd-text-body-s);font-weight:var(--zd-font-weight-bold);letter-spacing:var(--zd-tracking-body-s);color:var(--zd-color-text);cursor:pointer}.zd-carousel__toggle:not(:focus-within):not(:focus-visible){position:absolute;block-size:1px;inline-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.zd-carousel__footer{display:flex;align-items:center;gap:var(--zd-space-s);margin-block-start:var(--zd-space-s)}.zd-carousel--controls-always .zd-carousel__controls,.zd-carousel--pagination-always .zd-carousel__pagination{display:flex}.zd-carousel__controls[hidden],.zd-carousel__pagination[hidden]{display:none}@keyframes zd-carousel-progress{0%{--zd-carousel-progress: 0}to{--zd-carousel-progress: 1}}@media(prefers-reduced-motion:reduce){.zd-carousel__viewport{scroll-behavior:auto}.zd-carousel__dash[aria-current=true]:before{animation:none}}.zd-carousel[data-zd-carousel-ready][data-zd-carousel-autoplay]:not([data-zd-carousel-playing]):not([data-zd-carousel-stopped]) .zd-carousel__dash[aria-current=true]:before{animation-play-state:paused}