@layer reset;@layer components{.tabs{margin:0 -1rem 1.5rem;padding-inline:1rem;overflow-x:auto}@media (min-width:40rem){.tabs{margin-inline:0;padding-inline:0}}.tabs>ul{border:1px solid var(--line);background:var(--surface);border-radius:3.40282e38px;gap:.25rem;width:max-content;padding:.25rem;display:flex}.tabs a{font-size:.875rem;line-height:var(--leading-sm);white-space:nowrap;color:var(--ink-soft);border-radius:3.40282e38px;padding:.375rem 1rem;font-weight:600;display:block}@media (hover:hover){.tabs a:hover{color:var(--ink)}}.tabs a[aria-current=page]{background:var(--ink);color:var(--paper)}}