<style>
    .dont-use-it{}

    :root {
        --miracel-login-page-background: #f5f9ff;
        --miracel-login-box-background: #c9daec;
        --miracel-login-ads-wrapper-background: #02015f;
        --miracel-login-border-color: #ffffff;
        --miracel-login-customer-brand-color: #595959;
        --miracel-login-submit-form-color: #ffffff;
        --miracel-login-submit-form-background: #f37021;
        --miracel-login-form-label-color: #000000;
        --miracel-login-ad-color: #ffffff;
    }

    .miracel-login-page-background {
        background-color: var(--miracel-login-page-background) !important;
    }
    .miracel-login-box-background {
        background-color: rgba(201, 218, 236, 0.75) !important;
    }
    .miracel-login-ads-wrapper-background {
        background-color: var(--miracel-login-ads-wrapper-background) !important;
    }
    .miracel-login-border-background {
        background-color: var(--miracel-login-border-color) !important;
    }
    .miracel-login-border-color {
        border-color: var(--miracel-login-border-color) !important;
    }
    .miracel-login-customer-brand-color {
        color: var(--miracel-login-customer-brand-color) !important;
    }
    .miracel-login-form-label-color {
        color: var(--miracel-login-form-label-color) !important;
    }
    .miracel-login-ad-color {
        color: var(--miracel-login-ad-color) !important;
    }
    .miracel-panel-login__miracel-box {
        background-color: rgba(201, 218, 236, 0.75);
        padding: 0 0 32px 0;
        border-radius: 0 0 1rem 1rem;
    }

    @media only screen and (min-width: 992px) {
        .miracel-panel-login__miracel-box {
            background-color: rgba(2, 1, 95, 0.75);
            max-width: 322px;
            border-radius: 0 1rem 1rem 0;
            padding: 0 0 0 0;
        }
    }

    .miracel-panel-login__form-input {
        background-color: transparent;
    }
    .miracel-panel-login__form-input:-webkit-autofill,
    .miracel-panel-login__form-input:-webkit-autofill:hover,
    .miracel-panel-login__form-input:-webkit-autofill:focus,
    .miracel-panel-login__form-input:-webkit-autofill:active{
        -webkit-background-clip: text;
        -webkit-text-fill-color: var(--miracel-login-form-label-color);
        transition: background-color 5000s ease-in-out 0s;
        box-shadow: inset 0 0 20px 20px var(--miracel-login-box-background);
    }
    .miracel-panel-login__form-submit {
        border-radius: 8px;
        padding: 8px 12px;
        font-size: 14px;
        border: 0;
        outline: 0;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15),0 1px 3px 1px rgba(0,0,0,.15)!important;
        background-color: var(--miracel-login-submit-form-background);
        color: var(--miracel-login-submit-form-color);
        transition: all 250ms ease-in-out;
    }
    .miracel-panel-login__form-submit:hover,
    .miracel-panel-login__form-submit:focus {
        background-color: var(--miracel-login-ads-wrapper-background);
    }
    .miracel-panel-login__form-submit:focus {
        border: 0;
        outline: 0;
    }
    .miracel-panel-login__form-submit:active {
        background-color: var(--miracel-login-ads-wrapper-background);
    }
</style>
