/* Start:/local/templates/research/css/auth.css?177505123318439*/
.content__main {
    padding: 32px;
    background-color: #FFF;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 #F4F4F899;
}
.auth__wrapper {
    position: relative;
    display: grid;
    grid-template-areas:
            "a b "
            "c b ";
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0 24px;
    margin: 32px auto 0;
    padding: 70px 110px;
}
.auth__wrapper .auth-hint {
    grid-area: c;
}
.auth__wrapper .auth-form {
    grid-area: b;
    margin-top: 30px;
}
.auth__wrapper.auth--lk {
    padding: 32px 84px 40px;
}
.auth-form {
    max-width: 648px;
}
.auth__wrapper.auth--lk .auth-form {
    margin-top: 0;
}
.form__item {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 22px;
}
.form__item--margin {
    margin-top: 42px;
}
.auth--personal .form__item:not(:last-of-type) {
    margin-bottom: 16px;
}
.auth__title {
    margin: 0 0 34px 0;
    font: var(--heading1-bold);
}
.auth__title--s {
    font: var(--heading2-bold);
}
.auth__wrapper .auth__title {
    grid-area: a;
    margin-bottom: 12px;
}
.auth__subtitle,
.auth__subtitle-lk {
    position: relative;
    display: block;
    margin: 0 0 16px 0;
    font: var(--heading5-bold);
}
.auth__subtitle-lk::before {
    position: absolute;
    content: '';
    top: 9px;
    left: -52px;
    width: 36px;
    height: 36px;
    background: var(--project-color) url(/local/templates/research/css/../img/auth/lk-personal.svg) no-repeat center center;
    border-radius: 50%;
}
.auth--docs .auth__subtitle-lk::before {
    background-image: url(/local/templates/research/css/../img/auth/lk-docs.svg);
}
.auth--pass .auth__subtitle-lk::before {
    background-image: url(/local/templates/research/css/../img/auth/lk-pass.svg);
}
.form__item + .auth__subtitle {
    margin-top: 42px;
}
.auth__wrapper .auth__subtitle {
    right: calc(100% + 24px);
    width: calc(200% + 24px);
    height: 0;
    margin: 0;
    padding-top: 21px;
    border-top: 1px solid var(--project-border-color);
}
.auth__subtitle-desc {
    display: block;
    margin-bottom: 6px;
    font: var(--text2-semibold);
}
/* Смещающееся имя поля */
.auth--personal .auth__subtitle-desc {
    position: absolute;
    top: 14px;
    left: 8px;
    z-index: 5;
    margin-bottom: 4px;
    padding: 0 8px;
    font: var(--text3-regular);
    border-radius: 8px;
    transition: top 0.3s, font-size 0.3s, color 0.3s;
}
.auth--personal .form__item:has(input:focus) label,
.auth--personal .form__item:has(input:not(:placeholder-shown)) label,
.auth--personal .form__item:has(.errorMsg) label,
.auth--personal #UF_CITY .auth__subtitle-desc {
    top: -10px;
    font-size: 12px;
    background: linear-gradient(#FFF 11px, transparent 12px);
}
.auth--personal .auth-field::placeholder,
.auth--personal #UF_CITY input::placeholder {
    color: transparent;
    opacity: 0;
}
.auth--personal #UF_CITY .auth__subtitle-desc {
    top: 39px;
}
.auth--personal #UF_CITY .quick-locations {
    gap: 8px;
    margin: 0 0 16px;
}
.auth--personal #UF_CITY .quick-location-tag {
    padding: 5px 15px 4px;
    text-wrap: nowrap;
}
/* Смещающееся имя поля конец */

.authorization__password-control {
    position: absolute;
    top: 45px;
    right: 16px;
    z-index: 15;
    display: block;
    width: 32px;
    height: 32px;
    background: transparent url(/local/templates/research/css/../img/auth/eye.svg) 0 0 no-repeat;
}
.authorization__password-control.view {
    top: 43px;
    background-image: url(/local/templates/research/css/../img/auth/no-eye.svg);
}
.authorization__password-control.pass-mod-2 {
    top: 12px;
    &.view {
        top: 10px;
    }
}
.auth-field,
.form__item select,
#UF_CITY .dropdown-block {
    display: block;
    order: 2;
    height: 50px;
    padding: 0 45px 0 15px;
    font: var(--text3-regular);
    color: var(--project-text-color);
    border: 1px solid var(--project-border-color);
    border-radius: 8px;
    outline: none;
    appearance: none;
    input::placeholder,
    &::placeholder {
        color: var(--project-other-color);
    }
    &:focus {
        border-color: var(--project-color);
    }
}
.auth-field[readonly] {
    color: var(--project-other-color);
    cursor: default;
    &:focus {
        border-color: var(--project-border-color) !important;
    }
}
/* User properties */
.form__item select {
    width: 100%;
    padding-left: 15px;
    background-image: url(/local/templates/research/css/../img/auth/arrow-select.svg);
    background-position: right 10px top 52%;
    background-repeat: no-repeat;
    cursor: pointer;
}
#UF_CITY .quick-locations {
    display: flex;
    gap: 12px;
    margin: 11px 0 12px;
    overflow: hidden;
}
#UF_CITY .quick-location-tag {
    display: block;
    height: auto;
    margin: 0;
    padding: 7px 30px 6px;
    font: var(--text3-medium);
    color: var(--project-text-color);
    background-color: #F7F7F7;
    border: none;
    border-radius: 8px;
    outline: none;
    transition: color 0.3s;
    &:hover {
        color: var(--project-color);
    }
    &:focus {
        color: var(--project-color);
    }
}
#UF_CITY .quick-location-tag:nth-child(n+3) {
    display: none;
}
#UF_CITY .dropdown-block {
    padding: 12px 2px 0 15px;
    box-shadow: none;
    &:has(:focus) {
        border-color: var(--project-border-color);
    }
}
#UF_CITY:has( + .errorMsg) .dropdown-block {
    background-color: #FF00000D;
    border-color: #FF0000;
    .dropdown-fade2white {
        display: none;
    }
}
#UF_CITY .dropdown-block:has(:focus) {
    background-color: transparent;
    border-color: var(--project-color);
}
#UF_CITY:has(:focus) + .errorMsg,
#UF_CITY .dropdown-icon {
    display: none;
}
#UF_CITY .bx-ui-sls-fake,
#UF_CITY .bx-ui-sls-route {
    height: 24px;
    font: var(--text3-regular);
    color: var(--project-text-color);
}
#UF_CITY .dropdown-fade2white {
    z-index: 12;
    height: 41px;
    border-radius: 12px;
}
#UF_CITY .bx-ui-sls-clear {
    top: 7px;
    right: 5px;
    z-index: 13;
    background: url(/local/templates/research/css/../img/auth/close.svg) no-repeat center;
}
#UF_CITY .bx-ui-sls-pane {
    border-color: var(--project-border-color);
    border-radius: 8px;
}
#UF_CITY .bx-ui-sls-error div {
    top: 5px;
}
#UF_EDUCATION_DOC .ui-tile-uploader-drop-area {
    margin-top: 16px;
    &:only-child {
        margin-top: 0;
    }
}
.ui-tile-uploader-drop-box, .ui-tile-uploader-drop-label {
    height: 50px;
}
#UF_EDUCATION_DOC .ui-tile-uploader-drop-label {
    font-size: 0;
    line-height: 0;
    color: transparent;
    border-color: var(--project-color);
    border-radius: 10px;
    transition: all 0.3s;
}
#UF_EDUCATION_DOC .ui-tile-uploader-drop-label:hover {
    background-color: var(--project-color);
    border: 2px solid var(--project-color);
    &::after {
        color: #FFF;
    }
}
#UF_EDUCATION_DOC .ui-tile-uploader-drop-label::after {
    content: "Загрузить документы";
    font: var(--text2-semibold);
    color: var(--project-text-color);
    transition: all 0.3s;
}
#UF_EDUCATION_DOC .--drag-over .ui-tile-uploader-drop-label::after {
    font: var(--text1-semibold);
}
#UF_EDUCATION_DOC .ui-tile-uploader-items ~ .ui-tile-uploader-drop-area .ui-tile-uploader-drop-label::after {
    content: "Загрузить ещё документы";
}
/* User properties end */

.auth__wrapper .btn {
    margin-top: 10px;
}
.btn[disabled] {
    opacity: 0.5;
    pointer-events: none;
    &:hover {
        background-color: var(--project-color);
    }
}
.form__star,
.starrequired {
    color: #FF0000;
}
.errorMsg {
    display: block;
    order: 4;
    margin-top: 5px;
    font: var(--text4-medium);
    color: #FF0000;
}
.error,
.form__item:has(.errorMsg) .auth-field,
.form__item:has(.errorMsg) .auth-checkbox::before {
    background-color: #FF00000D !important;
    border-color: #FF0000 !important;
}
.done {
    font-weight: 600 !important;
    color: #09CD7B !important;
}
.error-message {
    font-weight: 600 !important;
    color: #FF0000 !important;
}
.auth-hint {
    display: flex;
    flex-direction: column;
}
.auth--lk .auth-hint {
    margin: -12px 0 17px;
}
.auth-hint__p {
    font: var(--text1-medium);
    font-weight: 400;
    text-wrap: pretty;
    a {
        font: inherit;
        font-weight: 500;
        text-decoration: underline;
        color: var(--project-color);
        transition: color 0.3s;
    }
    a:hover {
        color: var(--project-color-hover);
    }
}
.auth-hint__p--margin {
    margin-top: 90px;
}
.auth--lk .auth-hint__p:first-child {
    margin-bottom: 17px;
    font: var(--text4-medium);
    color: var(--project-text-add-color);
    &:only-child {
        margin-bottom: 0;
    }
}
.input-hint {
    display: block;
    order: 3;
    margin-top: 7px;
    font: var(--text4-medium);
    color: var(--project-text-add-color);
}
.auth-user-consent_p {
    font: var(--text3-regular);
    a {
        text-decoration: underline;
        color: var(--project-color);
    }
    a:hover {
        color: var(--project-color-hover);
    }
}
.auth-checkbox__hidden {
    display: none;
}
.auth-checkbox {
    position: relative;
    padding-left: 32px;
}
.auth-checkbox::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--project-other-color);
    border-radius: 4px;
    cursor: pointer;
}
.auth-checkbox:has(input:checked)::before {
    background-color: var(--project-color);
    border-color: var(--project-color);
}
.auth-checkbox:has(input:checked)::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(/local/templates/research/css/../img/auth/check-mark.svg) no-repeat center center;
    cursor: pointer;
}
.captcha-img {
    display: block;
    margin: 6px 0 16px;
}
.forget-pwd-link {
    display: block;
    width: min-content;
    margin: -15px 0 24px;
    font: var(--text2-medium);
    text-decoration: underline #767C7B38;
    color: var(--project-text-add-color);
    transition: color 0.3s, text-decoration-color 0.3s;
    text-wrap: nowrap;
    &:hover,
    &:focus {
        text-decoration-color: var(--project-color-hover);
        color: var(--project-color-hover);
    }
}
/* Стили выпадающего списка */
.form__item select {
    @supports (appearance: base-select) {
        &,
        &::picker(select) {
            appearance: base-select;
        }
    }
    @supports (appearance: base-select) {
        position: relative;
        padding-top: 12px;
        padding-right: 10px;
        background-image: none;
        &::picker-icon {
            position: absolute;
            content: "";
            top: 15px;
            right: 8px;
            width: 20px;
            height: 20px;
            background-image: url(/local/templates/research/css/../img/auth/arrow-select.svg);
            transition: rotate 0.2s ease-out;
            background-repeat: no-repeat;
            background-position: center center;
        }
        &:open::picker-icon {
            rotate: 180deg;
        }
        &::picker(select) {
            border-radius: 8px;
            border: 1px solid var(--project-border-color);
        }
        &:hover {
            border-color: var(--project-border-color);
        }
    }
}
.form__item select option {
    padding: 4px 18px;
}
.form__item select option::checkmark {
    display: none;
}
form button.btn-shake,
form input[type="submit"].btn-shake {
    color: #FFD8D4 !important;
    animation: css-animation-shake 0.5s ease;
}
@keyframes css-animation-shake {
    0% {
        transform: translateX(0);
    }
    15% {
        transform: translateX(-3px);
    }
    30% {
        transform: translateX(5px);
    }
    45% {
        transform: translateX(-5px);
    }
    60% {
        transform: translateX(5px);
    }
    75% {
        transform: translateX(-5px);
    }
    90% {
        transform: translateX(3px);
    }
    100% {
        transform: translateX(0);
    }
}


@media (max-width: 1024px) {
    .content__main {
        padding: 24px 16px;
        background-color: #FFF;
        border-radius: 20px;
        box-shadow: 0 4px 23px 0 #D4D3D326;
    }
    .auth__wrapper {
        gap: 0 16px;
        padding: 50px 70px;
    }
    .auth__wrapper .auth-form {
        margin-top: 14px;
    }
    .auth__wrapper.auth--lk {
        padding: 32px 32px 40px;
    }
    .form__item {
        margin-bottom: 14px;
    }
    .auth__title {
        margin: 0 0 22px 0;
    }
    .auth__wrapper .auth__title {
        margin-bottom: 7px;
    }
    .auth__wrapper .auth__subtitle {
        right: calc(100% + 16px);
        width: calc(200% + 16px);
    }
    .auth__subtitle-lk::before {
        display: none;
    }
    .auth__subtitle-desc {
        font: var(--text2-medium);
    }
    .authorization__password-control {
        top: 38px;
        right: 12px;
    }
    .authorization__password-control.view {
        top: 36px;
    }
    .authorization__password-control.pass-mod-2 {
        top: 11px;
        &.view {
            top: 9px;
        }
    }
    .auth-field,
    .form__item select,
    #UF_CITY .dropdown-block {
        height: 48px;
        padding-left: 13px;
    }
    /* User properties */
    .form__item select {
        padding-left: 11px;
    }
    #UF_CITY .quick-locations {
        gap: 8px;
        margin: 11px 0 16px;
    }
    #UF_CITY .quick-location-tag {
        padding: 9px 16px 6px;
    }
    #UF_CITY .dropdown-block {
        padding: 11px 2px 0 13px;
    }
    #UF_CITY .dropdown-fade2white {
        width: 39px;
        height: 42px;
    }
    #UF_CITY .bx-ui-sls-clear {
        right: 10px;
        width: 14px;
    }
    /* User properties end */
    .input-hint {
        font: var(--text3-regular);
    }
    .auth__wrapper .btn {
        margin-top: 18px;
    }
    .forget-pwd-link {
        margin: -6px 0 24px;
    }
    .auth-checkbox::before,
    .auth-checkbox:has(input:checked)::after {
        top: -2px;
    }
    .errorMsg {
        font: var(--text3-regular);
    }
    .form__item select {
        @supports (appearance: base-select) {
            padding-top: 11px;
            padding-left: 13px;
            &::picker-icon {
                top: 14px;
            }
        }
    }
    .form__item select option {
        padding: 5px 13px;
    }
}
@media (max-width: 949px) {
    .auth__wrapper {
        padding: 50px 4%;
    }
}
@media (max-width: 860px) {
    .auth__wrapper .auth__subtitle {
        right: calc(100vw - 151%);
        width: calc(100vw - 51%);
    }
}
@media (max-width: 768px) {
    .auth__wrapper {
        display: block;
        margin-top: 14px;
        padding: 6% 7%;
    }
    .auth__wrapper .auth-form {
        margin-top: 27px;
    }
    .auth-hint__p--margin {
        margin-top: 8px;
    }
    .auth__wrapper .auth__subtitle {
        position: static;
        width: 100%;
        height: auto;
        margin: 14px 0 13px 0;
        border: none;
    }
    .authorization__password-control {
        top: 43px;
        right: 12px;
    }
    .authorization__password-control.view {
        top: 41px;
    }
    .form__item select {
        @supports (appearance: base-select) {
            padding-top: 12px;
        }
    }

    /* User properties */
    .ui-tile-uploader-drop-box, .ui-tile-uploader-drop-label {
        height: 48px;
    }
    #UF_EDUCATION_DOC .ui-tile-uploader-drop-label {
        border-radius: 8px;
    }
    #UF_EDUCATION_DOC .ui-tile-uploader-drop-label::after {
        font: var(--text3-semibold);
    }
    #UF_EDUCATION_DOC .--drag-over .ui-tile-uploader-drop-label::after {
        font: var(--text2-semibold);
    }
    .auth--personal #UF_CITY .auth__subtitle-desc {
        top: 37px;
    }
}
@media (max-width: 425px) {
    .auth__wrapper {
        padding: 24px 16px;
    }
    .auth__wrapper.auth--lk {
        padding: 24px 16px 32px;
    }
    .auth--personal .form__item:not(:last-of-type) {
        &:has([name="EMAIL"]),
        &:has([name="SECOND_NAME"]),
        &:has([name="UF_CITY"]) {
            margin-bottom: 24px;
        }
    }
}
@media (hover: none) and (pointer: coarse) {
    .auth-hint__p a:hover {
        color: var(--project-color);
    }
    .forget-pwd-link:hover {
        text-decoration-color: #767C7B38;
        color: var(--project-text-add-color);
    }
    #UF_EDUCATION_DOC .ui-tile-uploader-drop-label:hover {
        background-color: transparent;
        border-style: dashed;
        &::after {
            color: var(--project-text-color);
        }
    }
}

/* Всплывающее окно согласия пользователя */
div.main-user-consent-request-popup-cont {
    min-width: 800px;
    max-width: 900px;
    max-height: 90vh;
    padding: 24px;
    border-radius: 15px;
}
div.main-user-consent-request-popup-header {
    min-width: 100%;
    font: var(--text2-semibold);
    white-space: normal;
    text-align: center;
}
div.main-user-consent-request-popup-text {
    height: 400px;
    max-height: 50vh;
    padding-left: 15px;
    font: var(--text3-regular);
    color: var(--project-text-color);
    border-color: var(--project-border-color);
    border-radius: 8px;
}
div.main-user-consent-request-popup-buttons {
    gap: 16px;
}
span.main-user-consent-request-popup-button-acc,
span.main-user-consent-request-popup-button-rej {
    min-width: 160px;
    height: auto;
    margin: 0;
    padding: 11px 16px 12px;
    font: var(--text4-semibold);
    border-radius: 8px;
}
span.main-user-consent-request-popup-button-acc {
    color: #FFF;
    background-color: var(--project-color, #BBED21);
    &:hover {
        background-color: var(--project-color-hover, #D2F95F);
    }
}
span.main-user-consent-request-popup-button-rej {
    color: var(--project-text-color, #000);
    box-shadow: inset 0 0 0 1px var(--project-border-color);
    &:hover,
    &:active {
        background: var(--project-border-color);
    }
}


@media (max-width: 1024px) {
    div.main-user-consent-request-popup-cont {
        min-width: 60vw;
        max-width: 90vw;
    }
}
@media (max-width: 768px) {
    div.main-user-consent-request-popup-cont {
        max-width: calc(100vw - 32px);
        height: auto;
    }
}
@media (max-width: 425px) {
    div.main-user-consent-request-popup-cont {
        max-width: 100%;
        padding: 16px;
    }
    span.main-user-consent-request-popup-button-acc,
    span.main-user-consent-request-popup-button-rej {
        min-width: 130px;
    }
}
/* Всплывающее окно согласия пользователя конец */
/* End */
/* /local/templates/research/css/auth.css?177505123318439 */