.button{z-index:auto;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:500;line-height:100%;font-size:var(--button-font-size);border-radius:var(--border-radius-md);height:var(--button-size);justify-content:center;align-items:center;gap:var(--button-gap);padding:0 var(--button-padding);color:var(--button-text);background:var(--button-bg);border:1px solid #0000;outline:none;flex-wrap:nowrap;flex-shrink:0;text-decoration:none;display:inline-flex;position:relative}.button:not(:active){transition:background var(--transition), color var(--transition), border-color var(--transition)}.button svg{color:var(--button-svg,currentColor);transition:color var(--transition)}.button span:not(.button__loading){display:var(--button-view,flex)}.button--auto{width:auto}.button--fluid{flex:auto;width:100%;min-width:0;max-width:100%}.button--icon{flex:none}.button-size--lg{--button-size:var(--height-lg);--button-padding:12px;--button-font-size:1.5rem;--button-gap:4px}.button-size--lg.button--icon{width:var(--button-size)}.button-size--lg svg{width:24px;height:24px}.button-size--md{--button-size:var(--height-md);--button-font-size:1.4rem;--button-padding:8px;--button-gap:4px}.button-size--md.button--icon{width:var(--button-size)}.button-size--md svg{width:20px;height:20px}.button-size--sm{--button-size:30px;--button-font-size:1.4rem;--button-padding:8px;--button-gap:4px}.button-size--sm.button--icon{width:var(--button-size)}.button-size--sm svg{width:20px;height:20px}.button--accent{--button-bg:var(--accent);--button-text:#f1f1f1}.button--accent:hover{--button-bg:var(--accent-hover);--button-text:#f1f1f1}.button--accent:active,.button--accent:focus{--button-bg:var(--accent-pressed);--button-text:#f1f1f1}.button--secondary{--button-bg:var(--bg-tertiary);--button-text:var(--text-primary)}.button--secondary:hover{--button-bg:var(--bg-secondary);--button-text:var(--text-primary)}.button--secondary:active,.button--secondary:focus{--button-bg:var(--bg-quaternary);--button-text:var(--text-primary)}.button--flat.button--accent{--button-bg:transparent;--button-textr:var(--accent)}.button--flat.button--accent:hover{--button-bg:var(--accent-tertiary);--button-text:var(--accent)}.button--flat.button--accent:active,.button--flat.button--accent:focus{--button-bg:var(--accent-quaternary);--button-text:var(--accent)}.button--flat.button--secondary{--button-bg:transparent;--button-text:var(--text-secondary)}.button--flat.button--secondary:hover{--button-bg:var(--bg-tertiary);--button-text:var(--text-primary)}.button--flat.button--secondary:active,.button--flat.button--secondary:focus{--button-bg:var(--bg-quaternary);--button-text:var(--text-primary)}.button--soft.button--accent{--button-bg:var(--accent-tertiary);--button-text:var(--accent)}.button--soft.button--accent:hover,.button--soft.button--accent:active,.button--soft.button--accent:focus{--button-bg:var(--accent-quaternary);--button-text:var(--accent)}.button--soft.button--error{--button-bg:var(--error-tertiary);--button-text:var(--error)}.button--soft.button--error:hover{--button-bg:var(--error-secondary);--button-text:var(--error)}.button--soft.button--error:active,.button--soft.button--error:focus{--button-bg:var(--error-quaternary);--button-text:var(--error)}.button--list.button{--button-bg:transparent;justify-content:flex-start;width:100%}.button--list.button:hover{--button-bg:var(--bg-tertiary)}.button--list.button:not(.button--accent):not(.button--error){--button-text:var(--text-secondary)}.button--list.button:not(.button--accent):not(.button--error):hover{--button-text:var(--text-primary)}.button--list.button--error:hover{--button-bg:var(--error-tertiary)}.button--list.button--accent:hover{--button-bg:var(--accent-tertiary)}.button--link.button--accent,.button--link.button--secondary{--button-size:auto;--button-padding:0;--button-font-size:1.4rem;--button-bg:transparent;--button-text:var(--accent)}.button--link.button--accent:hover,.button--link.button--secondary:hover{--button-bg:transparent;--button-text:var(--accent-hover)}.button--link.button--accent:active,.button--link.button--secondary:active{--button-bg:transparent;--button-text:var(--accent-pressed)}.button:disabled,.button--disabled{cursor:not-allowed;pointer-events:none}.button:disabled.button--accent,.button--disabled.button--accent{--button-bg:var(--accent-secondary);--button-text:var(--text-disabled)}.button:disabled.button--secondary,.button--disabled.button--secondary{--button-bg:var(--bg-quaternary);--button-text:var(--text-disabled)}.button:disabled.button--flat.button--accent,.button:disabled.button--flat.button--secondary,.button--disabled.button--flat.button--accent,.button--disabled.button--flat.button--secondary{--button-bg:transparent}.button:disabled.button--flat.button--accent,.button--disabled.button--flat.button--accent{--button-text:var(--accent-disable)}.button:disabled.button--flat.button--secondary,.button--disabled.button--flat.button--secondary{--button-text:var(--text-disabled)}.button:disabled.button--soft.button--accent,.button:disabled.button--soft.button--error,.button--disabled.button--soft.button--accent,.button--disabled.button--soft.button--error{--button-bg:transparent}.button:disabled.button--soft.button--accent,.button--disabled.button--soft.button--accent{--button-text:var(--accent-disable)}.button:disabled.button--soft.button--error,.button--disabled.button--soft.button--error{--button-text:var(--error-secondary)}.button:disabled.button--link.button--accent,.button:disabled.button--link.button--secondary,.button--disabled.button--link.button--accent,.button--disabled.button--link.button--secondary{--button-bg:transparent;--button-text:var(--accent-disable)}.button:disabled.button--list.button,.button--disabled.button--list.button{--button-bg:transparent;--button-text:var(--text-disabled)}.button--loading{pointer-events:none;-webkit-user-select:none;user-select:none}.button--loading svg,.button--loading span:not(.button__loading){opacity:0}.button__loading{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.button__loading:before,.button__loading:after{content:"";opacity:.9;border:2px solid #0000;border-radius:50%;width:18px;height:18px;position:absolute;left:calc(50% - 9px)}.button__loading:before{border-left-color:var(--text-disabled);animation:.8s infinite buttonload}.button__loading:after{border-left:2px dotted var(--text-disabled);animation:.7s linear infinite buttonload}.button--chip:before{content:"";background-color:var(--error);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.button--validate{margin-bottom:var(--form-height-feedback)}.button__color{border-radius:8px;width:20px;height:20px}@keyframes buttonload{0%{transform:rotate(0)}to{transform:rotate(1turn)}}