/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.4.0, @magento/upward-security-headers: ~1.0.14, @magento/upward-js: ^5.3.2, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.1, @magento/peregrine: ~14.3.1, @magento/pagebuilder: ~9.3.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
.signInPage-root-un1 {
    grid-template-columns: minmax(auto, 512px);

    text-align: left;
}

@media (min-width: 960px) {
    .signInPage-root-un1 {
        row-gap: 3rem;
    } 
}

/* hide header in box on this page */
.signInPage-root-un1 [class*="title"] {
    display: none;
}

.signInPage-header--jO {

    text-align: center;
}

@media (min-width: 960px) {
    .signInPage-contentContainer-SyI {

        border: 1px solid var(--color-jagged-ice);
    }
}

.linkButton-root-QwB {

    max-width: 100%;

    color: var(--color-green);
    font-size: 1rem;
    font-weight: 500;
    text-decoration: underline;
    line-height: 1.25rem;    
}

.linkButton-root-QwB:hover {
    color: var(--color-dark-grey);
}

.linkButton-content-BzZ {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
.signIn-root-0rg {
    display: grid;
    gap: 1rem;
    justify-items: stretch;
    padding: 2rem 1.5rem;
}

.signIn-forgotPassword-XYi {
    display: block;
    text-decoration: underline;
    color: rgb(var(--venia-global-color-error));
    font-size: 0.8rem;
}

.signIn-form-O-4 {
    display: grid;
    row-gap: 0.9375rem;
}

.signIn-form-O-4 svg {
    stroke-width: 1px;
}

.signIn-modal-nbf {
    visibility: hidden;
    height: 100%;
    width: 100%;
    background-color: rgb(var(--venia-global-color-gray));
    text-align: center;
    position: absolute;
    bottom: 0;
}

.signIn-modal_active-5oW {
    visibility: visible;
    opacity: 0.9;
}

.signIn-buttonsContainer-aiT {
    display: grid;
    gap: 0.5rem;
    grid-auto-flow: row;
    justify-content: center;
    margin-top: 1rem;
    width: 100%;
}

.signIn-forgotPasswordButtonContainer-Wlr {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-self: start;
    text-align: center;
}

.signIn-forgotPasswordButton-MUW {

    padding: 0;
}

.signIn-forgotPasswordButton-MUW [class*="button-content"] {
    font-size: 0.875rem;
}

.signIn-title-bOn {
    font-size: 1.125rem;
    text-transform: capitalize;
}

.signIn-errorText--3B {
    font-weight: 400;
    color: var(--color-red);
}