:root {
    --body-bg: #ffffff;
    --main-color: #000000;
    --loader-border: 3px solid var(--body-bg);
    --msg-div-bg: #3e3bf330;
    --msg-div-border: 1px solid #3e3bf3;
    --border-radius: 3px;
}

.callback-form .partner-form__content .partner-form__alert {
    margin: 0;
    padding: 0;
    background: none;
}

.nice-select {
    width: 100%;
    border: 1px solid #cacaca;
    border-radius: 3px;
    min-height: 51px;
    padding-top: 6px;
    margin-bottom: 17px;
    font-size: 1em;
    resize: vertical;
    display: block;
    font-family: MuseoSansCyrl, Arial, sans-serif;
}

.nice-select .list::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.nice-select .list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px 9px 9px 9px;
}

.nice-select .list::-webkit-scrollbar-thumb {
    background: #f7f7f7;
    border-radius: 9px;
    border: 1px solid rgba(129, 130, 131, 0.8);
}

.message-div {
    margin: 10px auto;
    padding: 24px;
    width: 100%;
    background-color: var(--msg-div-bg);
    border: var(--msg-div-border);
    border-radius: var(--border-radius);
    font-size: 18px;
    font-weight: 500;
    color: var(--main-color);
}

.loader {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    border: var(--loader-border);
    border-right: 2px solid transparent;
    border-radius: 25px;
    z-index: 1000;
    animation: 1.5s linear infinite spinner;
}

.position-relative {
    position: relative;
}

.w-content {
    width: max-content;
}

.m-auto {
    margin: auto;
}

@-webkit-keyframes spinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animation-appear {
    animation: 0.6s linear appear;
}

.animation-disappear {
    animation: 1s linear disappear;
}

@-webkit-keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-o-keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-moz-keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}