tab-bar{text-align:center;position:relative;display:grid;justify-content:center;justify-self:center;align-items:center;border-radius:3ch;padding:calc(var(--gap)*0.5/1.5);border:1px solid #ddd;grid-auto-flow:column;align-self:start;background-color:#fff}tab-bar input:checked+label{color:#fff}tab-bar>button,tab-bar label{position:relative;background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer;padding:.5ch 2ch;margin:0;transition:var(--transition);font-size:.8em;font-weight:600;white-space:nowrap}tab-bar>button.active,tab-bar label.active{color:#fff}tab-bar>button~button,tab-bar label~button{margin-left:-1ch}tab-bar mark.button{position:absolute;margin:0;transition:var(--transition);width:0;pointer-events:none;opacity:1 !important}tab-bar[type=radios]{padding:0}tab-bar[type=radios] input-field[type=radios]{padding:calc(var(--gap)*0.5/1.5);grid-auto-flow:column}tab-bar[type=radios] input-field[type=radios] input-field[type=radio]{grid-row:1;grid-column:auto}tab-bar[type=radios] input-field[type=radios] input-field[type=radio] label::before,tab-bar[type=radios] input-field[type=radios] input-field[type=radio] label::after{content:unset}tab-bar[type=radios] input-field[type=radios] input-field[type=radio] input:checked+label:hover{color:#fff}tab-bar[type=radios] input-field[type=radios] input-field[type=radio]:not(:first-of-type){margin-left:-1ch}
/*# sourceMappingURL=../sourcemaps/components/tab-bar.css.map */