.carousel{--carousel-max-width:var(--page-max-width,100%);--carousel-gutter:var(--page-gutter);--carousel-offset:max(var(--carousel-gutter), 50vw - calc(var(--carousel-max-width) + 1px) / 2);--carousel-controls-offset:calc(var(--size-1) + var(--carousel-controls-spacing,var(--size-4)));flex-direction:column;display:flex;position:relative}@media (any-pointer:fine){.carousel[data-controls=true]:only-child{padding-block-start:var(--carousel-controls-offset)}}.carousel-items{gap:var(--carousel-gap,var(--size-3));padding:0;padding-block:var(--carousel-padding-block,var(--size-1));padding-inline:var(--carousel-offset);scroll-padding-inline:var(--carousel-offset);scroll-snap-type:var(--carousel-snap-type,x mandatory);scrollbar-width:none;margin:0;list-style:none;display:flex;position:relative;overflow-x:auto}@media (prefers-reduced-motion:no-preference){.carousel-items{scroll-behavior:smooth}}.carousel-items::-webkit-scrollbar{display:none}.carousel-items .carousel-item{scroll-snap-align:start}.carousel-controls{padding-inline:var(--carousel-offset);position:absolute;inset-block-start:calc(-1 * var(--carousel-controls-offset));inset-inline-end:0}.carousel-controls[hidden]{opacity:0}@media (prefers-reduced-motion:no-preference){.carousel-controls{transition:opacity var(--duration-normal) var(--ease-in-out), display var(--duration-normal) allow-discrete}@starting-style{.carousel-controls{opacity:0}}}.carousel-controls button{isolation:isolate;inline-size:var(--size-4);block-size:var(--size-4);border-radius:var(--border-radius-full);justify-content:center;align-items:center;display:inline-flex;position:relative}.carousel-controls button:before{content:"";z-index:-1;border-radius:var(--border-radius-full);background-color:var(--color-surface-10);position:absolute;inset:0;transform:scale(0)}@media (prefers-reduced-motion:no-preference){.carousel-controls button:before{transition:transform var(--duration-normal)}}@media (hover:hover){.carousel-controls button:hover:before{transform:scale(1.05)}}.carousel-controls button:disabled,.carousel-controls button[aria-disabled=true]{filter:grayscale();opacity:var(--opacity-20);pointer-events:none}.carousel[data-controls=true]:only-child .carousel-controls{inset-block-start:0}