:root{--primary-color: #262626;--border-color: #a2a2a2;--disabled-text-color: #999}.tabs{display:grid;grid-template-columns:1fr}.tabs .tab-list{list-style:none;display:flex;padding-left:0;border-top:1px solid var(--border-color)}.tabs .tab-list.center{justify-content:center}.tabs .tab-list.end{justify-content:flex-end}.tabs .tab-list__item{padding:8px 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;text-transform:uppercase;font-size:.85rem;font-weight:700;letter-spacing:.05rem}.tabs .tab-list__item:not(:first-child){margin-left:10px}.tabs .tab-list__item[aria-selected=true]{border-top:2px solid var(--primary-color);color:var(--primary-color);bottom:1px}.tabs .tab-list__item[aria-selected=false]{color:var(--border-color);bottom:-1px}.tabs .tab-list__item[aria-disabled=true]{cursor:not-allowed;color:var(--disabled-text-color)}.tabs.horizontal.reverse .tab-list{grid-row:2;border:none;border-top:1px solid var(--border-color)}.tabs.vertical{grid-template-columns:auto 1fr;gap:1rem}.tabs.vertical .tab-list{flex-direction:column;border-top:none;border-right:1px solid var(--border-color)}.tabs.vertical .tab-list__item{margin-left:0;border-radius:0}.tabs.vertical .tab-list__item[aria-selected=true]{border:none;border-left:1px solid var(--primary-color)}.tabs.vertical.reverse{grid-template-columns:1fr auto}.tabs.vertical.reverse .tab-list{grid-column:2;border:none;border-left:1px solid var(--border-color)}.tabs.vertical.reverse .tab{grid-row:1;grid-column:1}.tab-panel .tab-content{padding:.5rem}