.tabs{--tabs-active-bg: var(--surface);--tabs-surface-bg: color-mix(in oklab, var(--surface) 96%, transparent);--tabs-border: 1px solid color-mix(in oklab, var(--text) 15%, transparent);--tabs-shadow: 0 8px 18px #0000000a;border-radius:0 0 16px 16px;margin-bottom:16px}.tabs__bar{display:flex;gap:8px;padding:0;list-style:none;border-bottom:var(--tabs-border);box-shadow:var(--tabs-shadow)}.tabs__panel{background:var(--tabs-surface-bg);color:var(--muted);padding:12px 14px;border-radius:0 0 10px 10px;border:var(--tabs-border);border-top:0;box-shadow:var(--tabs-shadow)}.tabs__btn{appearance:none;border:1px solid transparent;background:transparent;color:var(--text);padding:8px 14px;border-radius:10px 10px 0 0;cursor:pointer;font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.tabs__btn--active{background:var(--tabs-active-bg);color:var(--text);border-color:color-mix(in oklab,var(--text) 15%,transparent);border-bottom-color:transparent;position:relative;z-index:1;margin-bottom:-1px}.tabs__btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 30%,transparent)}