:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;max-width:72rem;padding:1rem;margin-inline:auto}a,button,input,select,textarea,summary{font:inherit}a{color:LinkText}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:3px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:Canvas;color:CanvasText;padding:.75rem;z-index:10}.site-header{border-bottom:1px solid ButtonBorder;margin-bottom:1.5rem}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;padding:0;list-style:none}.component-grid a{display:block;border:1px solid ButtonBorder;border-radius:.5rem;padding:1rem;min-height:44px}.panel{border:1px solid ButtonBorder;border-radius:.5rem;padding:1rem;margin-block:1rem}.demo{padding:1rem;border:2px dashed ButtonBorder;border-radius:.5rem}.stack>*+*{margin-top:.75rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}button,.button-like,input,select,textarea{min-height:44px}button{padding:.55rem .9rem}.status{padding:.75rem;border-inline-start:4px solid currentColor}.muted{opacity:.8}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:1rem}.dialog-surface{background:Canvas;color:CanvasText;border:2px solid ButtonBorder;border-radius:.5rem;padding:1rem;max-width:36rem;width:100%}[hidden]{display:none!important}.tablist{display:flex;gap:.25rem;flex-wrap:wrap}.tablist button[aria-selected="true"]{font-weight:700;text-decoration:underline}.menu{border:1px solid ButtonBorder;padding:.5rem;max-width:20rem}.menu button{display:block;width:100%;text-align:start}.tooltip{position:absolute;border:1px solid ButtonBorder;background:Canvas;color:CanvasText;padding:.5rem;border-radius:.25rem;max-width:20rem}.breadcrumbs ol{display:flex;gap:.5rem;flex-wrap:wrap;padding:0;list-style:none}.breadcrumbs li:not(:last-child)::after{content:"/";margin-inline-start:.5rem}.progress-wrap{max-width:30rem}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:Canvas;color:CanvasText;border-top:2px solid ButtonBorder;padding:1rem;max-height:60vh;overflow:auto}.toast{position:fixed;right:1rem;bottom:1rem;background:Canvas;color:CanvasText;border:2px solid ButtonBorder;padding:1rem;border-radius:.5rem;max-width:24rem}code{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}