.tabs{gap:var(--space-16);flex-direction:column;width:100%;min-width:600px;display:flex}@media (max-width:599px){.tabs{min-width:0}}.tabs[data-orientation=vertical]{flex-direction:row;align-items:flex-start}.tabs-list{border-bottom:var(--stroke-components) solid var(--neutral-border-components);gap:var(--space-8);flex-wrap:wrap;display:flex;position:relative}.tabs-list[data-orientation=vertical]{border-bottom:none;border-right:var(--stroke-components) solid var(--neutral-border-components);flex-direction:column;padding-bottom:0}.tabs-list-stretch{width:100%}.tabs-list-stretch .tabs-trigger{flex:1}.tabs-trigger{min-width:0;color:var(--neutral-content-main-titles);font-family:var(--font-sans);font-size:var(--size-label);font-weight:var(--weight-label);line-height:var(--line-label);letter-spacing:var(--spacing-label);text-align:left;cursor:pointer;transition:background-color var(--speed-medium) var(--ease-linear);padding:var(--space-8) 0;white-space:nowrap;background:0 0;border:none;flex-direction:column;display:flex;position:relative}.tabs-trigger:after{content:"";background-color:var(--neutral-border-components);width:100%;height:1px;transition:all var(--speed-fast) var(--ease-linear);position:absolute;bottom:-.5px}.tabs-trigger:hover.tabs-trigger:after{background-color:var(--neutral-border-active);height:2px}.tabs[data-orientation=vertical] .tabs-trigger:after{background-color:var(--neutral-border-components);width:1px;height:100%;transition:all var(--speed-fast) var(--ease-linear);top:0;bottom:auto;right:-1px}.tabs[data-orientation=vertical] .tabs-trigger:hover.tabs-trigger:after{background-color:var(--neutral-border-active);width:2px}.tabs-trigger:focus-visible{outline:var(--stroke-focus) solid var(--support-focus);outline-offset:var(--stroke-focus)}.tabs-trigger:disabled{color:var(--neutral-content-disabled);cursor:not-allowed}.tabs-trigger.is-active{color:var(--neutral-content-main-titles)}.tabs-trigger.is-active:after{background-color:var(--neutral-border-active);height:2px}.tabs[data-orientation=vertical] .tabs-trigger.is-active{color:var(--neutral-content-main-titles)}.tabs[data-orientation=vertical] .tabs-trigger.is-active:after{background-color:var(--neutral-border-active);width:2px;height:100%}.tabs[data-orientation=vertical] .tabs-trigger{padding:var(--space-16)}.tabs-panels{width:100%}.tabs-panel{background-color:var(--neutral-surface-main);color:var(--neutral-content-body);display:none}.tabs-panel.is-active{display:block}.tabs-panel>:first-child{margin-top:0}.tabs-panel>:last-child{margin-bottom:0}
