.firebaseui-container.mdl-card {
  background: transparent;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  max-width: none;
  width: 100%;
}
.firebaseui-container.firebaseui-id-page-callback {
  background: transparent;
  box-shadow: none;
  margin-top: 40px;
  height: 84px;
  min-height: 0;
  margin-bottom: 0;
  padding-top: 0;
}
.firebaseui-card-header {
  display: none;
  visibility: hidden;
}
.firebaseui-id-list-box-dialog-button,
.firebaseui-list-box-dialog-button,
.firebaseui-button,
.firebaseui-id-country-selector {
  box-shadow: none;
}
.firebaseui-dialog.mdl-dialog {
  width: 96%;
  max-width: 400px;
  border-radius: 8px;
}
.firebaseui-card-footer {
  display: none;
  visibility: hidden;
}
.firebaseui-container .firebaseui-card-actions {
  padding: 8px 24px 8px 24px;
}
.firebaseui-resend-container {
  display: none;
  visibility: hidden;
}
.firebaseui-info-bar.firebaseui-id-info-bar {
  display: block;
  position: fixed;
  top: auto;
  left: var(--space-2-5);
  bottom: var(--space-2-5);
  right: var(--space-2-5);
  border-radius: var(--radius-m);
  max-width: 560px;
  margin: 0 auto;
  padding: var(--space-2);
  text-align: left;
  color: #fff;
  background: rgba(0,0,0,.88);
  box-shadow: none;
  border: none;
}
.firebaseui-info-bar-message {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: none;
  text-align: left;
  font-size: var(--font-size-xs) !important;
  line-height: var(--line-height-xs) !important;
  color: #fff;
}
.firebaseui-info-bar-message a {
  flex: auto 0 0;
  margin: 0 0 0 var(--space-1-5);
  padding: var(--space-0-5);
  font-size: var(--font-size-xs) !important;
  line-height: var(--line-height-xs) !important;
  font-weight: var(--font-weight-m) !important;
  text-decoration: none !important;
  color: #fff !important;
}
.firebaseui-container .firebaseui-busy-indicator {
  display: none;
  visibility: hidden;
}
.firebaseui-container .firebaseui-button,
.firebaseui-container .firebaseui-button.mdl-button--raised.mdl-button--colored,
.firebaseui-container .firebaseui-button.mdl-button--primary.mdl-button--primary,
.firebaseui-container .firebaseui-idp-button {
  border-radius: var(--radius-m) !important;
  box-shadow: none !important;
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  text-transform: none !important;
  text-align: center !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
  padding: 12px 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  transition: var(--transition-default) !important;
}
.firebaseui-container .firebaseui-button:hover,
.firebaseui-container
  .firebaseui-button.mdl-button--raised.mdl-button--colored:hover,
.firebaseui-container
  .firebaseui-button.mdl-button--primary.mdl-button--primary:hover,
  .firebaseui-container .firebaseui-button:focus,
.firebaseui-container
  .firebaseui-button.mdl-button--raised.mdl-button--colored:focus,
.firebaseui-container
  .firebaseui-button.mdl-button--primary.mdl-button--primary:focus,
  .firebaseui-container .firebaseui-button:active,
.firebaseui-container
  .firebaseui-button.mdl-button--raised.mdl-button--colored:active,
.firebaseui-container
  .firebaseui-button.mdl-button--primary.mdl-button--primary:active,
.firebaseui-container .firebaseui-idp-button:hover {
  background-color: var(--color-primary-dark) !important;
}
.firebaseui-container .firebaseui-idp-text.firebaseui-idp-text-short {
  display: none !important;
  visibility: hidden !important;
}
.firebaseui-container .firebaseui-idp-text.firebaseui-idp-text-long {
  display: block !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
  width: 100% !important;
}
.firebaseui-container .firebaseui-idp-icon-wrapper {
  display: none;
  visibility: hidden;
}
.firebaseui-container
  .firebaseui-card-actions
  .firebaseui-id-secondary-link.firebaseui-button {
  display: none;
  visibility: hidden;
}
.firebaseui-container
  .firebaseui-textfield.mdl-textfield
  .firebaseui-label:after {
  background: var(--color-primary);
}
.firebaseui-container .firebaseui-link {
  color: var(--color-primary);
}
.firebaseui-container .firebaseui-form-actions {
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
  padding: 0;
  width: 100%;
}
.firebaseui-container .firebaseui-form-actions .firebaseui-button {
  display: block;
  width: 100%;
  margin: 0 0 var(--space-1) 0;
}
.firebaseui-container .firebaseui-card-content {
  padding: 0;
}
.firebaseui-container .firebaseui-card-actions {
  padding: 0;
}
.firebaseui-container .firebaseui-phone-number .firebaseui-id-country-selector {
  margin-right: var(--space-1-5);
}
.firebaseui-container .firebaseui-form-actions div:first-child {
  position: absolute;
  right: -9999px;
  transform: scale(0);
}
.firebaseui-container .firebaseui-country-selector,
.firebaseui-container .firebaseui-country-selector:hover {
  margin-top: var(--space-1);
  margin-bottom: var(--space-2-5);
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: var(--font-size-m);
  background-image: url(https://www.gstatic.com/images/icons/material/system/2x/arrow_drop_down_grey600_20dp.png);
  background-size: 20px auto;
  width: 96px;
}
.firebaseui-container .firebaseui-label {
  display: none;
  visibility: hidden;
}
.firebaseui-container .firebaseui-textfield {
  padding-top: var(--space-1);
  padding-bottom: var(--space-2-5);
}
.firebaseui-container .firebaseui-textfield:not(.is-dirty):after {
  content: "";
  display: block;
  position: absolute;
  top: 0.7em;
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
  color: var(--color-content-3);
  pointer-events: none;
}
.firebaseui-container .firebaseui-textfield.firebaseui-phone-input-wrapper:not(.is-dirty):after {
  content: "Phone number"
}
.firebaseui-container.firebaseui-id-page-phone-sign-in-finish .firebaseui-textfield:not(.is-dirty):after {
  content: "6-digit code"
}
.firebaseui-container .firebaseui-textfield input {
  padding: 6px 0;
  font-size: var(--font-size-m);
  box-shadow: 0 1px 0 var(--color-content-5);
  border-bottom: none;
}
.firebaseui-container .firebaseui-textfield input:focus {
  box-shadow: 0 2px 0 var(--color-primary);
}
.firebaseui-container .firebaseui-phone-number-error {
  margin-left: 108px;
}
.firebaseui-container .firebaseui-change-phone-number-link {
  display: inline-block;
  width: auto;
}
.firebaseui-container .firebaseui-text {
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-s);
  line-height: var(--line-height-m);
  color: var(--color-content-2);
}

/* ACCESSIBILITY */

/* Interactive */

.firebaseui-container .firebaseui-form-actions .firebaseui-button:focus,
.firebaseui-container .firebaseui-idp-button:focus {
  box-shadow: 0 0 0 2px var(--color-wash), 0 0 0 4px var(--color-primary) !important;
}

.firebaseui-container .firebaseui-form-actions .firebaseui-button:focus-visible,
.firebaseui-container .firebaseui-form-actions .firebaseui-button:active,
.firebaseui-container .firebaseui-idp-button:focus-visible,
.firebaseui-container .firebaseui-idp-button:active {
  box-shadow: 0 0 0 2px var(--color-wash), 0 0 0 4px var(--color-primary) !important;
}