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

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

}

.box form {
    --sst-form-control-height: auto;
}

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

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

input:not([type="submit"]) {
    border-color: var(--black) !important;
}

input[type="submit"]{
    background-color: var(--clr-primary) !important;
    border-radius: 50px !important;
    padding: .75em 2em !important;
    color: var(--white) !important;
}

.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;
}