.UI-Button-button__button{--button-color: #000;all:unset;background-color:var(--background-color);color:var(--color);cursor:pointer;forced-color-adjust:auto;box-sizing:border-box;-webkit-user-select:none;user-select:none}.UI-Button-button__button.UI-Button-button__icon{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;padding:.5rem}.UI-Button-button__button.UI-Button-button__invert{--background-color: #000;--button-color: #fff;color:var(--button-color)}.UI-Button-button__button.active{background-color:var(--button-color);color:var(--background-color, #fff)}@media(hover:hover){.UI-Button-button__button:hover{background-color:var(--button-color);color:var(--background-color, #fff)}}.UI-Button-button__button:disabled{opacity:.4;pointer-events:none}.UI-Button-button__button.UI-Button-button__light{--background-color: var(--color-light);--button-color: var(--color)}.UI-Button-button__button.UI-Button-button__light.active{background-color:var(--color);color:var(--background-color, #fff)}@media(hover:hover){.UI-Button-button__button.UI-Button-button__light:hover{background-color:var(--color);color:var(--background-color, #fff)}}.UI-Button-button__button:focus-visible{outline:2px solid canvastext;outline-offset:2px}@media(prefers-contrast:more){.UI-Button-button__button{outline:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.UI-Button-button__button{transition:none!important}}