@charset "UTF-8";.tab-group{display:inline-flex;gap:6px}.tab{min-height:unset;padding:3px 14px;background:transparent;border:1px solid color-mix(in srgb,var(--color-secondary) 18%,transparent);border-radius:666px;color:color-mix(in srgb,var(--color-secondary) 65%,transparent);font-family:var(--font-dm-mono);font-size:var(--font-size-3);font-weight:500;line-height:1.3;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.tab.active{background:var(--accent-soft, #8dcff1);border-color:var(--accent-soft, #8dcff1);color:var(--color-secondary)}@media(hover:hover){.tab:not(.active):hover{border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent);color:var(--color-secondary)}}.tab:focus-visible{outline:none;border-color:var(--accent, #885ca4);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #885ca4) 18%,transparent)}