@layer ddsweb-molecules {
  @layer ddsweb-popover {
    .tvZoHa_container {
      z-index: 1;
      max-width: var(--ddsweb-popover-max-width, 296px);
      filter: drop-shadow(0 0 2px #00000024) drop-shadow(0 2px 2px #0000001f) drop-shadow(0 1px 3px #0003);
      position: absolute;
    }

    @media (max-width: 320px) {
      .tvZoHa_container {
        max-width: calc(100vw - var(--dds-sizing-size-24));
      }
    }

    .tvZoHa_container > svg path {
      fill: var(--dds-messaging-colour-messaging-info);
      forced-color-adjust: auto;
    }

    .tvZoHa_content {
      --ddsweb-heading-color: var(--dds-typography-colour-text-on-dark);
      --ddsweb-text-color: var(--dds-typography-colour-text-on-dark);
      row-gap: var(--dds-spacing-space-8);
      padding: var(--dds-spacing-space-16) var(--dds-spacing-space-12);
      border: 2px solid var(--dds-retain-colour-in-dark-mode-retain-interactive-inverse);
      border-radius: var(--dds-spacing-space-12);
      background-color: var(--dds-messaging-colour-messaging-info);
      grid-template-columns: 1fr fit-content(35px);
      margin-top: 0;
      display: grid;
      position: relative;
    }

    .tvZoHa_content:has(.tvZoHa_closeButton) {
      column-gap: var(--dds-spacing-space-8);
    }

    .tvZoHa_content > * {
      grid-column: 1;
    }

    .tvZoHa_content > .tvZoHa_closeButton {
      grid-area: 1 / 2;
    }

    .tvZoHa_floatingArrow {
      z-index: 1;
    }

    .tvZoHa_cta {
      margin-top: var(--dds-spacing-space-8);
      grid-column: span 2;
    }

    .tvZoHa_buttonInfo {
      background: var(--dds-messaging-colour-messaging-info);
      --ddsweb-button-shadow-color: var(--dds-messaging-colour-messaging-info);
    }

    .tvZoHa_buttonSm {
      --ddsweb-button-icon-container-size: var(--ddsweb-popover-trigger-button-icon-container-size, var(--dds-sizing-size-24));
    }

    .tvZoHa_buttonXs {
      --ddsweb-button-icon-container-size: var(--ddsweb-popover-trigger-button-icon-container-size, var(--dds-sizing-size-16));
    }

    .tvZoHa_buttonSm svg {
      --size: var(--dds-sizing-size-16);
    }

    .tvZoHa_buttonXs svg {
      --size: var(--dds-sizing-size-12);
    }

    .tvZoHa_button svg {
      width: var(--ddsweb-button-icon-size, var(--size));
      height: var(--ddsweb-button-icon-size, var(--size));
    }

    @media (forced-colors: active) {
      .tvZoHa_container {
        border: 3px solid canvastext;
      }

      .tvZoHa_popover button:not([class*="linkButton"]) {
        border: 1px solid canvastext;
      }

      .tvZoHa_buttonInfo, .tvZoHa_closeButton {
        forced-color-adjust: auto;
        background-color: canvastext;
        border-color: canvastext;
        outline-width: 0;
      }

      .tvZoHa_closeButton svg path {
        fill: canvas;
      }

      .tvZoHa_cta {
        border-color: canvastext;
      }

      .tvZoHa_popover button svg path {
        color: canvas;
        forced-color-adjust: auto;
      }
    }
  }
}


/*# sourceMappingURL=426c246a3b1ad3c8e023.css.map*/