.button{display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border:none;border-radius:12px;text-decoration:none;box-sizing:border-box;max-inline-size:100%;min-inline-size:80px;transition:background-color .5s ease,color .5s ease,opacity .15s ease}.button[disabled],.button--disabled{cursor:default;opacity:.35}.button--disabled{pointer-events:auto}.button:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .15s ease-out;background:var(--bg_color);border-radius:12px}.button__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:var(--z-index--simple);font-weight:var(--font_weight--accent2);font-size:var(--subheadline2--font_size);line-height:var(--subheadline2--line_height)}.button--s{height:36px;min-width:36px;gap:6px;padding:8px 12px;border-radius:20px}.button--s:after{border-radius:20px}.button--m{height:42px;min-width:42px;gap:8px;padding:8px 12px}.button--l{height:50px;gap:10px;padding:10px 20px;font-size:var(--text--font_size);line-height:var(--text--line_height)}.button--wide{width:100%}.button--filled{--button-hovered-opacity: .15;color:var(--button_text_color);background:var(--button_color)}.button--gray{--button-hovered-opacity: .5;color:var(--text_color);background:var(--plain_background)}.button--secondary{--button-hovered-opacity: .07;color:var(--link_color);background:var(--secondary_fill)}.button--plain{--button-hovered-opacity: .03;color:var(--link_color);background:transparent}.button--accent{--button-hovered-opacity: .15;color:var(--button_text_color);background:var(--button_color)}body.is-ios .button:after{content:unset}.button:not([disabled]):not(.button--disabled):active{box-shadow:inset 0 2px 6px #00000038;transform:translateY(1px);filter:brightness(.96)}.button--plain:not([disabled]):not(.button--disabled):active{box-shadow:none;transform:none;filter:none;opacity:.65}@media(hover:hover)and (pointer:fine){.button:not([disabled]):not(.button--disabled):hover:after{opacity:var(--button-hovered-opacity, 0)}body.is-ios .button:not([disabled]):not(.button--disabled):hover{opacity:.85}}.button>.spinner{display:none}.button--loading .button__text{opacity:0}.button--loading>.spinner{display:flex}.button__check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-index--simple);color:inherit;opacity:0;pointer-events:none;transition:opacity .5s ease}.button__check:before{content:"";width:18px;height:18px;-webkit-mask:var(--pt-icon-source-24-check) no-repeat center / contain;mask:var(--pt-icon-source-24-check) no-repeat center / contain;background-color:currentColor}.button__text{transition:opacity .5s ease}.button--success .button__text{opacity:0}.button--success .button__check{opacity:1}.button--shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}