.ui-button{align-items:center;background-color:var(--button-primary-color);border:1px solid transparent;border-radius:8px;color:var(--button-text-color, #fff);display:inline-flex;font-weight:400;justify-content:center;position:relative;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out}.ui-button:hover{background-color:color-mix(in srgb,var(--button-primary-color) 90%,#000)}.ui-button--disabled:hover{background-color:var(--button-primary-color)}.ui-button__loader{display:flex;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui-button__inner{align-items:center;display:flex;gap:8px;justify-content:center;white-space:nowrap}.ui-button--danger{--button-primary-color: var(--ui-red-400)}.ui-button--danger.ui-button--outlined{color:var(--ui-black-900)}.ui-button--danger.ui-button--disabled{background-color:color-mix(in srgb,var(--button-primary-color) 50%,#fff)}.ui-button--primary{--button-primary-color: var(--ui-primary)}.ui-button--primary.ui-button--outlined{color:var(--ui-black-900)}.ui-button--primary.ui-button--disabled{background-color:color-mix(in srgb,var(--button-primary-color) 20%,#fff)}.ui-button--secondary{--button-primary-color: var(--ui-secondary)}.ui-button--secondary.ui-button--outlined{color:var(--button-primary-color)}.ui-button--secondary.ui-button--disabled{background-color:color-mix(in srgb,var(--button-primary-color) 50%,#fff)}.ui-button--light{--button-primary-color: var(--ui-black-50);color:var(--ui-secondary)}.ui-button--action{--button-primary-color: var(--ui-action);color:var(--ui-black-900)}.ui-button--action.ui-button--outlined{color:var(--ui-black-900)}.ui-button--action.ui-button--disabled{background-color:color-mix(in srgb,var(--button-primary-color) 50%,#fff)}.ui-button--s{font-size:12px;height:30px;padding:0 8px}.ui-button--m{font-size:14px;height:38px;padding:0 12px}.ui-button--l{font-size:16px;height:46px;padding:8px 16px}.ui-button--split-left{border-bottom-right-radius:0;border-top-right-radius:0}.ui-button--split-right{border-bottom-left-radius:0;border-top-left-radius:0}.ui-button--outlined{background-color:transparent;border-color:var(--button-primary-color)}.ui-button--outlined:hover{background-color:color-mix(in srgb,var(--button-primary-color) 10%,#fff)}.ui-button--text{background-color:transparent;color:var(--button-primary-color)}.ui-button--text:hover{background-color:color-mix(in srgb,var(--button-primary-color) 10%,#fff)}.ui-button--disabled{cursor:not-allowed}