/* CSS: Start */
[part='account'] .signin {
    height: 100vh;

    /* Article: Start */
    article:first-child {
        align-items: center;
        background-color: #fff;
        justify-content: center;

        /* Responsive: Start */
        @media (min-width: 1024px) {
            display: flex;
        }
        /* Responsive: End */

        /* Image: Start */
        .icontainer img { height: auto; resize: both; width: 100%; }
        /* Image: End */
    }
    /* Article: End */

    /* Column: start */
    .column {
        align-items: flex-end;
        display: flex;
        flex-flow: row wrap;
        gap: .75rem;
        overflow: visible;

        /* Field: Start */
        .field, .fieldbutton, .containereditor { flex: 1; }
        /* Field: End */
    }
    /* Column: End */

    /* Field Button: Start */
    .fieldbutton {
        align-items: flex-start;

        &.center { justify-content: center; }
    }
    /* Field Button: End */

    /* Footer: Start */
    .cfooter {
        width: 100%;

        /* Or: Start */
        .or { padding-bottom: 0; padding-top: 0; width: 100%; }
        /* Or: End */

        /* Field Button: Start */
        .fieldbutton.center {
            height: auto;

            /* Link: Start */
            .link { margin-bottom: 0; margin-top: 0; }
            /* Link: End */
        }
        /* Field Button: End */
    }
    /* Footer: End */

    /* Or: Start */
    .or {
        padding-bottom: 1rem;
        padding-top: 1rem;
        position: relative;

        /* Typography: Body: Start */
        [data-style='typobody'] {
            background-color: #fff;
            margin-bottom: 0;
            padding: .5rem;
            position: absolute;
                top: 50%;
                left: 50%;
            transform: translate(-50%, -50%);
        }
        /* Typography: Body: End */
    }
    /* Or: End */

    /* Sign Up: Start */
    .cards.signup {
        overflow: visible;

        /* Body: Typography: Text: Start */
        .cbody em[data-style='typobody'] { margin-bottom: 0; }
        /* Body: Typography: Text: End */
    }
    /* Sign Up: End */

    /* Responsive: Start */
    @media (min-height: 300px) {
        footer { display: none; }
    }

    @media (min-height: 768px) {
        footer { display: block; }
    }
    /* Responsive: End */
}

/* Modal: Terms & Privacy: Start */
[part='account'] .modal { display: flex; flex-direction: column; }

/* Body: Start */
[part='account'] .modal:not([data-placement]) .mbody { max-height: 66vh; }

[part='account'] .modal .mbody { height: auto; margin-top: 0; }

/* Container: Start */
[part='account'] .modal .mbody .mbcontainer { display: flex; flex-direction: column; gap: 1.25rem; }

/* Typography: Text: Start */
[part='account'] .modal .mbody .mbcontainer [data-style='typobody'] em {
    display: block;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
}

[part='account'] .modal .mbody .mbcontainer [data-style='typobody'] a { color: #0070c9; }
/* Typography: Text: End */
/* Container: End */
/* Body: End */
/* Modal: Terms & Privacy: End: */
/* CSS: End */