div#firebaseui-auth-container {
    width: 100%;
}
    .firebaseui-card-header {
        /* padding: 0; */
        display: none;
    }
    .firebaseui-card-content {
        padding: 0;
    }
    .firebaseui-textfield {
        padding: 0;
        margin-bottom: 1em;
        display: flex;
        flex-direction: column;
    }
    .firebaseui-container.mdl-card {
        box-shadow: none;
        background-color: transparent;
    }
    h1.firebaseui-title {
        display: none;
    }
    .helpful {
        text-align: center;
    }
    #greeting {
        display: none;
        padding: 1em 2em;
        text-align: center;
    }
    .firebaseui-input {
        border: 0 none;
        background-color: #FFF;
        padding: 1em;
    }
        .firebaseui-textfield.mdl-textfield .firebaseui-input::placeholder {
            color: grey;
            opacity: 1;
        }

    .mdl-textfield__input {
        border: 0 none;
        background-color: #FFF;
        padding: 1em;
    }
        .mdl-textfield__input:focus,
        .firebaseui-textfield.mdl-textfield .firebaseui-input:focus {
            border: solid 1px #32C6A9;
        }
        input.firebaseui-input-invalid {
            border: 1px solid #dc0000;
        }
    .mdl-textfield--floating-label .mdl-textfield__label {
        position: relative;
        margin: 0 0 .35em;
        top: unset;
        left: unset;
        bottom: unset;
        right: unset;
        font-size: 16px;
    }
    .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
        font-size: inherit;
        margin: 0 0 .35em;
        top: unset;
        left: unset;
        bottom: unset;
        right: unset;
    }
    .firebaseui-error.firebaseui-text-input-error {
        color: #dc0000;
    }
    .firebaseui-link {
        color: #32C6A9;
    }
    .mdl-button--primary.mdl-button--primary {
        margin: 0 1em 0 0;
    }
    .firebaseui-form-actions > .mdl-button--primary.mdl-button--primary {
        background-color: transparent;
        border: solid 2px var(--e-global-color-accent);
        padding: 11px 25px 9px;
        border-radius: 25px;
        color: var(--e-global-color-accent);
        cursor: pointer;
    }
    .mdl-button--raised.mdl-button--colored {
        border: 0 none;
        background-color: var(--btn-bg);
        color: #FFF;
        font-family: TTCommons, Sans-serif;
        font-size: 18px;
        padding: 12px 25px 10px;
        border-radius: 25px;
        cursor: pointer;
    }
        .mdl-button--raised.mdl-button--colored:focus {
            border: 0 none !important;
            outline-width: 0;
            outline-color: transparent !important;
        }
        .mdl-button--raised.mdl-button--colored:focus-visible {
            outline-width: 0;
        }
    .firebaseui-card-actions {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
        .firebaseui-form-links {
            text-align: center;
            margin: 2em 0 0;
            order: 2;
        }
            a.firebaseui-link.firebaseui-id-secondary-link {
                text-decoration: underline;
            }
        .firebaseui-form-actions {
            display: block;
            text-align: center;
        }
        input.mdl-textfield__input:focus-visible {
            outline-color: var( --e-global-color-accent );
        }
        input.mdl-textfield__input.firebaseui-input-invalid:focus-visible {
            outline-color: #dc0000;
        }