/* Embedded login starts in portrait, with an optional landscape view. */
footer a {
  color: #fff !important;
  text-decoration: none;
}

footer .legal-links {
  display: flex;
  align-items: center;
  gap: 10px;
}

footer .legal-links a {
  padding: 7px 12px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  font-weight: 750;
}

footer .legal-links a:hover,
footer .legal-links a:focus {
  background: #fff;
  color: #62344f !important;
}

.app-window {
  width: min(430px, 100%);
  height: min(880px, 95vh);
  transition: width .22s ease, height .22s ease;
}

.app-window.is-landscape {
  width: min(960px, 95vw);
  height: min(650px, 90vh);
}

.app-window header .view-switch {
  display: flex;
  align-items: center;
  gap: 7px;
}

.app-window header .view-button {
  width: 37px;
  height: 37px;
  border: 1px solid #e5c4d2;
  background: #fff;
  color: #723750;
  font-size: 24px;
  line-height: 1;
}

.app-window header .view-button.is-active {
  border-color: var(--berry);
  background: var(--berry);
  color: #fff;
  box-shadow: 0 5px 12px rgba(150, 63, 104, .25);
}

.app-window header .close-button {
  margin-left: 3px;
}

@media (max-width: 760px) {
  footer .legal-links {
    justify-content: center;
    flex-wrap: wrap;
  }
  .app-window,
  .app-window.is-landscape {
    width: 100%;
    height: 100dvh;
  }
}