@import url("./basepagelayout.1e0099d244fd.css");
@import url("../components/formlabel.7dd9d27dfc3e.css");
@import url("../components/spacing.9cf074c8ba64.css");
@import url("../components/max-width.194419c52c4f.css");
@import url("../components/button.9afec1f60ae5.css");

.login-logo {
    fill: var(--color-primary);
    width: 4.5rem;
    height: 4.8rem;
    display: inline-block;
    margin-bottom: var(--spacing-lg);
}

@media (min-width: 720px) {
    .login-logo {
        width: 6.5rem;
        height: 7rem;
    }
}

.fieldwrapper {
    margin-bottom: var(--spacing-lg);
}

.label {
    display: block;
    font-weight: normal;
}

.box.box--warning {
    margin-bottom: var(--spacing-lg);
    color: var(--color-primary-dark);
    font-weight: bold;
    text-align: center;
}

.input {
    --border-color: var(--color-secondary-xlight);
    --color: var(--color-text);
    --background-color: var(--color-background);
    --placeholder-color: var(--color-muted);
    font-family: var(--font-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    padding: var(--input-padding-y) var(--input-padding-x);
    background-color: var(--background-color);
    color: var(--color);
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    display: inline-block;
    box-sizing: border-box;
    margin: var(--input-margin);
    outline: none;
    box-shadow: none;
    width: 100%;
    display: block;
}

.input:focus {
    --border-color: var(--color-secondary);
    --color: var(--color-text);
    --background-color: var(--color-background);
    --placeholder-color: var(--color-muted);
    outline: none;
}

.input::placeholder {
    color: var(--placeholder-color);
    font-style: italic;
    opacity: 1;
}

.button {
    display: block;
    width: 100%;
}

.adminui-page-section--center {
    text-align: center;
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
}