.button{align-items:center;color:#fff;cursor:pointer;display:flex;font-family:var(--base-font);font-size:14px;font-weight:500;justify-content:center;padding:12px 40px;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:-moz-max-content;width:max-content}.button[disabled]{opacity:.5;pointer-events:none}.button_full{width:100%}.button_loading{position:relative}.button_loading:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.button_loading:after{animation:buttonLoading 1.5s linear infinite;content:"";flex:none;position:absolute;z-index:1}.button_loading:hover{pointer-events:none}.button_color-primary-6.button_variant-fill{background:var(--purple-color-6);border:none;color:#fff}.button_color-primary-6.button_variant-fill:hover{opacity:.8}.button_color-primary-6.button_variant-fill.button_loading:after{border:2px solid var(--black-bg);border-bottom:2px solid transparent}.button_color-primary-6.button_variant-fill.button_loading:before{background:var(--white-bg)}.button_color-primary.button_variant-fill{background:var(--white-bg);border:none;color:var(--font-color-button)}.button_color-primary.button_variant-fill:hover{opacity:.8}.button_color-primary.button_variant-fill.button_loading:after{border:2px solid var(--black-bg);border-bottom:2px solid transparent}.button_color-primary.button_variant-fill.button_loading:before{background:var(--white-bg)}.button_color-primary.button_variant-bordered{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.button_color-primary.button_variant-bordered:hover{background:var(--purple);border-color:var(--primary-color);color:#fff}.button_color-primary.button_variant-bordered[disabled]{filter:grayscale(1);opacity:.3}.button_color-primary.button_variant-bordered[disabled]:hover{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);cursor:not-allowed}.button_color-primary.button_variant-bordered.button_loading:after{border:2px solid var(--black-bg);border-bottom:2px solid transparent}.button_color-primary.button_variant-bordered.button_loading:before{background:var(--white-bg)}.button_color-primary.button_variant-text{background:transparent;border:2px solid transparent;color:var(--primary-color)}.button_color-primary.button_variant-text:hover{background:var(--primary-color-05)}.button_color-primary.button_variant-text[disabled]{filter:grayscale(1);opacity:.3}.button_color-primary.button_variant-text[disabled]:hover{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);cursor:not-allowed}.button_color-primary.button_variant-text.button_loading:after{border:2px solid var(--white-bg);border-bottom:2px solid transparent}.button_color-primary.button_variant-text.button_loading:before{background:var(--black-bg)}.button_color-black.button_variant-fill{background:var(--font-color-button);border:none}.button_color-black.button_variant-fill:hover{opacity:.8}.button_color-black.button_variant-fill[disabled]{background-color:var(--button-disabled-bg);color:var(--button-disabled-text);opacity:1}.button_color-black.button_variant-fill[disabled]:hover{cursor:not-allowed}.button_color-black.button_variant-fill.button_loading:after{border:2px solid var(--white-bg);border-bottom:2px solid transparent}.button_color-black.button_variant-fill.button_loading:before{background:var(--black-bg)}.button_color-purple.button_variant-fill{background:rgba(var(--purple-rgb),.1);border:none;color:var(--purple)}.button_color-purple.button_variant-fill:hover{opacity:.8}.button_color-purple.button_variant-fill[disabled]{background-color:var(--button-disabled-bg);color:var(--button-disabled-text);opacity:1}.button_color-purple.button_variant-fill[disabled]:hover{cursor:not-allowed}.button_color-purple.button_variant-fill.button_loading:after{border:2px solid var(--white-bg);border-bottom:2px solid transparent}.button_color-purple.button_variant-fill.button_loading:before{background:var(--black-bg)}.button_color-red.button_variant-bordered{background:transparent;border:2px solid var(--error-text-color);color:var(--error-text-color)}.button_color-red.button_variant-bordered:hover{background:var(--error-text-color);border-color:var(--error-text-color);color:#fff}.button_color-red.button_variant-bordered[disabled]{filter:grayscale(1);opacity:.3}.button_color-red.button_variant-bordered[disabled]:hover{background:transparent;border:2px solid var(--error-text-color);color:var(--error-text-color);cursor:not-allowed}.button_color-red.button_variant-bordered.button_loading:after{border:2px solid var(--error-text-color);border-bottom:2px solid transparent}.button_color-red.button_variant-bordered.button_loading:before{background:#fff}.button_color-gray.button_variant-fill{background:var(--button-gray);border:none;color:var(--white-bg)}.button_color-gray.button_variant-fill:hover{opacity:.8}.button_color-gray.button_variant-fill[disabled]{filter:grayscale(1);opacity:.3}.button_color-gray.button_variant-fill[disabled]:hover{border:2px solid transparent;cursor:not-allowed}.button_color-gray.button_variant-fill.button_loading{border-color:var(--button-gray-border-color)}.button_color-gray.button_variant-fill.button_loading:after{border:2px solid var(--primary-color);border-bottom:2px solid transparent}.button_color-gray.button_variant-fill.button_loading:before{background:var(--button-gray-border-color)}.button_color-gray.button_variant-bordered{background:transparent;border:2px solid var(--button-gray-border-color);color:var(--primary-color)}.button_color-gray.button_variant-bordered:hover{background:var(--button-gray-border-color);color:var(--primary-color)}.button_color-gray.button_variant-bordered[disabled]{filter:grayscale(1);opacity:.3}.button_color-gray.button_variant-bordered[disabled]:hover{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);cursor:not-allowed}.button_color-gray.button_variant-bordered.button_loading:after{border:2px solid var(--primary-color);border-bottom:2px solid transparent}.button_color-gray.button_variant-bordered.button_loading:before{background:#fff}.button_color-gray.button_variant-text{background:transparent;border:2px solid transparent;color:var(--gray-text)}.button_color-gray.button_variant-text:hover{background:#22222208}.button_color-gray.button_variant-text[disabled]{filter:grayscale(1);opacity:.3}.button_color-gray.button_variant-text[disabled]:hover{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);cursor:not-allowed}.button_color-gray.button_variant-text.button_loading:after{border:2px solid transparent}.button_color-gray.button_variant-text.button_loading:before{background:transparent}.button_size-small{font-size:var(--button-small-font-size);padding:var(--button-small-padding)}.button_size-small,.button_size-small.button_loading:before{border-radius:var(--button-small-border-radius)}.button_size-small.button_loading:after{border-radius:12px;height:10px;left:calc(50% - 7px);top:calc(50% - 7px);width:10px}.button_size-medium{font-size:var(--button-medium-font-size);padding:var(--button-medium-padding)}.button_size-medium,.button_size-medium.button_loading:before{border-radius:var(--button-medium-border-radius)}.button_size-medium.button_loading:after{border-radius:12px;height:10px;left:calc(50% - 7px);top:calc(50% - 7px);width:10px}.button_size-default{font-size:var(--button-medium-font-size);min-height:48px;padding:var(--button-medium-padding)}.button_size-default,.button_size-default.button_loading:before{border-radius:var(--button-medium-border-radius)}.button_size-default.button_loading:after{border-radius:16px;height:16px;left:calc(50% - 10px);top:calc(50% - 10px);width:16px}.button_size-big,.button_size-big-icon{font-size:var(--button-big-font-size);padding:var(--button-big-padding)}.button_size-big,.button_size-big-icon,.button_size-big-icon.button_loading:before,.button_size-big.button_loading:before{border-radius:var(--button-big-border-radius)}.button_size-big-icon.button_loading:after,.button_size-big.button_loading:after{border-radius:16px;height:24px;left:calc(50% - 14px);top:calc(50% - 14px);width:24px}.button_size-big-icon{font-size:var(--button-medium-font-size);padding:var(--button-medium-padding)}@keyframes buttonLoading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}