.box {
    --font-clr: var(--white);
    --sst-form-control-border-radius: 0px;
    --sst-form-control-border-color: var(--white);
    --sst-checkbox-border-color: var(--white);
    --sst-checkbox-border-radius: 0px;
    --sst-form-control-padding: .5em 1em;
    --sst-button-border-radius: 0px;
    --sst-form-control-border-width: 1px;

    border-radius: 0;
    background-color: var(--clr-grey-dark);
    width: min(calc(100vw - 4rem), 30rem);
    margin: 0 auto;
    padding: 2rem;

}

.box form {
    --label-inactive-top: .6em;
    --sst-form-control-height: auto;
}

body * + * {
    margin-top: 2em;
}

.box form label.c-sst-label {
    font-size: var(--field-font-size);
}

.box form label.c-sst-label.active {
    font-size: 1.25rem;
}

.logo__item {
    width: min(35rem, calc(100vw - 4rem));
    margin: 0 auto;
}

input {
    border-color: var(--border-color);
}

input:focus-visible,
input:focus {
    border-color: var(--clr-primary);
    box-shadow: none !important;
}

input[type="submit"]{
    background-color: var(--clr-primary);
    border-radius: 0;
    padding: 1em 2em;
}

.l-sst-form input[type="submit"]:focus {
    box-shadow: none;
}

.c-sst-checkbox{
    top: unset;
    left: unset;
}

#ForgotPassword{
    margin-top: 1.5rem;
    margin-bottom: 0;
}