/* src/styles.scss */
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer mfe-mnc-documents {
  @layer theme {
    .mnc-notification-web-component :root,
    .mnc-notification-web-component :host {
      --color-red-100: #fdccd0;
      --color-red-200: #fcacb2;
      --color-red-300: #da848b;
      --color-red-400: #b50917;
      --color-red-500: #870611;
      --color-red-600: #5a040b;
      --color-yellow-100: #fcecba;
      --color-yellow-200: #fadd85;
      --color-yellow-300: #e7c38e;
      --color-yellow-400: #cf881d;
      --color-yellow-500: #9a6516;
      --color-yellow-600: #67430f;
      --color-green-100: #ceedd5;
      --color-green-200: #97bfa0;
      --color-green-300: #2f7f42;
      --color-green-400: #235f31;
      --color-green-500: #173f21;
      --color-neutral-100: #f1f3f4;
      --color-neutral-200: #e2e6ea;
      --color-neutral-300: #d4d8dc;
      --color-neutral-400: #b3bfc7;
      --color-neutral-500: #b1bbc3;
      --color-neutral-600: #647887;
      --color-neutral-700: #50606c;
      --color-black: #333;
      --color-white: #fff;
      --spacing: 0.25rem;
      --text-xs: 0.75rem;
      --text-xs--line-height: calc(1 / 0.75);
      --text-lg: 1.125rem;
      --text-lg--line-height: calc(1.75 / 1.125);
      --text-xl: 1.25rem;
      --text-xl--line-height: calc(1.75 / 1.25);
      --font-weight-semibold: 600;
      --ease-out: cubic-bezier(0, 0, 0.2, 1);
      --default-font-family: "Open Sans", sans-serif;
      --color-primary-100: #e1edff;
      --color-primary-200: #bdd8ff;
      --color-primary-300: #85bcd8;
      --color-primary-400: #0b7ab1;
      --color-primary-500: #085c85;
      --color-primary-600: #063d59;
      --color-secondary-100: #ebe4ff;
      --color-secondary-200: #d2c2ff;
      --color-secondary-300: #9d82c3;
      --color-secondary-400: #3c0687;
      --color-secondary-500: #28045a;
      --color-secondary-600: #063d59;
      --color-brand-anthem-light: #eaf0f6;
      --color-brand-anthem-dark: #2967a0;
      --color-brand-aetna-light: #f1ecf4;
      --color-brand-aetna-dark: #754593;
      --color-brand-humana-light: #f0f5eb;
      --color-brand-humana-dark: #6b9635;
      --color-brand-uhc-light: #e6eaf1;
      --color-brand-uhc-dark: #082872;
    }
  }
  @layer utilities {
    .mnc-notification-web-component .absolute {
      position: absolute;
    }
    .mnc-notification-web-component .relative {
      position: relative;
    }
    .mnc-notification-web-component .static {
      position: static;
    }
    .mnc-notification-web-component .top-0 {
      top: calc(var(--spacing) * 0);
    }
    .mnc-notification-web-component .right-0 {
      right: calc(var(--spacing) * 0);
    }
    .mnc-notification-web-component .mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
    .mnc-notification-web-component .mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }
    .mnc-notification-web-component .mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .mnc-notification-web-component .mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }
    .mnc-notification-web-component .flex {
      display: flex;
    }
    .mnc-notification-web-component .size-2 {
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2);
    }
    .mnc-notification-web-component .size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
    .mnc-notification-web-component .h-full {
      height: 100%;
    }
    .mnc-notification-web-component .max-h-112 {
      max-height: calc(var(--spacing) * 112);
    }
    .mnc-notification-web-component .w-56 {
      width: calc(var(--spacing) * 56);
    }
    .mnc-notification-web-component .w-64 {
      width: calc(var(--spacing) * 64);
    }
    .mnc-notification-web-component .w-\[25rem\] {
      width: 25rem;
    }
    .mnc-notification-web-component .w-full {
      width: 100%;
    }
    .mnc-notification-web-component .transform {
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
    .mnc-notification-web-component .cursor-pointer {
      cursor: pointer;
    }
    .mnc-notification-web-component .items-center {
      align-items: center;
    }
    .mnc-notification-web-component .justify-between {
      justify-content: space-between;
    }
    .mnc-notification-web-component .justify-center {
      justify-content: center;
    }
    .mnc-notification-web-component .justify-end {
      justify-content: flex-end;
    }
    .mnc-notification-web-component .gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .mnc-notification-web-component .overflow-hidden {
      overflow: hidden;
    }
    .mnc-notification-web-component .overflow-y-auto {
      overflow-y: auto;
    }
    .mnc-notification-web-component .rounded-full {
      border-radius: calc(infinity * 1px);
    }
    .mnc-notification-web-component .bg-\(--bg\) {
      background-color: var(--bg);
    }
    .mnc-notification-web-component .bg-primary-500 {
      background-color: var(--color-primary-500);
    }
    .mnc-notification-web-component .p-0 {
      padding: calc(var(--spacing) * 0);
    }
    .mnc-notification-web-component .p-2 {
      padding: calc(var(--spacing) * 2);
    }
    .mnc-notification-web-component .px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .mnc-notification-web-component .pr-2 {
      padding-right: calc(var(--spacing) * 2);
    }
    .mnc-notification-web-component .pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }
    .mnc-notification-web-component .text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .mnc-notification-web-component .text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .mnc-notification-web-component .text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .mnc-notification-web-component .font-semibold {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    .mnc-notification-web-component .text-\(--c\) {
      color: var(--c);
    }
    .mnc-notification-web-component .filter {
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .mnc-notification-web-component .ease-out {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    @media (hover: hover) {
      .mnc-notification-web-component .hover\:bg-primary-100:hover {
        background-color: var(--color-primary-100);
      }
    }
  }
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-font-weight: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
    }
  }
}

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