.button{font-family:Roboto,sans-serif;display:inline-flex;align-items:center;justify-content:center;padding:.5em .6em;font-size:1rem;border-radius:var(--control-radius);cursor:pointer;transition:background-color .2s ease,color .2s ease,border .2s ease;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-weight:400}.button.fullWidth{width:100%}.button.solid{background-color:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-bg, --text-color)}.button.solid.primary{background-color:var(--highlight-bg-color);color:var(--highlight-fg-color);border-color:var(--highlight-bg-color)}.button.solid:hover{opacity:.85}.button.solid:active{opacity:.7}.button.outlined{background-color:transparent;color:var(--btn-text, --text-color);border:1px solid var(--btn-bg, --text-color);box-sizing:border-box}.button.outlined.primary{border-color:var(--highlight-bg-color);color:var(--highlight-bg-color)}.button.outlined:hover{opacity:.85}.button.outlined:active{opacity:.7}.button.text{background-color:transparent;color:var(--btn-text, --text-color);font-weight:700;border:none}.button.text.primary{color:var(--highlight-bg-color)}.button.text.inherit{color:inherit}.button.text:hover{opacity:.85}.button.text:active{opacity:.7}.button.xs{font-size:.75rem;padding:.3em .4em}.button.sm{font-size:.875rem;padding:.3em .4em}.button.md{font-size:1rem}.button.lg{font-size:1.125rem}.button.xl{font-size:1.25rem}.button:disabled,.button.disabled{cursor:not-allowed;pointer-events:none}.button.solid:disabled{background-color:#eeeeed;color:#6b6b6b}.button.outlined:disabled{border-color:#eeeeed;color:#6b6b6b}.button:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.button.outlined.inherit{color:inherit;border-color:currentColor}.button.solid.inherit{color:inherit}.button.error{color:var(--error-color);border-color:var(--error-color)}.button.outlined.error:hover{background-color:#b3261e1a;border-color:var(--error-color)}.button.outlined.error:active{background-color:#b3261e33}