:root {
    --icons-theme: light;

    --color-text-primary : black;
    --color-text-secondary: rgba(0, 0, 0, 0.6);
    --color-2035:  rgba(0, 0, 0, 0.6);

    --color-input-bg: rgba(120, 80, 240, 0.1);
    --color-input-border: rgba(120, 80, 240, 0.4);
}

html{
    scrollbar-gutter: auto;
}

.background{
    background: white;

    .background-hexagons, .item-1, .item-2, .item-3{
        display: none;
    }

    .left-col{
        position: relative;
    }

    .left-col:before{
        content: url('/images/o-vazhnom/1.svg');
        display: block;
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0px;
        left: 35%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .left-col:after{
        content: url('/images/o-vazhnom/2.svg');
        display: block;
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0px;
        left: 55%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .images-grid {
        .images-grid__wrapper:after{
            content: 'Учебная платформа \A Институт изучения детства, семьи и воспитания';
            position: absolute;
            top: 35%;
            left: 0;
            font-family: "Play", sans-serif;
            font-weight: 700;
            font-size: 24px;
            line-height: 133%;
            text-align: center;
            color: #000;
            white-space: pre-line;
            display: block;
            width: 100%;
        }

        [data-img-key="auth-center"]{
            content: url('/images/o-vazhnom/promo.png');
            margin-top: 42%;
        }

        .images-grid__wrapper{
            position: relative;
            scale: 1  !important;
            width: auto !important;
        }

        .images-grid__wrapper div {
        display: none;
        }
    }
}

.background::before{
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #4b5cb4;
}

@media screen and (max-width: 1270px) {
.main-wrapper{
    padding: 32px;
}

    .background .images-grid .images-grid__wrapper:after{
        top: 25%;
    }
}

.form{
    background: white;
    color: black;
    backdrop-filter: blur(64px);
    box-shadow: 0 0 32px 0 rgba(120, 80, 240, 0.5);

    .form__row__title, .form__row__description {
        color: black;
    }
}

.right-column .form{
    width: 50%;
    padding: 24px;
    border: 1px solid #4b5cb424;

    [name='confirmForm']{

        .input-container{
            background: var(--color-input-bg);
            border: 1px solid var(--color-input-border);
        }

        .button{
            background: linear-gradient(270deg, #9600ff 0%, #46beff 100%);
            border: 1px solid var(--btn-border);
        }

    }
}