.ui-button{align-items:center;background:var(--button-background);border:var(--button-border,2px solid #000);border-radius:var(--button-border-radius,32px);color:var(--button-color);cursor:pointer;display:flex;font-size:var(--font-size-body-M,14px);font-weight:500;gap:var(--button-gap,var(--spacing-x1));height:var(--button-height,32px);justify-content:var(--button-justify-content,center);line-height:var(--line-height-body-M,19px);padding:var(--button-padding,8px 16px);position:relative;transition:all .3s ease;width:var(--button-width)}@media screen and (max-width:640px){.ui-button{font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}.ui-button:active,.ui-button:hover{background:var(--button-background-hover);color:var(--button-color-hover)}.ui-button--large{--button-height:56px}.ui-button--small{font-size:var(--font-size-body-S,12px);font-weight:500;line-height:var(--line-height-body-S,18px);--button-height:18px}@media screen and (max-width:640px){.ui-button--small{font-size:var(--font-size-body-S,11px);font-weight:500;line-height:var(--line-height-body-S,17px)}}.ui-button.is-disabled{opacity:.7;pointer-events:none}.ui-button.is-paddingless{--button-padding:0}.ui-button.is-active{background:var(--button-filled-primary-background)}.ui-button__suffix{margin-left:auto}.ui-button__content{padding:var(--button-content-padding);white-space:nowrap}.ui-button.is-icon-only{--button-padding:0;--button-width:32px;--button-height:32px;--icon-size:24px;--button-border-radius:var(--radius-full);--button-border:0}.ui-button.is-icon-only img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui-button--filled_primary{--button-color:var(--button-filled-primary-color);--button-color-hover:var(--button-filled-primary-color-hover);--button-background:var(--button-filled-primary-background);--button-background-hover:var(--button-filled-primary-background-hover);--button-background-active:var(--button-filled-primary-background-active)}.light-theme,:root{--button-filled-primary-color:var(--text-base-invert);--button-filled-primary-color-hover:var(--text-base-invert);--button-filled-primary-background:var(--surface-button-accent);--button-filled-primary-background-hover:var(--surface-button-accent-hover);--button-filled-primary-background-active:var(--surface-button-accent-hover)}.ui-button--filled-primary{--button-color:var(--button-filled-primary-color);--button-color-hover:var(--button-filled-primary-color-hover);--button-background:var(--button-filled-primary-background);--button-background-hover:var(--button-filled-primary-background-hover);--button-background-active:var(--button-filled-primary-background-active)}.ui-button--filled_secondary{--button-color:var(--button-filled-secondary-color);--button-color-hover:var(--button-filled-secondary-color-hover);--button-background:var(--button-filled-secondary-background);--button-background-hover:var(--button-filled-secondary-background-hover);--button-background-active:var(--button-filled-secondary-background-active)}.light-theme,:root{--button-filled-secondary-color:var(--text-base-invert);--button-filled-secondary-color-hover:var(--text-base-invert);--button-filled-secondary-background:var(--surface-button-primary);--button-filled-secondary-background-hover:var(--surface-button-primary-hover);--button-filled-secondary-background-active:var(--surface-button-primary-hover)}.ui-button--filled-secondary{--button-color:var(--button-filled-secondary-color);--button-color-hover:var(--button-filled-secondary-color-hover);--button-background:var(--button-filled-secondary-background);--button-background-hover:var(--button-filled-secondary-background-hover);--button-background-active:var(--button-filled-secondary-background-active)}.ui-button--ghost_primary{--button-color:var(--button-ghost-primary-color);--button-border:var(--button-ghost-primary-border)}.light-theme,:root{--button-ghost-primary-color:var(--text-base-invert);--button-ghost-primary-border: }.ui-button--ghost-primary{--button-color:var(--button-ghost-primary-color);--button-border:var(--button-ghost-primary-border)}.ui-button--ghost_secondary{--button-color:var(--button-ghost-secondary-color);--button-padding:var(--button-ghost-secondary-padding)}.light-theme,:root{--button-ghost-secondary-color:#fff;--button-ghost-secondary-padding:0}.ui-button--ghost-secondary{--button-color:var(--button-ghost-secondary-color);--button-padding:var(--button-ghost-secondary-padding)}