:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:979px}.carousel{display:block}.carousel__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border:1px solid var(--chrome-edge);border-radius:8px;background:var(--surface-sunken);box-shadow:inset 0 2px 4px -2px var(--carve-dark),inset 0 -1px 0 0 var(--carve-lip);scrollbar-width:none}.carousel__track::-webkit-scrollbar{display:none}.carousel__track:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}.carousel__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:12px}.carousel__controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}.carousel__button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;cursor:pointer;font-size:18px;line-height:1;color:var(--text-on-action);background:var(--action-primary);border:1px solid var(--chrome-edge);border-radius:999px;box-shadow:inset 0 1px 0 0 var(--raise-top);transition:background .16s ease-out}.carousel__button:hover:not(:disabled){background:var(--action-primary-hover)}.carousel__button:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}.carousel__button:disabled{cursor:default;color:var(--text-on-disabled);background:var(--surface-disabled);box-shadow:none}.carousel__count{margin:0;min-width:5ch;text-align:center;font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.08em;color:var(--text-subtle)}