@layer components{.slider{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--slider-rail-h);--slider-gap: var(--space-m);--slider-slide-min: 20rem;--slider-pad: var(--space-s);--slider-control-size: 1.5rem;--slider-rail-h: .5rem;--slider-control-bg: var(--bg-hue-primary-base, #fff);--slider-control-fg: var(--txt-hue-base, var(--hex-mi-600, #000))}.slider-auto,.slider[data-autoplay]{--slider-rail-h: 1.75rem}.slider.slider-noscroll{--slider-rail-h: 0px}.slider-viewport{grid-area:1 / 1;display:grid;grid-auto-flow:column;grid-auto-columns:var(--slider-slide-size, var(--slider-slide-min));grid-template-rows:var(--slider-rows, auto);align-items:stretch;gap:var(--slider-gap);padding:var(--slider-pad);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:var(--slider-pad);scrollbar-width:none;overscroll-behavior-inline:contain}.slider-viewport::-webkit-scrollbar{display:none}@supports (width: round(down,100px,10px)){.slider-viewport{grid-auto-columns:var(--slider-slide-size, calc( (100% + var(--slider-gap)) / max(1, round(down, (100% + var(--slider-gap)) / (var(--slider-slide-min) + var(--slider-gap)), 1)) - var(--slider-gap) ))}}.slider-slide{scroll-snap-align:start}.slider-min-s,.slider[data-slide-min=s]{--slider-slide-min: 15rem}.slider-min-m,.slider[data-slide-min=m]{--slider-slide-min: 18rem}.slider-min-l,.slider[data-slide-min=l]{--slider-slide-min: 20rem}.slider-min-xl,.slider[data-slide-min=xl]{--slider-slide-min: 25rem}.slider-min-2xl,.slider[data-slide-min="2xl"]{--slider-slide-min: 40rem}.slider-view-1,.slider[data-per-view="1"]{--slider-slide-size: 100%}.slider-view-2,.slider[data-per-view="2"]{--slider-slide-size: calc((100% - 1 * var(--slider-gap)) / 2)}.slider-view-3,.slider[data-per-view="3"]{--slider-slide-size: calc((100% - 2 * var(--slider-gap)) / 3)}.slider-view-4,.slider[data-per-view="4"]{--slider-slide-size: calc((100% - 3 * var(--slider-gap)) / 4)}.slider-gap-s,.slider[data-gap=s]{--slider-gap: var(--space-s)}.slider-gap-m,.slider[data-gap=m]{--slider-gap: var(--space-m)}.slider-gap-l,.slider[data-gap=l]{--slider-gap: var(--space-l)}.slider-rows-2{--slider-rows: repeat(2, auto)}.slider-rows-3{--slider-rows: repeat(3, auto)}.slider-rows-4{--slider-rows: repeat(4, auto)}.slider-rows-5{--slider-rows: repeat(5, auto)}.slider:not(:has(.slider-slide>:not(.card-header))) .slider-viewport{row-gap:0}.slider-prev,.slider-next{grid-area:1 / 1;z-index:2;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--slider-control-size);block-size:calc(2 * var(--slider-control-size));padding:0;border:0;border-radius:8px;background:color-mix(in srgb,var(--bg-hue-eyebrow),transparent 50%);color:var(--slider-control-fg);cursor:pointer}.slider-prev>svg,.slider-next>svg,.slider-toggle>svg{inline-size:1.5rem;block-size:1.5rem}.slider-prev,.slider-next{align-self:center}.slider-prev{justify-self:start;transform:translate(-65%)}.slider-next{justify-self:end;transform:translate(65%)}.slider-prev:disabled,.slider-next:disabled{opacity:.35;cursor:default}.slider-toggle{grid-area:2 / 1;justify-self:end;align-self:center;margin-inline-end:var(--slider-pad);z-index:2;display:inline-flex;align-items:center;justify-content:center;inline-size:1.75rem;block-size:1.75rem;padding:0;border:0;background:transparent;color:var(--slider-control-fg);cursor:pointer}.slider-dots{grid-area:2 / 1;padding-inline:var(--slider-pad);display:flex;gap:0;align-items:center;justify-content:flex-start}.slider-dots-center .slider-dots{justify-content:center}.slider-dot{display:inline-grid;place-items:center;min-inline-size:1.5rem;block-size:1.5rem;padding:0;border:0;background:transparent;opacity:.4;transition:opacity .2s;cursor:pointer}.slider-dot:before{content:"";inline-size:.5rem;block-size:.5rem;border-radius:999px;background:var(--slider-control-fg);transition:inline-size .2s}.slider-dot[aria-current=true]{opacity:1}.slider-dot[aria-current=true]:before{inline-size:1.25rem}.slider-bars .slider-dots{gap:var(--space-2xs)}.slider-bars .slider-dot:before{inline-size:1.5rem;block-size:.25rem}.slider-bars .slider-dot[aria-current=true]:before{inline-size:2.5rem}.slider-dots,.slider-toggle{opacity:.6;transition:opacity .2s}.slider:hover .slider-dots,.slider:hover .slider-toggle,.slider:focus-within .slider-dots,.slider:focus-within .slider-toggle{opacity:1}.slider-noscroll .slider-prev,.slider-noscroll .slider-next,.slider-noscroll .slider-toggle,.slider-noscroll .slider-dots{display:none}@media(prefers-reduced-motion:reduce){.slider-viewport{scroll-behavior:auto}}}
