:root{--tabs-dur: .25s;--tabs-ease: cubic-bezier(.22, 1, .36, 1);--tabs-text-muted: #6b5f7d;--tabs-text-active: #2e2a38;--tabs-bar-bg: #efeaf9;--tabs-pill-bg: #ffffff}.t-tabs{position:relative;display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:48px;background:var(--tabs-bar-bg)}.t-tab{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;height:30px;padding:4px 12px;color:var(--tabs-text-muted);cursor:pointer;border-radius:48px;z-index:1;transition:color var(--tabs-dur) var(--tabs-ease)}.t-tab:not([aria-selected=true]):hover,.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tabs-pill{position:absolute;top:3px;left:0;height:30px;width:0;background:var(--tabs-pill-bg);border-radius:48px;transform:translate(0);transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease);will-change:transform,width;z-index:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.t-tabs-pill,.t-tab{transition:none!important}}.companion-tabs{--plate-rim: 1px solid rgba(46, 42, 56, .05);--plate-shadow: 0 1px 1px rgba(76, 46, 122, .05), 0 3px 8px rgba(76, 46, 122, .1);border:1px solid #ded4eb}.companion-tabs .t-tab{height:42px;padding:4px 13px;font-size:13.5px;font-weight:500;letter-spacing:-.01em;white-space:nowrap}.companion-tabs .t-tabs-pill{height:42px;border:var(--plate-rim);box-shadow:var(--plate-shadow)}@media (min-width: 640px){.companion-tabs .t-tab{padding:4px 20px;font-size:15px}}.companion-tabs:not([data-ready]) .t-tab[aria-selected=true]{background:var(--tabs-pill-bg);box-shadow:var(--plate-shadow)}.companion-tabs .t-tab:focus-visible{outline:2px solid #9c6ff3;outline-offset:2px}