.login {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    overflow: hidden;
    position: relative
}


@media (max-width:calc(1280px - 1px)) {
    .login {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-erp)/var(--tw-bg-opacity))
    }

}

.login:before {
    --tw-rotate: -4deg;
    background-color: rgb(var(--color-erp)/.2);
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    margin-bottom: -15%;
    margin-left: -13%;
    margin-top: -28%;
    position: absolute;
    top: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 57%
}

@media (max-width:calc(1280px - 1px)) {
    .login:before {
        display: none
    }
}

.login:after {
    --tw-rotate: -4deg;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-erp)/var(--tw-bg-opacity));
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    margin-bottom: -12%;
    margin-left: -13%;
    margin-top: -20%;
    position: absolute;
    top: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 57%
}


@media (max-width:calc(1280px - 1px)) {
    .login:after {
        display: none
    }
}

.login .login__input {
    min-width: 350px
}

@media (max-width:calc(1280px - 1px)) {
    .login .login__input {
        min-width: 100%
    }
}