.block-trafford-newsletter {
  padding-block: 0;
}

.trafford-newsletter-wrapper {
  position: relative;
  display: block;
  padding-block: 3rem;
  color: var(--color-white);
  isolation: isolate;

  .lgd-container & {
    background-color: var(--color-black);
  }

  @media (min-width: 48rem) and (max-width: 67.5rem) {
    padding-inline: var(--spacing-padding-horizontal);

  }

  @media (max-width: 48rem) {
    flex-direction: column;

    .lgd-container & {
      inset-inline: -1.25rem;
      padding-inline: 1.25rem;
      inline-size: calc(100% + calc(1.25rem * 2));
      padding-block: 1rem;
    }
  }

  @media (min-width: 25.625rem) and (max-width: 48rem) {
    .lgd-container & {
      inset-inline: -1.5rem;
      padding-inline: 1.5rem;
      inline-size: calc(100% + calc(1.5rem * 2));
      padding-block: 1.5rem;
    }
  }

  /**/
}

.trafford-newsletter-wrapper::before {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 50%;
  inline-size: 100vw;
  content: "";
  transform: translateX(-50%);
  background-color: var(--color-black);
  pointer-events: none;
  z-index: -1;
}

.trafford-newsletter {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: auto;
  inline-size: 100%;

  @media screen and (min-width: 83.125rem) { /* --width-xxl: 1330px */
    flex-direction: row;
    max-inline-size: var(--width-xxl);
    margin: auto;
    align-items: center;
  }

  @media (min-width: 73.75rem) and (max-width: 90rem) {
    flex-direction: row;
    max-inline-size: clamp(100%, 55%, 90rem);
    align-items: center;
  }

  @media (min-width: 67.5rem) and (max-width: 73.75rem) {
    flex-direction: row;
    padding-inline: min(2rem, 2.5rem);
    align-items: center;
  }

  @media (min-width: 48rem) and (max-width: 67.5rem) {
    flex-direction: row;
    max-inline-size: clamp(100%, 55%, 90rem);
    align-items: center;
  }

  @media (min-width: 30rem) and (max-width: 48rem) {
    flex-direction: column;
    align-items: center;
  }

  @media (min-width: 26.875rem) and (max-width: 30rem) {
    flex-direction: column;
    align-items: center;
  }

  @media screen and (max-width: 26.875rem) {
    flex-direction: column;
    align-items: center;
    padding-inline: 0;
  }
}

@media screen and (max-width: 48rem) {
  .trafford-newsletter-wrapper {
    padding: var(--spacing-largest) var(--spacing-padding-horizontal);
  }
}

.trafford-newsletter__intro {
  position: relative;
  display: flex;
  color: var(--color-white);
  font-family: var(--font-family-primary), sans-serif;
  font-size: var(--font-size-xl);
  font-weight: 400;
  font-style: normal;
  line-height: 44px;
  inline-size: 748px;
  text-wrap-mode: wrap;
  flex-direction: column;
  margin-block-end: 0;
  margin-inline: 0;

  @media screen and (min-width: 90rem) {
    inline-size: 748px;
    margin: auto;
    padding-inline-end: 1.25rem;
    margin-inline: 0;
  }

  @media (min-width: 48rem) and (max-width: 90rem) {
    inline-size: min(748px, 100%);
    font-size: min(1.5rem, var(--font-size-xl));
    padding-inline-end: 1.25rem;
  }

  @media screen and (max-width: 48rem) {
    max-inline-size: 90vw;
    font-size: 1.5rem;
    line-height: normal;
    margin-block-end: var(--spacing-medium, 1.25rem);
    padding-inline-end: 0;
  }
}

.trafford-newsletter__form {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  max-inline-size: 30.8125rem;
  align-items: flex-start;

  @media screen and (max-width: 48rem) {
    flex-direction: column;
    max-inline-size: 90vw;
  }
}

.trafford-newsletter__messages {
  align-self: stretch;
  inline-size: 100%;
  outline: none;
}

.trafford-newsletter__messages .messages {
  margin-block-end: 0;
}

.trafford-newsletter__notice {
  align-self: stretch;
  inline-size: 100%;
  margin: 0;
  padding: var(--spacing, 1rem);
  border-inline-start: 0.25rem solid var(--color-accent, #948dff);
  background: color-mix(in srgb, var(--color-accent-2, #ffa3ff) 12%, white);
  color: var(--color-black);
}

.trafford-newsletter__fields {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  inline-size: 100%;
}

.trafford-newsletter__fields > .form-item {
  inline-size: 100%;
}

.trafford-newsletter__actions {
  display: flex;
}

.trafford-newsletter__actions input[type="submit"] {
  inline-size: auto;
  max-inline-size: 7rem;
  padding-inline-end: calc(
    var(--button-padding-horizontal, 0.1875rem) + 2.5rem
  );
  background-position: calc(100% - 0.25rem) center;
}

.trafford-newsletter__consent {
  margin-block-end: 0;
}

.trafford-newsletter__privacy {
  margin-block-start: var(--spacing-smallest, 0.25rem);
  font-size: var(--font-size-xs, 0.79rem);
}

.trafford-newsletter__meta {
  display: none;
}

.trafford-newsletter__form[aria-busy="true"] {
  opacity: 0.92;
}

.trafford-newsletter__form[aria-busy="true"] input[type="submit"] {
  cursor: progress;
}

.trafford-newsletter .form-item--error-message {
  color: #a51b00;
  background-color: #fcf4f2;
}

@media screen and (min-width: 48rem) {
  .trafford-newsletter__fields {
    display: flex;
    flex-direction: column;
  }

  .trafford-newsletter__actions {
    align-self: stretch;
  }
}

@media screen and (max-width: 30rem) {
  .trafford-newsletter__actions input[type="submit"] {
    inline-size: 100%;
  }
}

@media screen and (max-width: 48rem) {
  .trafford-newsletter-wrapper {
    background-color: var(--color-black);
    padding-block: var(--spacing-padding-block);
  }
  .trafford-newsletter-wrapper::before {
    content: none;
  }
}