@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@700;800&display=swap");

:root {
  --auth-topbar-berry: #a21caf;
  --auth-topbar-border: #e4e2dd;
  --auth-topbar-font: "Outfit", sans-serif;
}

html {
  scrollbar-gutter: stable;
}
@supports not (scrollbar-gutter: stable) {
  html { overflow-y: scroll; }
}

.auth-topbar {
  align-self: stretch;
  width: 100%;
  background: #faf8f5;
  border-bottom: 1px solid var(--auth-topbar-border);
  margin: 0;
  padding: 0;
}

.auth-topbar-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  height: 64px;
  display: flex;
  align-items: center;
}

.auth-topbar-brand {
  font-family: var(--auth-topbar-font);
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--auth-topbar-berry);
  text-decoration: none;
}

.auth-topbar-brand:hover { color: #86198f; }

@media (max-width: 520px) {
  .auth-topbar-wrap { padding: 0 16px; }
}