.ui-button{--ui-button-bg:var(--color-accent-default);--ui-button-bg-hover:var(--color-accent-hover);--ui-button-bg-pressed:var(--color-accent-pressed);--ui-button-bg-focus:var(--ui-button-bg-hover);--ui-button-fg:var(--color-accent-on-accent);--ui-button-fg-hover:var(--ui-button-fg);--ui-button-fg-pressed:var(--ui-button-fg);--ui-button-subtext:var(--ui-button-fg);--ui-button-border:var(--color-stroke-neutral-soft);--ui-button-border-hover:var(--ui-button-border);--ui-button-border-pressed:var(--ui-button-border);--ui-button-border-disabled:var(--ui-button-border);--ui-button-outline:var(--color-accent-container-default);border:none;color:inherit;font:inherit;background-color:transparent;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;position:relative;display:inline-flex;justify-content:center;align-items:center;padding:0 16px;border-radius:8px;font-size:1rem;line-height:1.5rem;white-space:nowrap;text-align:center;text-decoration:none;transition:outline .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;box-sizing:border-box;background-color:var(--ui-button-bg);color:var(--ui-button-fg);fill:var(--ui-button-fg);border-color:var(--ui-button-border);border-style:solid;border-width:0}.ui-button:focus-visible{background-color:var(--ui-button-bg-focus);outline:2px solid var(--ui-button-outline);outline-offset:1px}@media(hover:hover){.ui-button:hover{background-color:var(--ui-button-bg-hover);color:var(--ui-button-fg-hover);fill:var(--ui-button-fg-hover);border-color:var(--ui-button-border-hover)}}.ui-button:active{outline:none;color:var(--ui-button-fg-pressed);background-color:var(--ui-button-bg-pressed);border-color:var(--ui-button-border-pressed)}.ui-button--size-s{font-size:.875rem;min-height:28px;padding-top:2px;padding-bottom:2px}.ui-button--size-s .ui-button__icon{display:none}.ui-button--size-m{font-size:.875rem;min-height:36px;padding-top:6px;padding-bottom:6px}.ui-button--size-m .ui-button__icon{width:20px;height:20px}.ui-button--size-m .ui-button__icon svg{width:100%;height:100%}.ui-button--size-l{font-size:1rem;padding-top:10px;padding-bottom:10px}.ui-button--size-xl{min-height:56px;padding-top:6px;padding-bottom:6px}.ui-button--primary.ui-button--blue{--ui-button-bg:var(--color-accent-default);--ui-button-bg-hover:var(--color-accent-hover);--ui-button-bg-pressed:var(--color-accent-pressed);--ui-button-fg:var(--color-accent-on-accent)}.ui-button--primary.ui-button--yellow{--ui-button-bg:var(--color-alt-accent-default);--ui-button-bg-hover:var(--color-alt-accent-hover);--ui-button-bg-pressed:var(--color-alt-accent-pressed);--ui-button-fg:var(--color-alt-accent-on-alt-accent)}.ui-button--primary.ui-button--green{--ui-button-bg:var(--color-success-default);--ui-button-bg-hover:var(--color-success-hover);--ui-button-bg-pressed:var(--color-success-pressed);--ui-button-fg:var(--color-success-on-success)}.ui-button--primary.ui-button--red{--ui-button-bg:var(--color-brand-kaspi-default);--ui-button-bg-hover:var(--color-brand-kaspi-hover);--ui-button-bg-pressed:var(--color-brand-kaspi-pressed);--ui-button-fg:var(--color-brand-kaspi-on-brand-kaspi)}.ui-button--primary.ui-button--white{--ui-button-bg:var(--color-bg-surface-1);--ui-button-fg:var(--color-fg-default);--ui-button-bg-hover:var(--color-neutral-container-hover);--ui-button-bg-pressed:var(--color-neutral-container-pressed);--ui-button-bg-focus:var(--ui-button-bg)}.ui-button--secondary.ui-button--blue{--ui-button-bg:var(--color-accent-container-default);--ui-button-bg-hover:var(--color-accent-container-hover);--ui-button-bg-pressed:var(--color-accent-container-pressed);--ui-button-fg:var(--color-accent-on-container);--ui-button-subtext:var(--color-fg-muted)}.ui-button--secondary.ui-button--white{--ui-button-bg:var(--color-bg-surface-1);--ui-button-bg-hover:var(--color-neutral-container-hover);--ui-button-bg-pressed:var(--color-neutral-container-pressed);--ui-button-fg:var(--color-accent-on-container);--ui-button-subtext:var(--color-fg-muted);border-width:1px;padding-top:9px;padding-bottom:9px}.ui-button--secondary-outline.ui-button--white{--ui-button-bg:transparent;--ui-button-bg-hover:transparent;--ui-button-bg-pressed:transparent;--ui-button-fg:var(--color-fg-inverse-default);--ui-button-fg-hover:var(--color-neutral-container-hover);--ui-button-fg-pressed:var(--color-neutral-container-pressed);--ui-button-subtext:var(--color-fg-muted);--ui-button-border:var(--color-bg-surface-1);--ui-button-border-hover:var(--ui-button-fg-hover);--ui-button-border-pressed:var(--ui-button-fg-pressed);--ui-button-border-disabled:var(--color-bg-disabled);border-width:1px}.ui-button--tertiary.ui-button--blue{--ui-button-bg:transparent;--ui-button-bg-hover:transparent;--ui-button-bg-pressed:transparent;--ui-button-fg:var(--color-accent-default);--ui-button-fg-hover:var(--color-accent-hover);--ui-button-fg-pressed:var(--color-accent-pressed);--ui-button-subtext:var(--color-fg-muted)}.ui-button--tertiary.ui-button--white{--ui-button-bg:transparent;--ui-button-bg-hover:transparent;--ui-button-bg-pressed:transparent;--ui-button-fg:var(--color-fg-inverse-default);--ui-button-fg-hover:var(--color-neutral-container-pressed);--ui-button-fg-pressed:var(--color-neutral-container-pressed);--ui-button-subtext:var(--color-fg-muted)}.ui-button--icon-only{padding:10px}.ui-button--icon-only.ui-button--size-m{padding:8px}.ui-button--loading{position:relative;cursor:wait;pointer-events:none}.ui-button--loading .ui-button__subtext,.ui-button--loading .ui-button__text{visibility:hidden}.ui-button--loading .ui-button__icon{display:none}.ui-button--loading:not(.ui-button--size-s) .ui-button__icon~.ui-button__loader{position:relative;top:auto;left:auto;transform:none;order:-1}.ui-button--loading:not(.ui-button--size-s) .ui-button__icon~.ui-button__text{visibility:initial}.ui-button--full-width{width:100%}.ui-button__icon{pointer-events:none;fill:inherit;display:flex;align-items:center;justify-content:center}.ui-button__icon+.ui-button__text:not(:empty){margin-left:8px}.ui-button__text{line-height:1.5rem}.ui-button__subtext,.ui-button__text{pointer-events:none;transition:color .15s ease-out}.ui-button__subtext{font-size:.8125rem;line-height:1.25rem;color:var(--ui-button-subtext)}.ui-button__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ui-button--disabled,.ui-button:disabled{--ui-button-bg:var(--color-bg-disabled)!important;--ui-button-fg:var(--color-fg-disabled)!important;--ui-button-subtext:var(--color-fg-disabled)!important;pointer-events:none;border-color:var(--ui-button-border-disabled)!important}.ui-button--disabled.ui-button--tertiary,.ui-button:disabled.ui-button--tertiary{--ui-button-bg:transparent!important}.ui-button--icon-after:not(.ui-button--size-xl){flex-direction:row-reverse}.ui-button--icon-after:not(.ui-button--size-xl) .ui-button__icon+.ui-button__text:not(:empty){margin-right:8px;margin-left:0}.ui-button--has-subtext{flex-direction:column}