form img[alt="logo"] {
  max-height: 24px;
  height: 24px;
}

.cms-engine-modal [role="dialog"] > img,
div[role="dialog"] img[data-qa="Logo--image-component"] {
  width: 96px !important;
  height: auto !important;
}

.FormView__FormContentView {
  padding: 2rem !important;
}

div[role="dialog"] {
  align-items: flex-start !important;
}

div[role="dialog"] button {
  outline: none !important;
}

div.LayerPortal button[data-qa="FormCloseButton"] {
  box-sizing: border-box !important;
  border: 2px solid transparent !important;
}

div.LayerPortal button[data-qa="FormCloseButton"]:focus {
  border: 2px solid rgb(0, 0, 0) !important;
}

div[role="dialog"].cpeVuJ p {
  padding-bottom: 4em;
}

div[role="dialog"].cpeVuJ div div {
  justify-content: start !important;
  gap-x: 48px;
}

div[role="dialog"].cpeVuJ img[data-qa="Logo--image-component"] {
  width: 96px !important;
  margin-top: -32px;
}

form .SuiButton {
  margin-top: 4rem;
}

form .SuiLabel {
  display: none !important;
}

form .SuiTextInput-input {
  padding-inline: 0px !important;
}

form .SuiField__placeholder {
  padding-left: 0px !important;
}

form div[data-qa="FormLogo__container"] {
  padding-top: 0px !important;
}

form div[data-qa="FormHeadline"] {
  padding-bottom: 0.5rem !important;
}

form div[data-qa="FormHeadline"] span {
  display: flex;
  flex-direction: column;
}

form div[data-qa="FormHeadline"] p {
  font-size: 32px !important;
  font-style: normal !important;
  font-weight: 325 !important;
  line-height: 130% !important;
  letter-spacing: -0.64px !important;
}

@media only screen and (max-width: 799px) {
  form div[data-qa="FormHeadline"] p {
    font-size: 26px !important;
    line-height: 130% !important;
    letter-spacing: -0.52px !important;
  }
}

form div .SuiContainer {
  margin-bottom: 2rem !important;
}

.body-container {
  position: fixed !important;
  inset: 0px !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.root-container {
  flex: 1;
  display: flex !important;
}

.root-wrapper {
  flex: 1;
  display: flex !important;
  flex-direction: column;
}

@media only screen and (max-width: 1024px) {
  .root-wrapper {
    justify-content: flex-end !important;
  }

  #splash-container.is-responsive-tablet .text-group[id] {
    padding-bottom: 0 !important;
  }

  #splash-container#splash-container .button-group {
    padding-top: 2rem !important;
  }
}

@media only screen and (max-width: 799px) {
  #splash-container.is-responsive-phone .text-group {
    padding-bottom: 30vh !important;
  }
}

@media only screen and (max-width: 799px) {
  .SuiModal {
    padding: 0 !important;
  }

  .SuiModalContainer {
    border-radius: 0 !important;
  }
}

.title {
  flex: 1;
}

@media only screen and (min-width: 700px) {
  div.LayerPortal button[data-qa="FormCloseButton"] {
    padding: 10px;
    margin-top: 10px;
    margin-right: 10px;
  }
}

.edit-tools {
  position: absolute !important;
}

.SuiNotificationPopover {
  display: none !important;
}

/* Confirmation dialog */
@media only screen and (max-width: 799px) {
  .cms-engine-modal {
    padding: 0 !important;
  }

  .cms-engine-modal [role="dialog"] {
    max-width: none !important;
    border-radius: 0 !important;
    min-height: 100% !important;
  }
}

.cms-engine-modal [role="dialog"] > a:last-child {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
}