/* 760px of 1440px in the design */
.brandPanel[data-v-f695badc] {
    flex: 0 0 52.8%;
}
.brandGlow[data-v-f695badc] {
    left: 20%;
    top: -40px;
    width: 108%;
    height: 620px;
    background: radial-gradient(closest-side, rgb(var(--primary-orange) / 0.16), rgb(var(--primary-orange) / 0));
}
.formGlow[data-v-f695badc] {
    left: -320px;
    top: -10px;
    width: 640px;
    height: 560px;
    background: radial-gradient(closest-side, rgb(var(--primary-orange) / 0.07), rgb(var(--primary-orange) / 0));
}

/* The inputs live in the page's form, so they are styled through the slot */
.authInput[data-v-f695badc-s] {
    height: 46px;
    padding: 0 14px;
    border-radius: 10px;
    background-color: rgb(var(--night-surface));
    border: 1px solid rgb(var(--night-line));
    color: rgb(var(--night-content));
    font-family: inherit;
    font-size: 14px;
}

/* Room for the show-password button */
.authInput.authInputToggle[data-v-f695badc-s] {
    padding-right: 44px;
}
.authInput[data-v-f695badc-s]::-moz-placeholder {
    color: rgb(var(--night-content-muted) / 0.6);
    font-family: inherit;
    font-size: 14px;
}
.authInput[data-v-f695badc-s]::placeholder {
    color: rgb(var(--night-content-muted) / 0.6);
    font-family: inherit;
    font-size: 14px;
}
.authInput[data-v-f695badc-s]:focus {
    border-color: rgb(var(--primary-orange));
    box-shadow: 0 0 0 1px rgb(var(--primary-orange));
    outline: none;
}

/* Submit button with the orange glow from the design */
.authButton[data-v-f695badc-s] {
    box-shadow: 0 1px 0 rgb(255 255 255 / 0.3) inset, 0 10px 30px -10px rgb(var(--primary-orange) / 0.55);
}