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