.firebaseui-container,
.mdl-textfield__input,
.mdl-button {
    font-family: Recursive, sans-serif;
}
.firebaseui-container.firebaseui-id-page-sign-in {
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(55, 44, 36, 0.25);
    border-radius: 20px;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 10%);
}
.firebaseui-idp-text {
    font-weight: 600;
}
.firebaseui-title {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.firebaseui-textfield.mdl-textfield .firebaseui-label::after {
    background-color: #372c24;
}

.firebaseui-container.firebaseui-id-page-sign-in .mdl-button {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mdl-button.mdl-button--colored {
    color: #372c24;
}

.mdl-button--raised.mdl-button--colored {
    background: #372c24;
    color: #fff8e4;
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: #372c24;
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: #372c24;
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: #372c24;
}

.mdl-button--primary.mdl-button--primary {
    color: #372c24;
}

.mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #fff8e4;
    background-color: #372c24;
}

.mdl-progress>.progressbar {
    background-color: #372c24;
}

.mdl-progress>.bufferbar {
    background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#372c24,#372c24);
}

.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
    background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#372c24,#372c24);
}
.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(to right,#372c24,#372c24)
}

.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: #372c24;
}

.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-color: #372c24;
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #372c24;
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #372c24;
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #372c24;
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #372c24;
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #372c24;
}

.mdl-textfield__label:after {
    background-color: #372c24;
}

.firebaseui-textfield.mdl-textfield .firebaseui-label::after {
    background-color: #372c24;
}

.mdl-card {
    background: #fff8e4;
}


.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #fff8e4;
}


.mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: #fff8e4;
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fff8e4;
}


.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #fff8e4;
}


.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fff8e4;
}

.mdl-button--accent.mdl-button--accent.mdl-button--fab,.mdl-button--accent.mdl-button--accent.mdl-button--raised {
    color: #fff8e4;
    background-color: #ff4081;
}

.mdl-card {
    background: #fff8e4;
}

.firebaseui-container {
    background-color: #fff8e4;
}