.tab{box-sizing:border-box;vertical-align:middle;padding-top:var(--margin-sm);padding-bottom:var(--margin-sm);background-image:none;background-position:50%;border:1px solid #0000;outline:none;margin:0;line-height:1.5rem;display:inline-block;overflow:hidden}.type-color.tab{min-height:34px}.tabs{box-sizing:border-box;width:var(--content-width);gap:var(--margin-xxs);max-width:100%;padding:var(--margin-md);flex-grow:1;align-items:center;margin:0 auto;list-style:none;display:flex;overflow-x:auto}@media (width<=735px){.tabs{justify-content:center}}input[type=checkbox].input-tab,input[type=radio].input-tab{opacity:0;position:absolute;left:-9999px}.tab{cursor:pointer;text-align:center;white-space:nowrap;max-width:100%;padding:var(--margin-xxxs) var(--margin-sm);letter-spacing:0;transition:background-color var(--transition-duration) ease-in-out, box-shadow var(--transition-duration) ease-in-out, border var(--transition-duration) ease-in-out, color var(--transition-duration) ease-in-out, opacity var(--transition-duration) ease-in-out;color:var(--color);border-width:0;border-radius:0;flex-shrink:0;margin:0;text-decoration:none;position:relative;background-color:oklch(var(--color-neutral-oklch)/10%)!important;border-color:#0000!important}.tab.active,.tab:hover,.tab:focus,.tab:active,.tab.checked{color:var(--color-bright);background-color:var(--color-dark)!important}.tab[disabled],.tab[readonly]{opacity:.25}.tab.loading:not(.dropdown){color:#0000!important;text-shadow:none!important}.tab.loading:not(.dropdown) :before{transition:all var(--transition-duration) ease-in-out;content:" ";vertical-align:middle;border:var(--loader-width) solid var(--loader-color);width:1em;height:1em;animation:var(--loader-animation);z-index:1;border-bottom-color:#0000;border-radius:100%;margin-top:-.6em;margin-left:-.5em;display:inline-block;position:absolute;top:50%;left:50%}.tab.flash{animation:.5s linear infinite flash-button}.tab.hidden{display:none}.tab.dropdown{text-align:initial;min-width:30px;overflow:visible}.tab.dropdown>span:not(.tooltip):not(.notification-counter),.tab.dropdown>input{line-height:1.2em}.tab.dropdown.indicator{padding-right:12px}.tab.dropdown.indicator>span:not(.tooltip):not(.notification-counter),.tab.dropdown.indicator>input{margin-right:10px}.tab.dropdown.indicator:after{right:9px}.tab.dropdown .actions+button,.tab.dropdown .actions+.button,.tab.dropdown .actions+a{margin-right:30px}