.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);flex-direction:column;display:flex;position:relative}.carousel-items{gap:var(--size-3);padding:0;padding-block:var(--size-1);padding-inline:var(--carousel-offset);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto}.carousel-items::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;scroll-margin-inline:var(--carousel-offset)}.carousel-controls{padding-inline:var(--carousel-offset);order:1;align-self:flex-start;margin-block-start:var(--size-2)}@media (width>=1024px){.carousel-controls{order:0;margin-block-start:0;position:absolute;inset-block-start:calc(-1 * var(--size-3) - var(--size-4));inset-inline-end:0}.carousel:only-child .carousel-controls{inset:unset;align-self:flex-end;margin-block-end:var(--size-3);position:relative}}.carousel-controls button{width:var(--size-4);height:var(--size-4);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.carousel-controls button:disabled,.carousel-controls button[aria-disabled=true]{filter:grayscale();opacity:var(--opacity-20);pointer-events:none}