.htmlMod {
    background-color: white;
}


htmlMod body {
    -webkit-font-smoothing: antialiased;
    font-family: Roboto;
    font-size: .875rem;
    line-height: 1.25rem;
    overflow-x: hidden;
    padding: .75rem 2rem;
    --tw-text-opacity: 1;
    color: rgba(45,55,72,var(--tw-text-opacity));
}

.loginMod {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.dark .loginMod {
    --tw-bg-opacity: 1;
    background-color: rgba(41,49,69,var(--tw-bg-opacity))
}

.loginMod {
    position: initial;
}

@media (max-width:1279px) {
    .loginMod {
        background: linear-gradient(180deg,#1c3faa,#2b51b4);
        background-repeat: no-repeat;
        background-attachment: fixed
    }
}

.loginMod:before {
    content: "";
    margin-left: -48%;
    background-image: url(../images/bg-login-page.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (max-width:1279px) {
    .loginMod:before {
        display: none
    }
}

.loginMod .login__input {
    min-width: 350px;
    box-shadow: 0 3px 5px rgba(0,0,0,.027450980392156862)
}

@media (max-width:1279px) {
    .loginMod .login__input {
        min-width: 100%
    }
}

.dark .loginMod:before {
    background-image: url(../images/bg-login-page-dark.svg)
}

@media (max-width:1279px) {
    .dark .loginMod {
        background: #232a3b
    }
}