@apply flex gap-2;@apply flex-col;@apply flex-row;@apply relative;@apply inline-flex bg-default p-1;.tabs__list{border-radius:calc(var(--radius-2xl) + .25rem)}@apply w-full flex-row;@apply flex-col gap-1;@apply min-w-20;.tabs__tab{z-index:1;cursor:var(--cursor-interactive);position:relative}@apply flex h-8 w-full items-center justify-center rounded-3xl px-4 text-center text-sm font-medium text-muted outline-none no-highlight;.tabs__tab{transition:color .15s var(--ease-smooth),background-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out),opacity .15s var(--ease-smooth)}@apply motion-reduce:transition-none;@apply bg-muted/25;.tabs__tab:not(:first-child):before{content:"";transition:opacity .15s var(--ease-smooth);border-radius:4px;position:absolute}@apply motion-reduce:transition-none;.tabs__list[data-orientation=horizontal] .tabs__tab:not(:first-child):before{width:1px;height:50%;top:25%;left:0}.tabs__list[data-orientation=vertical] .tabs__tab:not(:first-child):before{width:90%;height:1px;top:0;left:5%}@apply text-segment-foreground;.tabs__tab[data-selected=true]:before,.tabs__tab[data-selected=true]+.tabs__tab:before{opacity:0}[data-hide-separator=true] .tabs__tab:not(:first-child):before{display:none}@apply status-disabled;@media (hover:hover){@apply opacity-70;}@apply status-focused;@apply w-full p-2 outline-none;@apply mt-4;@apply ml-4;.tabs__indicator{box-shadow:var(--shadow-surface);z-index:-1;border-radius:var(--radius-3xl);width:100%;height:100%;position:absolute;top:0;left:0}@apply bg-segment;.tabs__indicator{transition-property:translate,width,height;transition-duration:.32s;transition-timing-function:var(--ease-out-fluid)}@apply motion-reduce:transition-none;