.z-top {
    z-index: 1050;
}
.fancybox-container {
    z-index: 1060;
}
.swal2-container {
    z-index: 1070;
}
.fancybox-bg {
    opacity: 0;
    background: #3b035e;
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.8;
}
#login__modal_form {
    display: none;
    width: 512px;
    max-width: 100%;
    padding: 32px;
    background: rgba(6, 3, 12, 0.8);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    cursor: auto;
}
.title__sign_in {
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 40px 0 16px;
}
.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 22px;
    top: 22px;
}
.subtitle__sign_in {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: 0.18px;
    text-align: center;
}
.subtitle__sign_in .signup__modal_form {
    color: #27f5d1;
    cursor: pointer;
}
.form-group {
    margin-top: 32px;
}
.form-group label {
    display: block;
    color: var(--aeb-6-bd, #b2aebd);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 126%; /* 17.64px */
    letter-spacing: 0.14px;
}
.form-group input {
    display: block;
    border-radius: 16px;
    border: 1px solid #b2aebd;
    background: #fff;
    padding: 16px;
    color: #0B0413;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.16px;
    width: 100%;
}
.form-group label + input {
    margin-top: 4px;
}
.btn__sign_in {
    border-radius: 16px;
    background: var(--8801-db, #8801db);
    padding: 18px 24px;
    color: var(--ffffff, #fff);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.14px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    cursor: pointer;
}
.line__forgot {
    text-align: right;
}
.forgot__modal_form {
    margin-top: 16px;
    color: #27f5d1;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 24.48px */
    letter-spacing: 0.18px;
    cursor: pointer;
}
.line__hr_socials {
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.line__hr_socials span:before,
.line__hr_socials span:after {
    content: "";
    border-top: 2px solid #b2aebd;
    position: absolute;
    width: 44%;
    left: 0px;
    top: 8px;
}
.line__hr_socials span:after {
    left: unset;
    right: 0px;
}
.line__btns_socials {
    display: flex;
    margin: 0 -8px;
    row-gap: 16px;
}
.line__btns_socials .login_item {
    padding: 0 8px;
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%;
}
.line__btns_socials .login_item a {
    display: flex;
    line-height: 1;
    border-radius: 16px;
    background: #fff;
    padding: 12px 24px;
    justify-content: center;
    cursor: pointer;
}
.line__btns_socials .login_item a.login_btn-discord {
    background: #5662f6;
}
.success__logon.swal2-show {
    background: #4caf50 !important;
    color: #fff;
}
.error__logon.swal2-show {
    background: #c72c41 !important;
    color: #fff;
}
.swal2-top-right .swal2-popup.swal2-toast .swal2-icon {
    scale: 0.6;
}
.swal2-top-right .swal2-popup.swal2-toast .swal2-title {
    margin: 0.6em 0 0px;
}
.swal2-top-right .success__logon.swal2-popup.swal2-toast .swal2-icon {
    overflow: hidden !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
}
.step__modal_sign_up,
.step__modal_sign_up_verify {
    display: none;
}
.form-group-icon {
    position: relative;
}
.show__pass {
    position: absolute;
    right: 0;
    top: 16px;
    padding: 0 15px 0 0;
    cursor: pointer;
}
.form-group input[type="password"] {
    font-family: monospace;
}
.action-login-send .btn__sign_in {
    cursor: no-drop;
}