.ui-carousel{--carousel-control:44px;--carousel-gap:18px;--carousel-inset:28px;--carousel-status-gap:16px;min-width:0;position:relative}.ui-carousel-track{align-items:stretch;gap:var(--carousel-gap);margin-inline:var(--carousel-inset);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-block:-18px;padding-block:18px;display:flex;position:relative;overflow-x:auto}.ui-carousel-item{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;display:flex}.ui-carousel-item>*{width:100%;min-width:0}.ui-carousel-controls{margin-top:var(--carousel-status-gap);color:var(--ui-muted);font-variant-numeric:tabular-nums;justify-content:center;font-size:13px;display:flex}.ui-carousel-controls>.ui-button{top:calc((100% - var(--carousel-status-gap) - 20px) / 2);width:var(--carousel-control);min-height:var(--carousel-control);z-index:2;background:var(--ui-surface);box-shadow:var(--ui-shadow-soft);padding:0;position:absolute;transform:translateY(-50%)}.ui-carousel-controls>.ui-button:active{transform:translateY(-50%)}.ui-carousel-previous{left:0}.ui-carousel-next{right:0}.ui-carousel-next>svg{transform:rotate(180deg)}.ui-carousel-controls svg{width:20px;height:20px}@media (prefers-reduced-motion:reduce){.ui-carousel-track{scroll-behavior:auto}}