.tabs.svelte-126ak3w{border-radius:var(--ccm-border-radius-standard);background:var(--ccm-surface-context);flex-wrap:wrap;align-self:flex-start;gap:.25rem;width:fit-content;max-width:100%;padding:.25rem;display:flex;position:relative;& button:where(.svelte-126ak3w){z-index:1;border-radius:var(--ccm-border-radius-standard);min-height:2.4rem;color:var(--ccm-text-secondary);font:inherit;font-size:var(--ccm-font-size-label);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .75rem;font-weight:600;transition:color .16s,background-color .16s;display:inline-flex;position:relative;&.active{color:var(--ccm-text-primary);background:0 0;border-color:#0000}&:hover:not(:disabled){background:var(--ccm-surface-selected);color:var(--ccm-text-link)}&:focus-visible{outline:2px solid var(--ccm-focus-ring);outline-offset:1px;position:relative}&:disabled{opacity:.5;cursor:not-allowed}}&.compact{border-radius:var(--ccm-border-radius-standard);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.2rem;width:100%;display:grid;& button:where(.svelte-126ak3w){min-width:0;min-height:2rem;font-size:var(--ccm-font-size-caption);padding:.38rem .45rem;font-weight:700}}}.tab-selection-indicator.svelte-126ak3w{z-index:0;border:1px solid var(--ccm-border-default);border-radius:var(--ccm-border-radius-standard);background:var(--ccm-surface-content);box-shadow:var(--ccm-shadow-sm);opacity:0;transition:left .2s cubic-bezier(.2,.8,.2,1),top .2s cubic-bezier(.2,.8,.2,1),width .2s cubic-bezier(.2,.8,.2,1),height .2s cubic-bezier(.2,.8,.2,1),opacity .12s;position:absolute;top:0;&.ready{opacity:1}}.tab-badge.svelte-126ak3w{border-radius:var(--ccm-border-radius-pill);background:var(--ccm-surface-context);min-width:1.25rem;color:var(--ccm-text-primary);font-size:var(--ccm-font-size-caption);font-variant-numeric:tabular-nums;text-align:center;padding:.075rem .35rem;line-height:1.15;&.warning{background:var(--ccm-status-warning-fg);color:var(--ccm-text-on-accent)}}@media (width<=768px){.tabs.svelte-126ak3w:not(.compact){width:100%;& button:where(.svelte-126ak3w){flex:10rem}}}@media (prefers-reduced-motion:reduce){.tabs.svelte-126ak3w button:where(.svelte-126ak3w),.tab-selection-indicator.svelte-126ak3w{transition:none}}