/* START_SECTION:newsletter-popup (INDEX:73) */
#hdt-newsletter-popup {
    max-width: min(41.4rem, 90vw);
    padding: 1.1rem;
    overflow: auto;
    &.hdt-newsletter-popup--horizontal {
      max-width: min(69.9rem, 90vw);
    }
    .hdt-dialog-btn__close {
      align-self: end;
      width: 3.6rem;
      height: 3.6rem;
      display: grid;
      position: relative;
      border-radius: var(--corner-radius-full);
      place-items: center;
      .hdt-icon-progress {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        --progress-color:  color-mix(in srgb, var(--color-foreground), transparent 85%);
        --cricle-width: 2px;
        transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      }
      svg[ref="hdt-close-icon"] {
        width: 1.8rem;
        height: 1.8rem;
      }
      .hdt-progress__circle {
        opacity: 1;
      }
      .hdt-progress__path {
        stroke: var(--progress-active);
        transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
      }
      @media (hover: hover) and (pointer: fine) {
        &:hover .hdt-progress__path {
          stroke-dashoffset: 0;
        }
      }
    }
    &.hdt-newsletter-popup--image {
      .hdt-dialog-btn__close {
        position: absolute;
        top: 1.1rem;
        inset-inline-end: 1.1rem;
        background-color: var(--color-background);
      }
      .hdt-newsletter-popup__image {
        margin: -1.1rem -1.1rem 0;
      }
    }
    .hdt-form__alert {
      margin-top: 2rem;
      margin-bottom: 0;
    }
  }
  .hdt-newsletter-popup__content {
    text-align: center;
    padding: 3rem 2rem;
    @media (min-width: 768px) {
      padding: 3.2rem 4.4rem 4rem;
    }
    .hdt-h5, .rte {
      margin-bottom: 1.6rem;
    }
    .hdt-newsletter-form {
      :is(.hdt-input, .hdt-field__label) {
        --padding-inline-input: 1.9rem;
      }
      .hdt-field {
        padding: 0;
        margin-bottom: 2rem;
      }
      .hdt-input {
        padding: 1.6rem var(--padding-inline-input) .6rem;
      }
      .hdt-btn {
        --font-size-button: var(--text-sm);
      }
    }
  }
  @media (min-width: 768px) {
    .hdt-newsletter-popup--horizontal .hdt-newsletter-popup__group {
      display: grid;
      grid: "image content" / 27.5rem minmax(0, 1fr);
      .hdt-newsletter-popup__image {
        position: relative;
        overflow: hidden;
        margin: 0 !important;
        img {
          height: 100%;
          object-fit: cover;
          min-height: 100%;
          max-height: 100%;
          min-width: 100%;
          max-width: 100%;
          position: absolute;
          inset: 0;
        }
      }
      .hdt-newsletter-popup__content {
        padding-top: 6.8rem;
      }
    }
  }
/* END_SECTION:newsletter-popup */