@layer components {
  ._section_1s564_2 {
    --section-padding-block: 3rem;
    --section-padding-block-top: var(--section-padding-block);
    --section-padding-inline: 1.5rem;
    --section-gap: 2rem;
    --content-max-width: 64rem;
    transform: translateY(2.5rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--section-gap);
    padding-block: var(--section-padding-block-top) var(--section-padding-block);
    opacity: 0;
    transition: opacity 1s ease 100ms, transform 1s ease 100ms;
  }
  @media (width >= 1024px) {
    ._section_1s564_2 {
      --section-padding-block: 5rem;
      --section-padding-inline: 4rem;
      --section-gap: 4rem;
    }
  }
  ._section_1s564_2[data-inner-pos=center] {
    padding-inline: max(var(--section-padding-inline), (100% - var(--content-max-width)) / 2);
  }
  ._section_1s564_2[data-inner-pos=full] {
    padding-inline: 0;
  }
  ._section_1s564_2 > [data-layout=full] {
    inline-size: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  ._section_1s564_2[data-visible=true] {
    transform: translateY(0);
    opacity: 1;
  }
}