@layer components{.ui-pt{--ui-pt-pad:3px;--ui-pt-ease:cubic-bezier(.22, 1, .36, 1);--ui-pt-dur:.9s;isolation:isolate;max-width:100%;padding:var(--ui-pt-pad);border:1px solid var(--color-line);overscroll-behavior-x:contain;scrollbar-width:none;background:#ffffff03;align-items:stretch;display:inline-flex;position:relative;overflow-x:auto}.ui-pt::-webkit-scrollbar{display:none}.ui-pt--stretch{width:100%;display:flex}.ui-pt--stretch>.ui-pt__tab{flex:1 1 0;min-width:0}.ui-pt__pill{z-index:0;left:0;top:var(--ui-pt-pad);bottom:var(--ui-pt-pad);width:var(--w,0px);transform:translateX(var(--x,0px));box-sizing:border-box;opacity:0;pointer-events:none;transition:transform var(--ui-pt-dur) var(--ui-pt-ease), width var(--ui-pt-dur) var(--ui-pt-ease), opacity .6s var(--ui-pt-ease);background:#ffffff0e;border:1px solid #ffffff21;position:absolute;box-shadow:inset 0 1px #ffffff0d,0 2px 8px -2px #00000080}.ui-pt[data-ready]>.ui-pt__pill{opacity:1}.ui-pt[data-snap]>.ui-pt__pill{transition:none}.ui-pt__tab{z-index:1;height:40px;font:400 15px/1 var(--font-sans);color:#9194a1;white-space:nowrap;cursor:pointer;transition:color .6s var(--ui-pt-ease);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:relative}.ui-pt__tab:hover{color:var(--color-ink-2)}.ui-pt__tab[data-on]{color:#fff}.ui-pt__tab:focus-visible{outline:1px solid var(--color-accent);outline-offset:-1px}.ui-pt--sm{--ui-pt-pad:2px;background:#ffffff05;border-color:#ffffff14;border-radius:7px}.ui-pt--sm>.ui-pt__pill{background:#ffffff12;border-color:#ffffff1f;border-radius:5px}.ui-pt--sm>.ui-pt__tab{color:#80838f;gap:6px;height:24px;padding:0 10px;font-size:12px}.ui-pt--sm>.ui-pt__tab[data-on]{color:#f1f2f6}.ui-pt--inert>.ui-pt__tab{cursor:default}@media (prefers-reduced-motion:reduce){.ui-pt__pill{transition:none}}}