@import 'Greymy.UI.v0s89a6izx.bundle.scp.css';

/* _content/Greymy.Server/Components/Pages/Login.razor.rz.scp.css */
.wrapper[b-lfh4vyjmwm] {
    background-color: black;
    height: 100vh;
    color: white;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.signin[b-lfh4vyjmwm] {
    width: 300px;
    flex: 1 0 auto;
}
.login-footer[b-lfh4vyjmwm] {
    color: #aaa;
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 10px;
    flex-shrink: 0;
}
.login-footer a[b-lfh4vyjmwm] {
    font-size: 14px;
    color: #b91c3b;
}
.continue-button[b-lfh4vyjmwm] {
    width: 182px;
    height: 47px;
    border: 3px solid #b91c3b;
    background-color: white;
    color: #b91c3b;
    font-weight: 300;
    text-transform: uppercase;
}
a[b-lfh4vyjmwm] {
    font-size: 18px;
    color: lightgray;
    text-decoration: underline;
}
a.hover[b-lfh4vyjmwm] {
    color: white;
}
div.login[b-lfh4vyjmwm] {
    position: relative;
}
.login label[b-lfh4vyjmwm]{
    z-index: 100;
    left:0;
    text-transform:uppercase;
    margin:0 10px 0 0;
}

[b-lfh4vyjmwm] .login input {
    position: absolute;
    left:0;
    padding-left:100px;
    border:none;
    border-bottom: 2px solid #4b1313;
    background:transparent;
    outline:none;
    color:#e6e6e6;
}
.login input:-webkit-autofill[b-lfh4vyjmwm],
.login input:-webkit-autofill:hover[b-lfh4vyjmwm],
.login input:-webkit-autofill:focus[b-lfh4vyjmwm],
.login input:-webkit-autofill:active[b-lfh4vyjmwm] {
    -webkit-box-shadow: 0 0 0 30px black inset !important;
}

.login input:-webkit-autofill[b-lfh4vyjmwm] {
    -webkit-text-fill-color: white !important;
}

.signin-button[b-lfh4vyjmwm] {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1.3em;
    font-family: 'Old Standard TT';
    background-color: transparent;
    color: lightgray;
    border: 1px solid grey;
    padding: 7px 40px 7px 40px;
}
.signin-button:hover[b-lfh4vyjmwm] {
    border-color: white;
}
#restoreBtn[b-lfh4vyjmwm] {
    margin-top:20px;
    font-size:1.2em;
    cursor: pointer;
    border: 0;
    background: none;
    text-decoration: underline;
    color: lightgray;
    outline: none;
}
#restoreBtn:hover[b-lfh4vyjmwm] {
    color: white;
}
.signin-button.loading[b-lfh4vyjmwm] {
    background: linear-gradient(to right, #000 1%, #4b1313 6%, #000 3%, #000 100%);
    background-size: 200% auto;
    color: grey;
    animation: shine-b-lfh4vyjmwm 2s linear infinite;

}
.input-validation-error[b-lfh4vyjmwm] {
    border-bottom: 2px solid red !important;
}
@keyframes shine-b-lfh4vyjmwm {
    to {
        background-position: 200% center;
    }
}