#modify-account-view.preset-google .full-url,
#modify-account-view.preset-yahoo .full-url {
  display: none;
}

#modify-account-view.create .delete-record {
  display: none;
}

:target#remove-account-dialog {
  display: block;
}

#modify-account-view .during-progress {
  display: none;
  pointer-events: none;
}

#modify-account-view.in-progress .during-progress {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #fff;
}

#modify-account-view.in-progress .during-progress > div {
  margin: 16rem 1.5rem 0;
  padding-top: 1.2rem;
  border-top: 0.1rem solid #bebebe;
}

#modify-account-view.in-progress .during-progress > div > span {
  display: inline-block;
  width: calc(100% - 4rem);
  vertical-align: middle;
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0.024rem;
  word-spacing: 0.1rem;
}

#modify-account-view.in-progress .during-progress > div > progress {
  line-height: normal;
  margin-inline-end: 0.5rem;
}

#modify-account-view.in-progress button,
#modify-account-view.in-progress form {
  display: none;
}

#modify-account-view form ol {
  margin-top: 1.5rem;
}

#modify-account-view form li {
  margin: 0;
  padding: 0 1.5rem 1rem;
}

#modify-account-view form li,
#modify-account-view form li input {
  font-size: 1.7rem;
}


#remove-account-dialog {
  display: none;
}

#remove-account-dialog p {
  font-size: 2.2rem;
}

#modify-account-view.auth-oauth2.create .user,
#modify-account-view .sync-errors,
#modify-account-view .oauth2-sign-in {
  display: none;
}

#modify-account-view.auth-oauth2.create .oauth2-sign-in,
#modify-account-view.auth-oauth2.error .sync-errors,
#modify-account-view.auth-oauth2.error .oauth2-sign-in {
  display: block;
}

#modify-account-view .sync-errors p {
  margin: 0;
  height: 3rem;
  background: transparent url('icons/accountwarning.png') no-repeat left top;
  -moz-padding-start: 3.5rem;
  line-height: 3rem;
}

#modify-account-view.auth-oauth2 .save,
#modify-account-view.auth-oauth2 .password {
  display: none;
}

#modify-account-view.remove-dialog #modify-account-header,
#modify-account-view.remove-dialog .modify-account-form {
  visibility: hidden;
}

#oauth2 {
  display: none;
  z-index: 1000000;
  background: white;
}

#oauth2.active {
  display: block;
}

#oauth2 gaia-header h1 {
  /* should always display the beginning of the URL */
  direction: ltr;
}

#oauth2 .browser-container {
  width: 100%;
  /* -5rem for the header */
  height: calc(100% - 4rem);
}

#oauth2 .browser-container > iframe {
  padding: 0;
  margin: 0;
  border: none;
  height: 100%;
  width: 100%;
}