.ui-button{text-align:center;cursor:pointer;user-select:none;border:none;border-radius:10px;padding:10px 16px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.ui-button.is-disabled,.ui-button.is-loading{pointer-events:none;opacity:.6}.ui-button.is-rounded{width:100%}.ui-button__wrap{flex-grow:1;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.ui-button__wrap--hidden{visibility:hidden}.ui-button__wrap--loading{position:absolute;inset:0}.ui-button__text{z-index:1;pointer-events:none;position:relative}.ui-button__icon{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.ui-button__icon-svg,.ui-button__loading{width:20px;height:20px}.ui-button__loading{animation:.6s linear infinite rotate}.ui-button--small{border-radius:8px;min-width:32px;min-height:32px;padding:8px 12px;font-size:12px;line-height:16px}.ui-button--small.is-icon-only{padding:8px}.ui-button--medium{border-radius:10px;min-width:36px;min-height:36px;padding:8px 16px;font-size:14px;line-height:20px}.ui-button--medium.is-icon-only{padding:10px}.ui-button--large{border-radius:12px;min-width:44px;min-height:44px;padding:12px 24px;font-size:15px;line-height:20px}.ui-button--large .ui-button__icon{width:20px;height:20px}.ui-button--large.is-icon-only{padding:16px}.ui-button--xlarge{border-radius:14px;min-width:52px;min-height:52px;padding:16px 28px;font-size:16px;line-height:20px}.ui-button--xlarge .ui-button__icon{width:24px;height:24px}.ui-button--xlarge.is-icon-only{padding:20px}.ui-button--primary{background-color:var(--ui-button-primary-background-color);color:var(--ui-button-primary-color);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ui-button--primary:hover{background-color:var(--ui-button-primary-active-background-color);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ui-button--primary:active{background-color:var(--ui-button-primary-focus-active-background-color);transform:translateY(0);box-shadow:0 1px 2px #0000001a}.ui-button--primary:focus-visible{background-color:var(--ui-button-primary-focus-background-color);outline:2px solid var(--ui-button-primary-focus-outline-color);outline-offset:2px}.ui-button--primary.is-disabled{background-color:var(--ui-button-primary-disabled-background-color);color:var(--ui-button-primary-disabled-color);box-shadow:none;transform:none}.ui-button--primary-stroke{background-color:var(--ui-button-primary-stroke-background-color);color:var(--ui-button-primary-stroke-color);box-shadow:inset 0 0 0 1px var(--ui-button-primary-stroke-border-color),0 1px 2px #0000000a}.ui-button--primary-stroke:hover{background-color:var(--ui-button-primary-stroke-hover-background-color);box-shadow:inset 0 0 0 1px var(--ui-button-primary-stroke-border-color),0 2px 4px #0000000f}.ui-button--primary-stroke:active{background-color:var(--ui-button-primary-stroke-active-background-color);box-shadow:inset 0 0 0 1px var(--ui-button-primary-stroke-border-color)}.ui-button--primary-stroke:focus-visible{outline:2px solid var(--ui-button-primary-stroke-focus-outline-color);outline-offset:2px}.ui-button--primary-stroke.is-disabled{box-shadow:inset 0 0 0 1px var(--ui-button-primary-stroke-disabled-border-color);color:var(--ui-button-primary-stroke-disabled-color);background-color:var(--ui-button-primary-stroke-disabled-background-color)}.ui-button--secondary{background-color:var(--ui-button-secondary-background-color);color:var(--ui-button-secondary-color);box-shadow:inset 0 0 0 1px var(--ui-button-secondary-border-color),0 1px 2px #0000000a}.ui-button--secondary:hover{background-color:var(--ui-button-secondary-hover-background-color);box-shadow:inset 0 0 0 1px var(--ui-button-secondary-hover-border-color),0 2px 4px #0000000f}.ui-button--secondary:active{background-color:var(--ui-button-secondary-active-background-color);box-shadow:inset 0 0 0 1px var(--ui-button-secondary-hover-border-color)}.ui-button--secondary:focus-visible{outline:2px solid var(--ui-button-secondary-focus-outline-color);outline-offset:2px}.ui-button--secondary.is-disabled{background-color:var(--ui-button-secondary-disabled-background-color);color:var(--ui-button-secondary-disabled-color);box-shadow:none}.ui-button--secondary-ghost{color:var(--ui-button-secondary-ghost-color);box-shadow:none;background-color:#0000}.ui-button--secondary-ghost:hover{background-color:var(--ui-button-secondary-ghost-hover-background-color)}.ui-button--secondary-ghost:active{background-color:var(--ui-button-secondary-ghost-active-background-color)}.ui-button--secondary-ghost:focus-visible{outline:2px solid var(--ui-button-secondary-ghost-focus-outline-color);outline-offset:2px}.ui-button--secondary-ghost.is-disabled{color:var(--ui-button-secondary-ghost-disabled-color)}.ui-button--red{background-color:var(--ui-button-red-background-color);color:var(--ui-button-red-color);box-shadow:inset 0 0 0 1px var(--ui-button-red-border-color),0 1px 2px #0000000a}.ui-button--red:hover{background-color:var(--ui-button-red-hover-background-color);box-shadow:inset 0 0 0 1px var(--ui-button-red-border-color),0 2px 4px #0000000f}.ui-button--red:active{box-shadow:inset 0 0 0 1px var(--ui-button-red-border-color)}.ui-button--red:focus-visible{background-color:var(--ui-button-red-hover-background-color);outline:2px solid var(--ui-button-red-focus-outline-color);outline-offset:2px}.ui-button--red.is-disabled{box-shadow:none;background-color:var(--ui-button-red-disabled-background-color);color:var(--ui-button-red-disabled-color)}.ui-button--red-destructive{color:var(--ui-button-red-destructive-color);box-shadow:none;background-color:#0000}.ui-button--red-destructive:hover{background-color:var(--ui-button-red-destructive-hover-background-color)}.ui-button--red-destructive:active,.ui-button--red-destructive:hover{box-shadow:inset 0 0 0 1px var(--ui-button-red-destructive-hover-border-color)}.ui-button--red-destructive:active{background-color:var(--ui-button-red-destructive-active-background-color)}.ui-button--red-destructive:focus-visible{outline:2px solid var(--ui-button-red-destructive-focus-outline-color);outline-offset:2px}.ui-button--red-destructive.is-disabled{color:var(--ui-button-red-destructive-disabled-color)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}