.tabs>.scrollWrapper{height:auto}.tabs fieldset{padding:4px 0}.tabs .tab input[type=radio]{opacity:0;position:absolute;width:1px;height:1px}.tabs .tab input[type=radio]+label{font-size:1rem;font-weight:700;color:rgba(var(--neutral_400));background-color:rgba(var(--neutral_200));padding:16px 24px;margin:0;border-radius:8px;transition:color .05s,background-color .15s;cursor:pointer;text-align:center;white-space:nowrap}.tabs .tab input[type=radio]+label:before{content:none}.tabs .tab input[type=radio]:hover+label{color:rgba(var(--neutral_0));background-color:rgba(var(--primary_dark))}.tabs .tab input[type=radio]:checked+label,.tabs .tab input[type=radio]:focus-visible+label{color:rgba(var(--neutral_0));background-color:rgba(var(--primary))}.tabs .tab input[type=radio]:disabled+label{color:rgba(var(--disabled-text))}.tabs .tab input[type=radio]:focus-visible+label{outline:1px solid rgba(var(--neutral_0));outline-offset:-8px;border-radius:8px}.tabs .tabPanel{padding:24px 0}.tabs .tabPanel>.content{display:none}.tabs .tabPanel>.content.visible{display:block}.tabs .tabPanel>.content:focus-visible{outline-offset:8px}.tabs.fixed .tab{flex:1}.tabs:not(.vertical) fieldset{display:flex;column-gap:16px}.tabs:not(.vertical) .tab input[type=radio]+label{display:flex;justify-content:center}.tabs.vertical{display:flex}.tabs.vertical>.scrollWrapper{flex:0 0 auto}.tabs.vertical>.scrollWrapper .tab+.tab{margin-top:8px}.tabs.vertical>.scrollWrapper .tab label{width:100%;justify-content:center}.tabs.vertical .tabPanel{padding:0 24px}