.tabs{gap:var(--space-6);flex-direction:column;display:flex}.tabs .list{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--gray-4) 45%, transparent);width:fit-content;max-width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gray-d5) 6%, transparent);scrollbar-width:none;padding:6px;display:inline-flex;position:relative;overflow-x:auto}.tabs .list[data-orientation=vertical]{flex-direction:column;align-items:stretch;width:fit-content}.tabs .indicator{z-index:0;background-color:var(--gray-d3);border:2px solid var(--gray-d1);border-radius:var(--radius-full);opacity:0;pointer-events:none;position:absolute;top:0;left:0;box-shadow:inset 0 -2px .5px #00000080}.tabs[data-indicator] .indicator{opacity:1;transition:translate var(--duration-normal) var(--ease-out), width var(--duration-normal) var(--ease-out), height var(--duration-normal) var(--ease-out)}.tabs .trigger{z-index:1;justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-lead);font-weight:var(--weight-medium);font-size:var(--text-base);color:var(--text-2);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-normal) var(--ease-out);border:2px solid #0000;flex:none;padding:.5rem 1.125rem;display:inline-flex;position:relative}.tabs .trigger:hover{color:var(--text-1);background-color:color-mix(in srgb, var(--white) 70%, transparent)}.tabs .trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tabs .trigger[data-state=active]{background-color:var(--gray-d3);border-color:var(--gray-d1);color:var(--white);box-shadow:inset 0 -2px .5px #00000080}.tabs .trigger[data-disabled]{opacity:.5;cursor:not-allowed}.tabs[data-indicator] .trigger[data-state=active]{box-shadow:none;background-color:#0000;border-color:#0000}.tabs .panels{width:100%;display:grid}.tabs .panel{opacity:0;visibility:hidden;pointer-events:none;width:100%;transition:opacity var(--duration-normal) var(--ease-out), visibility 0s var(--ease-out) var(--duration-normal);grid-area:1/1}.tabs .panel[hidden]{display:block}.tabs .panel[data-state=active]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.tabs .panel:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:var(--radius-md)}@media (prefers-reduced-motion:reduce){.tabs[data-indicator] .indicator,.tabs .panel{transition:none}}