/* node_modules/@atmosphere/foundations/design-tokens/css/global.css */
:root {
  --atm-font-letter-spacing-heading-6: 0;
  --atm-font-letter-spacing-heading-5: 0;
  --atm-font-letter-spacing-heading-4: 0;
  --atm-font-letter-spacing-heading-3: 0;
  --atm-font-letter-spacing-button-large: 0;
  --atm-font-letter-spacing-button-medium: 0;
  --atm-font-letter-spacing-button-small: calc(0.2 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-letter-spacing-body-large: 0;
  --atm-font-letter-spacing-body-medium: 0;
  --atm-font-letter-spacing-body-small: calc(0.2 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-root: 16px;
  --atm-font-weight-700: 700;
  --atm-font-weight-500: 500;
  --atm-font-weight-400: 400;
  --atm-font-weight-350: 350;
  --atm-font-family-cisco-sans:
    CiscoSans,
    Arial,
    sans-serif;
  --atm-grid-columns-max: 12;
  --atm-grid-columns-x-large: 12;
  --atm-grid-columns-large: 12;
  --atm-grid-columns-medium: 6;
  --atm-grid-columns-small: 6;
  --atm-shell-max-width-max: 1520px;
  --atm-screens-max: 1600px;
  --atm-screens-x-large: 1200px;
  --atm-screens-large: 992px;
  --atm-screens-medium: 768px;
  --atm-screens-small: 240px;
  --atm-motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --atm-motion-easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --atm-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --atm-motion-easing-linear: linear(0, 0, 1, 1);
  --atm-motion-duration-xslow: 700ms;
  --atm-motion-duration-slow: 400ms;
  --atm-motion-duration-moderate: 250ms;
  --atm-motion-duration-fast: 150ms;
  --atm-motion-duration-xfast: 75ms;
  --atm-spacing-sizing-factor: 4px;
  --atm-color-transparent: rgba(0, 0, 0, 0);
  --atm-color-whitealpha-50: rgba(255, 255, 255, 0.5);
  --atm-color-whitealpha-30: rgba(255, 255, 255, 0.3);
  --atm-color-blackalpha-50: rgba(0, 0, 0, 0.5);
  --atm-color-blackalpha-30: rgba(0, 0, 0, 0.3);
  --atm-color-blackalpha-18: rgba(0, 0, 0, 0.18);
  --atm-color-blackalpha-12: rgba(0, 0, 0, 0.12);
  --atm-color-blackalpha-8: rgba(0, 0, 0, 0.08);
  --atm-color-blackalpha-5: rgba(0, 0, 0, 0.05);
  --atm-color-bluegray-100: #0f2b4d;
  --atm-color-bluegray-90: #1f3959;
  --atm-color-bluegray-80: #395373;
  --atm-color-bluegray-60: #768fad;
  --atm-color-bluegray-40: #a7bfdb;
  --atm-color-bluegray-20: #d0e0f2;
  --atm-color-bluegray-5: #e8f1fc;
  --atm-color-red-100: #360709;
  --atm-color-red-90: #4a080b;
  --atm-color-red-80: #660a0f;
  --atm-color-red-70: #850f14;
  --atm-color-red-60: #b0121a;
  --atm-color-red-50: #d91821;
  --atm-color-red-40: #f54952;
  --atm-color-red-30: #ff8087;
  --atm-color-red-20: #ffb0b4;
  --atm-color-red-10: #ffd4d6;
  --atm-color-red-5: #ffe8ea;
  --atm-color-orange-100: #291d0a;
  --atm-color-orange-90: #493618;
  --atm-color-orange-80: #6a4c1a;
  --atm-color-orange-70: #9a6a1d;
  --atm-color-orange-60: #c6800f;
  --atm-color-orange-50: #e89613;
  --atm-color-orange-40: #fbab2c;
  --atm-color-orange-30: #ffc365;
  --atm-color-orange-20: #ffd798;
  --atm-color-orange-10: #ffe6bd;
  --atm-color-orange-5: #fef7ec;
  --atm-color-yellow-100: #291d0a;
  --atm-color-yellow-90: #3d2c0d;
  --atm-color-yellow-80: #5c4411;
  --atm-color-yellow-70: #856013;
  --atm-color-yellow-60: #b88400;
  --atm-color-yellow-50: #e5ac00;
  --atm-color-yellow-40: #f7c223;
  --atm-color-yellow-30: #ffd557;
  --atm-color-yellow-20: #ffe495;
  --atm-color-yellow-10: #ffecb2;
  --atm-color-yellow-5: #fff4d1;
  --atm-color-green-100: #0c2900;
  --atm-color-green-90: #133305;
  --atm-color-green-80: #1c420b;
  --atm-color-green-70: #255210;
  --atm-color-green-60: #2c6611;
  --atm-color-green-50: #3d851c;
  --atm-color-green-40: #5cad37;
  --atm-color-green-30: #7bcc56;
  --atm-color-green-20: #a7e58a;
  --atm-color-green-10: #c9f2b6;
  --atm-color-green-5: #e3f7da;
  --atm-color-grayscale-100: #07182d;
  --atm-color-grayscale-95: #16283d;
  --atm-color-grayscale-90: #26384f;
  --atm-color-grayscale-80: #314257;
  --atm-color-grayscale-70: #425062;
  --atm-color-grayscale-60: #536070;
  --atm-color-grayscale-50: #667180;
  --atm-color-grayscale-40: #848d99;
  --atm-color-grayscale-30: #a1a9b2;
  --atm-color-grayscale-20: #b9c1c9;
  --atm-color-grayscale-15: #ced4db;
  --atm-color-grayscale-10: #e1e6eb;
  --atm-color-grayscale-5: #f2f5f7;
  --atm-color-grayscale-0: #ffffff;
  --atm-color-blue-100: #0f214d;
  --atm-color-blue-90: #12275c;
  --atm-color-blue-80: #15337d;
  --atm-color-blue-70: #0e3a99;
  --atm-color-blue-60: #124fc9;
  --atm-color-blue-50: #0a60ff;
  --atm-color-blue-40: #478eff;
  --atm-color-blue-30: #75aaff;
  --atm-color-blue-20: #91bfff;
  --atm-color-blue-10: #b8d5ff;
  --atm-color-blue-5: #e0eeff;
  --atm-color-brand-black: #000000;
  --atm-color-brand-white: #ffffff;
  --atm-color-brand-orange: #ff9000;
  --atm-color-brand-magenta: #ff007f;
  --atm-color-brand-ciscoblue: #02c8ff;
  --atm-color-brand-skyblue: #02c8ff;
  --atm-color-brand-medium-blue: #0a60ff;
  --atm-color-brand-midnightblue: #07182d;
  --atm-font-letter-spacing-heading-2: calc(-0.16 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-letter-spacing-heading-1: calc(-0.16 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-letter-spacing-display: calc(-0.16 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-500: calc(80 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-400: calc(64 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-350: calc(56 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-300: calc(48 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-250: calc(40 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-200: calc(32 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-175: calc(28 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-150: calc(24 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-125: calc(20 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-100: calc(16 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-85: calc(14 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-size-75: calc(12 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-600: calc(96 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-450: calc(72 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-400: calc(64 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-350: calc(56 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-300: calc(48 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-250: calc(40 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-200: calc(32 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-175: calc(28 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-150: calc(24 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-125: calc(20 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-line-height-100: calc(16 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-font-weight-heading: var(--atm-font-weight-700);
  --atm-font-weight-display: var(--atm-font-weight-700);
  --atm-font-weight-button: var(--atm-font-weight-500);
  --atm-font-weight-body-bold: var(--atm-font-weight-700);
  --atm-font-weight-body-normal: var(--atm-font-weight-400);
  --atm-font-weight-body-small-normal: var(--atm-font-weight-400);
  --atm-spacing-1-5: calc(6 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-40: calc(160 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-32: calc(128 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-24: calc(96 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-20: calc(80 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-16: calc(64 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-12: calc(48 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-10: calc(40 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-8: calc(32 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-6: calc(24 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-4: calc(16 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-3: calc(12 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-2: calc(8 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-spacing-1: calc(4 / var(--atm-app-font-size-root, 16) * 1rem);
  --atm-gradient-duotone-stops: var(--atm-color-brand-medium-blue) 0%, var(--atm-color-brand-ciscoblue) 100%;
  --atm-gradient-full-stops:
    var(--atm-color-brand-medium-blue) 5%,
    var(--atm-color-brand-ciscoblue) 35%,
    var(--atm-color-brand-ciscoblue) 48%,
    var(--atm-color-brand-magenta) 75%,
    var(--atm-color-brand-orange) 95%;
  --atm-font-size-heading-6: var(--atm-font-size-100);
  --atm-font-size-heading-5: var(--atm-font-size-125);
  --atm-font-size-heading-4: var(--atm-font-size-150);
  --atm-font-size-heading-3: var(--atm-font-size-175);
  --atm-font-size-heading-2: var(--atm-font-size-200);
  --atm-font-size-heading-1: var(--atm-font-size-250);
  --atm-font-size-display-4: var(--atm-font-size-300);
  --atm-font-size-display-3: var(--atm-font-size-350);
  --atm-font-size-display-2: var(--atm-font-size-400);
  --atm-font-size-display-1: var(--atm-font-size-500);
  --atm-font-size-button-small: var(--atm-font-size-75);
  --atm-font-size-button-medium: var(--atm-font-size-85);
  --atm-font-size-button-large: var(--atm-font-size-100);
  --atm-font-size-body-small: var(--atm-font-size-75);
  --atm-font-size-body-medium: var(--atm-font-size-85);
  --atm-font-size-body-large: var(--atm-font-size-100);
  --atm-font-line-height-heading-6: var(--atm-font-line-height-125);
  --atm-font-line-height-heading-5: var(--atm-font-line-height-150);
  --atm-font-line-height-heading-4: var(--atm-font-line-height-175);
  --atm-font-line-height-heading-3: var(--atm-font-line-height-200);
  --atm-font-line-height-heading-2: var(--atm-font-line-height-250);
  --atm-font-line-height-heading-1: var(--atm-font-line-height-300);
  --atm-font-line-height-display-4: var(--atm-font-line-height-350);
  --atm-font-line-height-display-3: var(--atm-font-line-height-400);
  --atm-font-line-height-display-2: var(--atm-font-line-height-450);
  --atm-font-line-height-display-1: var(--atm-font-line-height-600);
  --atm-font-line-height-button-small: var(--atm-font-line-height-100);
  --atm-font-line-height-button-medium: var(--atm-font-line-height-125);
  --atm-font-line-height-button-large: var(--atm-font-line-height-150);
  --atm-font-line-height-body-small: var(--atm-font-line-height-100);
  --atm-font-line-height-body-medium: var(--atm-font-line-height-125);
  --atm-font-line-height-body-large: var(--atm-font-line-height-150);
  --atm-grid-gutter-max: var(--atm-spacing-10);
  --atm-shell-gutter-x-large: var(--atm-spacing-10);
  --atm-shell-gutter-large: var(--atm-spacing-8);
  --atm-shell-gutter-medium: var(--atm-spacing-4);
  --atm-shell-gutter-small: var(--atm-spacing-4);
  --atm-gradient-duotone-linear: linear-gradient(to right, var(--atm-gradient-duotone-stops));
  --atm-gradient-full-linear: linear-gradient(to right, var(--atm-gradient-full-stops));
  --atm-grid-gutter-x-large: var(--atm-shell-gutter-x-large);
  --atm-grid-gutter-large: var(--atm-shell-gutter-large);
  --atm-grid-gutter-medium: var(--atm-shell-gutter-medium);
  --atm-grid-gutter-small: var(--atm-shell-gutter-small);
}

/* src/styles.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family:
    CiscoSans,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  line-height: 1.6;
  color: #191919;
  background-color: #f7f7f7;
}
:root {
  --atm-blue: var(--atm-color-blue-50, #049fd9);
  --atm-green: var(--atm-color-green-40, #6cc04a);
  --atm-gray-50: #f7f7f7;
  --atm-gray-100: #e5e5e5;
  --atm-gray-800: #333333;
  --atm-gray-900: #191919;
  --atm-success: var(--atm-color-green-40, #6cc04a);
  --atm-warning: var(--atm-color-orange-50, #f9a51a);
  --atm-error: var(--atm-color-red-50, #d91821);
}
.bg-atm-blue {
  background-color: var(--atm-blue);
}
.bg-atm-gray-50 {
  background-color: var(--atm-gray-50);
}
.text-white {
  color: white;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.min-h-screen {
  min-height: 100vh;
}
.flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
.items-center {
  align-items: center;
}
.space-x-6 > * + * {
  margin-left: 1.5rem;
}
.text-xl {
  font-size: 1.25rem;
}
.font-bold {
  font-weight: 700;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.transition-opacity {
  transition: opacity 0.2s;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-white {
  border-color: white;
}
.p-6 {
  padding: 1.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.text-2xl {
  font-size: 1.5rem;
}

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