@font-face {
  font-family: "Manrope Variable";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/manrope-latin.woff2") format("woff2");
}

html {
  --presentation: 255 255 255 !important;
  --text-primary: 23 23 23 !important;
  --text-secondary: 105 105 105 !important;
  --text-secondary-alt: 105 105 105 !important;
  --text-tertiary: 115 115 115 !important;
  --text-muted: 115 115 115 !important;
  --shimmer-dip: 177 177 177 !important;
  --link: 23 23 23 !important;
  --link-hover: 0 0 0 !important;
  --accent-primary: 23 23 23 !important;
  --accent-primary-hover: 0 0 0 !important;
  --ring-primary: 111 111 111 !important;
  --brand-purple: 23 23 23 !important;
  --header-primary: 255 255 255 !important;
  --header-hover: 250 250 250 !important;
  --header-button-hover: 243 243 243 !important;
  --surface-active: 241 241 241 !important;
  --surface-active-alt: 229 229 229 !important;
  --surface-hover: 243 243 243 !important;
  --surface-hover-alt: 229 229 229 !important;
  --surface-composer-hover: 243 243 243 !important;
  --surface-primary: 255 255 255 !important;
  --surface-primary-alt: 250 250 250 !important;
  --surface-primary-contrast: 241 241 241 !important;
  --surface-secondary: 250 250 250 !important;
  --surface-secondary-alt: 241 241 241 !important;
  --surface-tertiary: 241 241 241 !important;
  --surface-tertiary-alt: 255 255 255 !important;
  --surface-dialog: 255 255 255 !important;
  --surface-chat: 255 255 255 !important;
  --surface-code: 250 250 250 !important;
  --surface-submit: 23 23 23 !important;
  --surface-submit-hover: 0 0 0 !important;
  --surface-inverted: 23 23 23 !important;
  --surface-inverted-hover: 0 0 0 !important;
  --text-inverted: 255 255 255 !important;
  --surface-fixed: 255 255 255 !important;
  --surface-fixed-hover: 243 243 243 !important;
  --text-fixed: 23 23 23 !important;
  --border-light: 241 241 241 !important;
  --border-medium: 229 229 229 !important;
  --border-medium-alt: 229 229 229 !important;
  --border-heavy: 177 177 177 !important;
  --border-xheavy: 115 115 115 !important;
  --chart-widget-surface: 255 255 255 !important;
  --chart-widget-stroke: 229 229 229 !important;
  --radius: 0.5rem !important;
  --theme-control-radius: 0.375rem !important;
  --theme-surface-radius: 0.5rem !important;
  --theme-large-surface-radius: 0.75rem !important;
  --theme-font-family: "Manrope Variable", Inter, ui-sans-serif, system-ui, sans-serif !important;
  --theme-motion-fast: 120ms !important;
  --theme-motion-normal: 200ms !important;
  --theme-elevation-surface: 0 1px 3px 0 rgb(0 0 0 / 0.07), 0 1px 2px -1px rgb(0 0 0 / 0.06) !important;
  --font-size-xs: 0.6875rem !important;
  --font-size-sm: 0.8125rem !important;
  --font-size-base: 0.875rem !important;
  --font-size-lg: 1.0625rem !important;
  --font-size-xl: 1.25rem !important;
  --markdown-font-size: 0.875rem !important;
}

html.dark {
  --presentation: 25 25 25 !important;
  --text-primary: 243 243 243 !important;
  --text-secondary: 146 146 146 !important;
  --text-secondary-alt: 146 146 146 !important;
  --text-tertiary: 146 146 146 !important;
  --text-muted: 146 146 146 !important;
  --shimmer-dip: 88 88 88 !important;
  --link: 243 243 243 !important;
  --link-hover: 255 255 255 !important;
  --accent-primary: 243 243 243 !important;
  --accent-primary-hover: 255 255 255 !important;
  --ring-primary: 142 142 142 !important;
  --brand-purple: 243 243 243 !important;
  --header-primary: 19 19 19 !important;
  --header-hover: 25 25 25 !important;
  --header-button-hover: 38 38 38 !important;
  --surface-active: 38 38 38 !important;
  --surface-active-alt: 25 25 25 !important;
  --surface-hover: 38 38 38 !important;
  --surface-hover-alt: 46 46 46 !important;
  --surface-composer-hover: 38 38 38 !important;
  --surface-primary: 11 11 11 !important;
  --surface-primary-alt: 19 19 19 !important;
  --surface-primary-contrast: 25 25 25 !important;
  --surface-secondary: 19 19 19 !important;
  --surface-secondary-alt: 25 25 25 !important;
  --surface-tertiary: 25 25 25 !important;
  --surface-tertiary-alt: 25 25 25 !important;
  --surface-dialog: 25 25 25 !important;
  --surface-chat: 19 19 19 !important;
  --surface-code: 19 19 19 !important;
  --surface-submit: 243 243 243 !important;
  --surface-submit-hover: 255 255 255 !important;
  --surface-inverted: 243 243 243 !important;
  --surface-inverted-hover: 255 255 255 !important;
  --text-inverted: 11 11 11 !important;
  --surface-fixed: 11 11 11 !important;
  --surface-fixed-hover: 25 25 25 !important;
  --text-fixed: 243 243 243 !important;
  --border-light: 28 28 28 !important;
  --border-medium: 38 38 38 !important;
  --border-medium-alt: 38 38 38 !important;
  --border-heavy: 88 88 88 !important;
  --border-xheavy: 115 115 115 !important;
  --chart-widget-surface: 25 25 25 !important;
  --chart-widget-stroke: 38 38 38 !important;
}

html body,
html .font-sans {
  font-family: "Manrope Variable", Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.005em;
}

html.dark .bg-surface-submit,
html.dark .hover\:bg-surface-submit-hover:hover {
  color: rgb(11 11 11);
}

html.dark img[src$="logo-b13.svg"] {
  filter: invert(1);
}

.transform-gpu.items-center.justify-center .relative.size-10 {
  display: none;
}

.transform-gpu.items-center.justify-center .animate-fadeIn.mt-4,
.transform-gpu.items-center.justify-center .animate-fadeIn.mt-2 {
  display: none;
}

.mb-8.mt-2.flex.w-full.flex-wrap.items-stretch.justify-center {
  display: none;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary {
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary > main {
  flex-grow: 0;
  width: 100%;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary .mt-6.h-10.w-full {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  background: none;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary .mt-6.h-10.w-full img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary .mt-6.h-10.w-full::after {
  content: "COMPASS";
  margin-top: 1rem;
  font-family: "Manrope Variable", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: rgb(var(--text-primary));
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary main h1 {
  margin: 0 0 1.5rem;
  font-size: 0;
  line-height: 0;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary main h1::after {
  content: "Sign in to continue";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: rgb(115 115 115);
}

html.dark .relative.flex.min-h-screen.flex-col.bg-surface-primary main h1::after {
  color: rgb(146 146 146);
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary .w-authPageWidth > p,
.relative.flex.min-h-screen.flex-col.bg-surface-primary .w-authPageWidth > .mt-4 {
  display: none;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary a[href*="/oauth/openid"] {
  justify-content: center;
  min-height: 2.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: rgb(23 23 23);
  color: rgb(255 255 255);
  font-weight: 500;
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary a[href*="/oauth/openid"] svg,
.relative.flex.min-h-screen.flex-col.bg-surface-primary a[href*="/oauth/openid"] img {
  display: none;
}

html.dark .relative.flex.min-h-screen.flex-col.bg-surface-primary a[href*="/oauth/openid"] {
  background: rgb(243 243 243);
  color: rgb(11 11 11);
}

.relative.flex.min-h-screen.flex-col.bg-surface-primary .absolute.bottom-0,
.relative.flex.min-h-screen.flex-col.bg-surface-primary [role="contentinfo"] {
  display: none;
}