:host{display:block;font-family:var(--font-sans)}.tab-list{background:var(--surface-2);border-radius:var(--radius-pill);display:grid;gap:var(--size-2);grid-template-columns:1fr 1fr;margin-bottom:var(--size-4);padding:var(--size-1);position:relative}.tab-button{align-items:center;appearance:none;background:transparent;border:none;border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;display:flex;font-size:var(--font-size-1);font-weight:var(--font-weight-6);gap:var(--size-2);justify-content:center;padding:var(--size-2);transition:color .2s var(--ease-2),background .2s var(--ease-2),box-shadow .2s var(--ease-2)}.tab-button:hover{background:var(--surface-3);color:var(--text-1)}.tab-button[aria-selected=true]{background:var(--surface-1);box-shadow:var(--shadow-2);color:var(--brand,var(--link))}.tab-panel{animation:var(--animation-fade-in) forwards;display:none}.tab-panel[aria-hidden=false]{display:block}