:root{--btns-button-radius: 0.25em;--btns-button-padding-x: var(--space-sm);--btns-button-padding-y: var(--space-sm)}.btns>*:first-child,.btns *:first-child .btns__btn{border-radius:var(--btns-button-radius) 0 0 var(--btns-button-radius)}.btns>*:last-child,.btns *:last-child .btns__btn{border-radius:0 var(--btns-button-radius) var(--btns-button-radius) 0}.btns[class*=gap-xxxxs] .btns__btn,.btns[class*=gap-xxxs] .btns__btn,.btns[class*=gap-xxs] .btns__btn,.btns[class*=gap-xs] .btns__btn,.btns[class*=gap-sm] .btns__btn,.btns[class*=gap-md] .btns__btn,.btns[class*=gap-lg] .btns__btn,.btns[class*=gap-xl] .btns__btn,.btns[class*=gap-xxl] .btns__btn,.btns[class*=gap-xxxl] .btns__btn,.btns[class*=gap-xxxxl] .btns__btn{border-radius:var(--btns-button-radius) !important}.btns__btn{display:flex;justify-content:center;align-items:center;position:relative;padding:var(--space-xs) var(--space-sm);background-color:rgba(var(--color-contrast-higher), 0.1);transition:.2s;cursor:pointer}.btns__btn:hover:not(.btns__btn--selected){background-color:rgba(var(--color-contrast-higher), 0.075)}.btns__btn:focus{z-index:1;outline:none;box-shadow:0 0 0 2px rgba(var(--color-contrast-higher), 0.2)}.btns__btn--selected,.btns--radio input[type=radio]:checked+label,.btns--radio input[type=checkbox]:checked+label,.btns--checkbox input[type=radio]:checked+label,.btns--checkbox input[type=checkbox]:checked+label{background-color:var(--color-contrast-higher);color:var(--color-bg);box-shadow:var(--shadow-sm)}.btns__btn--disabled{opacity:.7;cursor:not-allowed;text-decoration:line-through}.btns--radio>*,.btns--checkbox>*{position:relative}.btns--radio input[type=radio],.btns--radio input[type=checkbox],.btns--checkbox input[type=radio],.btns--checkbox input[type=checkbox]{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;height:0;width:0;pointer-events:none}.btns--radio input[type=radio]+label,.btns--radio input[type=checkbox]+label,.btns--checkbox input[type=radio]+label,.btns--checkbox input[type=checkbox]+label{user-select:none}.btns--radio input[type=radio]:focus+label,.btns--radio input[type=checkbox]:focus+label,.btns--checkbox input[type=radio]:focus+label,.btns--checkbox input[type=checkbox]:focus+label{z-index:1;box-shadow:0 0 0 2px rgba(var(--color-contrast-higher), 0.2)}.btns__btn--icon{padding:var(--btns-button-padding-x)}.btns__btn--icon .icon{display:block;color:inherit}/*# sourceMappingURL=1_btns.css.map */