.section.legal-info-widget-container {
  max-width: var(--Layout-Page-Width, 90rem);
  margin-inline: auto;
}

.section.fragment-container:has(.legal-info-widget-container) {
  max-width: var(--Layout-Page-Width, 90rem);
  margin-inline: auto;
}

.legal-info-widget {
  & .legal-info-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Legal-Info-Widget-Gap-S, 0.75rem);
    align-self: stretch;

    & .legal-info-content{
      color: var(--Legal-Info-Widget-Text, #001C35);
      font: var(--Body-Extra-Small);
      overflow-wrap: break-word;

      & p,
      & div {
        margin: 0;
      }

      & p + p,
      & div + div,
      & p + div,
      & div + p {
        margin-top: var(--Legal-Info-Widget-Gap-S, 0.25rem);
      }

      & br {
        display: block;
        margin-top: var(--Legal-Info-Widget-Gap-S, 0.25rem);
      }

      & a {
        font: var(--Body-Extra-Small);
        font-weight: var(--Weight-Semi-Bold);
      }
    }

    & .legal-info-title {
      align-self: stretch;
      color: var(--Legal-Info-Widget-Text, #001C35);
      font: var(--Heading);
      letter-spacing: -0.015rem;
    }

    &.legal-info-medium {
      gap: var(--Legal-Info-Widget-Gap-M, 0.75rem);

      & .legal-info-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        align-self: stretch;
        font: var(--Body-Base);

        & p + p,
        & div + div,
        & p + div,
        & div + p {
          margin-top: var(--Legal-Info-Widget-Gap-M, 0.75rem);
        }

        & br {
          display: block;
          margin-top: var(--Legal-Info-Widget-Gap-M, 0.75rem);
        }

        & a {
          font: var(--Body-Base);
          font-weight: var(--Weight-Semi-Bold);
        }
      }
    }
  }
}

/* TABLET */
@media (width < 1200px) {
  .legal-info-widget {
    & .legal-info-text-container {
      & .legal-info-title {
        letter-spacing: -0.0125rem;
      }
    }
  }
}