.tabs{flex-direction:column;width:100%;display:flex}.tabs__list{border-bottom:1px solid var(--color-border);width:100%;display:flex}.tabs__tab{color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-5) 0;text-align:center;outline:none;width:100%;font-weight:400;transition:color .2s;position:relative}.tabs__tab:after{content:"";background-color:#0000;width:100%;height:2px;transition:background-color .25s,transform .25s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}[dir=rtl] .tabs__tab:after{left:auto;right:0}.tabs__tab:hover{color:var(--color-text-secondary)}.tabs__tab[data-selected]{color:var(--color-text-primary);font-weight:600}.tabs__tab[data-selected]:after{background-color:var(--color-primary);transform:scaleX(1)}.tabs__tab[data-focus-visible]{outline:2px solid var(--color-primary);outline-offset:-2px}.tabs__panel{padding-top:var(--space-7);outline:none}.tabs__panel[data-focus-visible]{outline:2px solid var(--color-primary);outline-offset:2px}.tabs__list--plate{gap:var(--space-2);scrollbar-width:none;border-bottom:none;overflow-x:auto}.tabs__list--plate .tabs__tab{--cut:var(--cut-md);font-family:var(--font-mono);font-size:var(--font-size-2xs);isolation:isolate;padding:var(--space-4) var(--space-6);text-transform:uppercase;white-space:nowrap;flex:none;width:auto}.tabs__list--plate .tabs__tab:after{background-color:var(--color-primary);clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);transform-origin:0;z-index:-1;height:100%;transition:transform .35s cubic-bezier(.2,0,0,1);bottom:0}[dir=rtl] .tabs__list--plate .tabs__tab:after{transform-origin:100%}.tabs__list--plate .tabs__tab[data-selected]{color:var(--color-text-on-primary);font-weight:400}.tabs__list--plate .tabs__tab[data-focus-visible]{outline:1px solid var(--color-primary-light);outline-offset:2px}@media (min-width:768px){.tabs__list--plate .tabs__tab{font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);padding:var(--space-4) var(--space-8)}}