.footer-one-column-centered {
  --footer-one-column-centered-background-color: var(--theme-base);

  --footer-one-column-centered-spacing: var(--theme-spacing);
  --footer-one-column-centered-spacing-2x: calc(var(--footer-one-column-centered-spacing) * 2);
  --footer-one-column-centered-spacing-6x: calc(var(--footer-one-column-centered-spacing) * 6);
  --footer-one-column-centered-spacing-8x: calc(var(--footer-one-column-centered-spacing) * 8);
  --footer-one-column-centered-spacing-10x: calc(var(--footer-one-column-centered-spacing) * 10);
  --footer-one-column-centered-spacing-12x: calc(var(--footer-one-column-centered-spacing) * 12);
  --footer-one-column-centered-spacing-16x: calc(var(--footer-one-column-centered-spacing) * 16);
  --footer-one-column-centered-spacing-20x: calc(var(--footer-one-column-centered-spacing) * 20);
  --footer-one-column-centered-spacing-24x: calc(var(--footer-one-column-centered-spacing) * 24);
  --footer-one-column-centered-spacing-32x: calc(var(--footer-one-column-centered-spacing) * 32);

  --footer-one-column-centered-brand-font-size: var(--theme-font-size, 1rem);
  --footer-one-column-centered-brand-gap: var(--theme-gap, 1rem);
  --footer-one-column-centered-brand-margin-top: var(--footer-one-column-centered-spacing-10x, 2.5rem);
  --footer-one-column-centered-brand-color: var(--theme-base-content-soft);

  --footer-one-column-centered-menu-font-size: var(--theme-font-size, 1rem);
  --footer-one-column-centered-menu-gap-x: var(--footer-one-column-centered-spacing-12x, 3rem);
  --footer-one-column-centered-menu-gap-y: var(--footer-one-column-centered-spacing-8x, 2rem);
  --footer-one-column-centered-menu-color: var(--theme-base-content-soft);

  --footer-one-column-centered-menu-link-font-weight: var(--theme-font-weight-bold, 700);
  --footer-one-column-centered-menu-link-margin-bottom-sm: var(--footer-one-column-centered-spacing-2x, 0.5rem);
  --footer-one-column-centered-menu-link-margin-bottom: var(--footer-one-column-centered-spacing-4x, 1rem);

  --footer-one-column-centered-bottom-font-size: var(--theme-font-size, 1rem);
  --footer-one-column-centered-bottom-line-height: var(--theme-line-height-sm, 1.25rem);
  --footer-one-column-centered-bottom-color: var(--theme-base-content-soft);
  --footer-one-column-centered-bottom-margin-top: var(--footer-one-column-centered-spacing-10x, 2.5rem);

  container-type: inline-size;
  container-name: footer-one-column-centered;

  background-color: var(--footer-one-column-centered-background-color);

  .footer-one-column-centered__container {
    padding-bottom: var(--footer-one-column-centered-spacing-8x, 2rem);
    padding-top: var(--footer-one-column-centered-spacing-16x, 4rem);
    padding-block: var(--footer-one-column-centered-spacing-8x, 2rem);

    @container footer-one-column-centered (min-width: 640px) {
      padding-top: var(--footer-one-column-centered-spacing-24x, 6rem);
    }

    @container footer-one-column-centered (min-width: 1024px) {
      padding-top: var(--footer-one-column-centered-spacing-32x, 8rem);
    }

    .footer-one-column-centered__top {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: var(--footer-one-column-centered-spacing-16x, 4rem);
    }

    .footer-one-column-centered__menu {
      nav[role="navigation"] {
        > ul:first-of-type {
          display: flex;
          flex-wrap: wrap;
          row-gap: var(--footer-one-column-centered-menu-gap-y);
          column-gap: var(--footer-one-column-centered-menu-gap-x);
          color: var(--footer-one-column-centered-menu-color);
          font-size: var(--footer-one-column-centered-menu-font-size);

          @container footer-one-column-centered (min-width: 640px) {
            justify-content: center;
          }
        }

        > ul:first-of-type > li > a {
          display: inline-block;
          font-weight: var(--footer-one-column-centered-menu-link-font-weight);
          margin-bottom: var(--footer-one-column-centered-menu-link-margin-bottom-sm);

          @container footer-one-column-centered (min-width: 640px) {
            margin-bottom: var(--footer-one-column-centered-menu-link-margin-bottom);
          }
        }
      }
    }

    .footer-one-column-centered__brand {
      justify-content: center;
      display: flex;
      margin-top: var(--footer-one-column-centered-brand-margin-top);
      flex-direction: column;
      align-items: center;
      gap: var(--footer-one-column-centered-brand-gap);
      font-size: var(--footer-one-column-centered-brand-font-size);
      color: var(--footer-one-column-centered-brand-color);

      p {
        margin-bottom: 0;
      }
    }

    .footer-one-column-centered__bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: var(--footer-one-column-centered-bottom-margin-top);
      color: var(--footer-one-column-centered-bottom-color);
      font-size: var(--footer-one-column-centered-bottom-font-size);
      line-height: var(--footer-one-column-centered-bottom-line-height);
    }
  }
}