@scope([data-example]){[data-slot=carousel]{gap:var(--space-3);grid-template-columns:minmax(0,1fr);width:24rem;max-width:100%;margin-inline:auto;display:grid}[data-slot=carousel]>[data-slot=row]{flex-wrap:nowrap;justify-content:center}[data-slot=carousel]>[data-slot=controls]{margin-bottom:var(--space-1);justify-content:center}[data-slot=carousel]:not(:has(>[data-slot=row]>[data-slot=carousel-viewport])){width:calc(24rem - 2 * (var(--size) + var(--space-2)))}[data-slot=carousel]:has(>[data-slot=row]>[data-slot=carousel-viewport])>[data-slot=row]:not(:has(>[data-slot=carousel-viewport])){padding-inline:calc(var(--size) + var(--space-2))}:scope [data-slot=stack]:has(>[data-slot=carousel]){width:calc(24rem - 2 * (var(--size) + var(--space-2)));max-width:100%;margin-inline:auto}:scope [data-slot=stack]:has(>[data-slot=carousel])>[data-slot=carousel]{align-self:stretch;width:auto;margin-inline:0}:scope [data-slot=stack]:has(>[data-slot=carousel]>[data-slot=row]>[data-slot=carousel-viewport]){width:24rem}[data-slot=carousel-viewport]{border-radius:var(--radius-surface);scrollbar-width:none}[data-slot=carousel-viewport][data-orientation=vertical]{height:12rem}[data-slot=carousel-viewport][data-orientation=vertical] [data-slot=carousel-content]{height:100%}[data-slot=carousel-viewport][data-orientation=vertical] [data-slot=carousel-item]{flex-basis:calc((100% - var(--space-4)) / 2)}[data-slot=carousel-viewport][data-orientation=vertical] [data-slot=tile]{aspect-ratio:auto;height:100%}[data-slot=carousel-content]{gap:var(--space-4);display:flex}[data-slot=carousel-content][data-orientation=vertical]{flex-direction:column}[data-slot=carousel-content]:has(>[data-slot=carousel-item]>button){gap:var(--space-2)}[data-slot=carousel-item]{flex:0 0 100%;min-width:0}[data-slot=carousel-item]:not([data-in-view]){opacity:.4}[data-slot=carousel-item]:has(>button){flex-basis:calc((100% - 3 * var(--space-2)) / 4);padding-block:4px}[data-slot=carousel-item]>button{width:100%;height:3rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:0}[data-slot=carousel-item]>button[aria-pressed=true]{background:var(--ink);color:var(--paper)}[data-slot=carousel-play-toggle][data-playing]>[data-show=stopped],[data-slot=carousel-play-toggle]:not([data-playing])>[data-show=playing]{display:none}[data-slot=carousel-indicator-group]{justify-content:center;align-items:center;gap:var(--space-2);display:flex}[data-slot=carousel-indicator]{box-sizing:border-box;background:var(--surface-1);width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--line);cursor:default;border:0;border-radius:999px;flex-shrink:0;padding:0}[data-slot=carousel-indicator]:hover:not([data-selected]){box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=carousel-indicator][data-selected]{background:var(--ink);width:20px;box-shadow:none}[data-slot=bar]{background:var(--line-faint);border-radius:999px;flex:1;height:4px;overflow:hidden}[data-slot=bar]>*{background:var(--ink);transform-origin:0;height:100%;scale:var(--carousel-progress) 1}[data-slot=bar]>*:is([dir=rtl],[dir=rtl] *){transform-origin:100%}[data-slot=carousel]>[data-slot=row]>[data-slot=carousel-viewport]{flex:1;min-width:0}:scope[data-example=carousel\/pages] [data-slot=carousel]{width:32rem}:scope[data-example=carousel\/pages] [data-slot=carousel-item]{flex-basis:calc((100% - 2 * var(--space-4)) / 3)}:scope[data-example=carousel\/align] [data-slot=carousel-item]{flex-basis:70%}}