@charset "UTF-8";

/* apps/public-portal-app/src/styles.scss */
:root {
  --portal-primary: #3f5fac;
  --portal-deep: #2c4277;
  --portal-accent-blue: #385bbe;
  --portal-mint: #94e8dc;
  --portal-gold: #ffb900;
  --portal-ink: #162d4a;
  --portal-heading: #364153;
  --portal-heading-2: #414651;
  --portal-title: #28364d;
  --portal-enterprise-title: #202d43;
  --portal-body: #6a7282;
  --portal-muted: #606c80;
  --portal-muted-2: #5d7088;
  --portal-muted-3: #637087;
  --portal-muted-4: #717680;
  --portal-secondary-text: #4a5565;
  --portal-pill-text: #4e5052;
  --portal-trust-blue: #2563eb;
  --portal-footer-link: #e2e8f0;
  --portal-legal: #94a3b8;
  --portal-quote-role: #c8d8f5;
  --portal-white-75: #ffffffbf;
  --portal-white: #ffffff;
  --portal-page: #f8fafc;
  --portal-preview-bg: #fbfdfe;
  --portal-enterprise-bg: #fbfcfa;
  --portal-nav-active: #f0f3fa;
  --portal-pill-bg: #c6d7f8;
  --portal-tag-circle: #dbeafe;
  --portal-step-tile: #e8effc;
  --portal-module-small: #edf4fb;
  --portal-eco-wide: #e8f3ed;
  --portal-eco-tile-a: #e8effc;
  --portal-eco-tile-b: #eeebf8;
  --portal-hero-end: #dbe7ff;
  --portal-border: #e5e7eb;
  --portal-border-soft: #e2e8f0;
  --portal-avatar-ring: #e2e2e2;
  --portal-module-border: #d8e4f0;
  --portal-glass-border: #ffffff30;
  --portal-cta-ghost-border: #ffffff4d;
  --portal-card-divider: #dce4f4;
  --portal-connector: #669cff;
  --portal-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --portal-font-footer:
    "Cairo",
    "Inter",
    system-ui,
    sans-serif;
  --portal-container-max: 1280px;
  --portal-container-pad: 24px;
  --portal-navbar-h: 80px;
  --portal-r-sm: 6px;
  --portal-r-md: 8px;
  --portal-r-lg: 12px;
  --portal-r-xl: 14px;
  --portal-r-2xl: 16px;
  --portal-r-3xl: 20px;
  --portal-r-4xl: 24px;
  --portal-r-full: 100px;
  --portal-shadow-module: 0 8px 24px -8px #213e6410;
  --portal-shadow-preview: 24px 24px 24px #00000040;
}
.portal-container {
  width: 100%;
  max-width: var(--portal-container-max);
  margin-inline: auto;
  padding-inline: var(--portal-container-pad);
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  :root {
    --portal-container-pad: 40px;
    --portal-navbar-h: 146px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --portal-container-pad: 20px;
    --portal-navbar-h: 140px;
  }
}
@media (min-width: 1441px) {
  .portal-container {
    max-width: min(1600px, 100vw - 96px);
  }
}
:root {
  --rb-frame: 1440px;
  --rb-navy: #101345;
  --rb-blue: #087cf1;
  --rb-blue-deep: #0646b5;
  --rb-blue-bright: #0c75fc;
  --rb-body: #414b65;
  --rb-nav-text: #5b6372;
  --rb-placeholder: #8290aa;
  --rb-required: #d73d3d;
  --rb-footer-text: #c8d4de;
  --rb-nav-active: #d8e3ff;
  --rb-card-cool: #fbfdff;
  --rb-card-warm: #fffaf2;
  --rb-audience-bg: #f5faff;
  --rb-check-bg: #daecff;
  --rb-deploy-bg: #e6f2ff;
  --rb-demo-bg: #fcfeff;
  --rb-footer-bg: #091a24;
  --rb-icon-circle-cool: #e6f1fc;
  --rb-icon-circle-warm: #fcf0e0;
  --rb-icon-circle-deploy-cool: #d3e8fc;
  --rb-icon-circle-deploy-warm: #fef4e4;
  --rb-card-border: #edf3fa;
  --rb-audience-border: #eaf3fc;
  --rb-form-border: #edf4fc;
  --rb-input-border: #dbe6f1;
  --rb-divider: #d8e8f8;
  --rb-shadow-card: 0 12px 30px 0 rgba(53, 140, 235, 0.07);
}
.rb-accent {
  color: var(--rb-blue);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/inter/inter-var-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/cairo/cairo-var-latin.woff2) format("woff2");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  overflow-x: clip;
}
html {
  scroll-padding-top: var(--portal-navbar-h);
}
body {
  font-family: var(--portal-font);
  background: var(--portal-white);
  color: var(--portal-heading);
  -webkit-font-smoothing: antialiased;
}
img {
  max-width: 100%;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */