/* todo remove, duplicate SPA styles */

* {
    box-sizing: border-box;
}

body {
    font-family: Montserrat, sans-serif !important;
    color: #000 !important;
    min-width: 0;
}

input, select, textarea, button {
    font-family: Montserrat, sans-serif !important;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

.input-default {
    border: 1px solid #d8d8ff;
    border-radius: 6px;
    height: 34px;
    padding: 7px 14px;
}

.input-default:focus {
    border-color: #6e49ff;
}

.input-default.error {
    border: 1px solid #ff6363;
}

.input-default::-moz-placeholder {
    color: #afb6c6;
}

.input-default::-webkit-input-placeholder {
    color: #afb6c6;
}

.input-default:-ms-input-placeholder {
    color: #afb6c6;
}

.input-default::-ms-input-placeholder {
    color: #afb6c6;
}

.input-default::placeholder {
    color: #afb6c6;
}

.select-default {
    border: 1px solid #d8d8ff;
    border-radius: 6px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 6px 32px 7px 14px;
    height: 36px;
}

.select-default option {
    height: 36px;
}

.checkbox-default {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #d8d8ff;
    background: #fff;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.checkbox-default:checked {
    border-color: #6e49ff;
    background: #6e49ff;
    box-shadow: inset 0 0 0 2.66px #fff;
}

.button {
    box-sizing: border-box;
    display: block;
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #f9f8fc;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out, border-color 0.3s;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
}

.button_green {
    background: linear-gradient(185.78deg, #33d460 9.02%, #21927d 100%);
}

.button_green:hover {
    background: linear-gradient(218.54deg, #33d460 9.02%, #21927d 100%);
}

.button_green:active {
    background: linear-gradient(185.78deg, #21927d 9.02%, #33d460 100%);
}

.button_green[disabled] {
    background: #afb6c6;
}

.button_purple {
    background: linear-gradient(187.24deg, #d570f9 0.18%, #5127f5 100%);
}

.button_purple:hover {
    background: linear-gradient(225deg, #d570f9 0.18%, #5127f5 100%);
}

.button_purple:active {
    background: linear-gradient(187.24deg, #5127f5 0.18%, #d570f9 100%);
}

.button_purple[disabled] {
    background: #afb6c6;
}

.button_purple-monotone {
    background: #6e49ff;
}

.button_transparent {
    border: 1px solid #6e49ff;
    color: #6e49ff;
    background: transparent;
}

.button_transparent:hover {
    border: 1px solid #d049ff;
    color: #d049ff;
}

.button_transparent[disabled] {
    border: 1px solid #afb6c6;
    color: #afb6c6;
}