@layer components {
  .cc-placeholder-wrapper--cards,
  .cc-box--grid {
    --cc-box-space-gap: 1.6rem;
    --cc-box-size-grid-column: 1;
    --cc-box-space-padding: var(--cc-box-space-gap);
    --cc-box-size-grid-column-width: calc((100% + var(--cc-box-space-gap)) / var(--cc-box-size-grid-column));
    --cc-box-space-padding-block-end: var(--cc-box-space-padding-fab);
    display: grid;
    grid-template-columns: repeat(var(--cc-box-size-grid-column), minmax(0, 1fr));
    grid-auto-rows: max-content;
    gap: var(--cc-box-space-gap);
    padding-bottom: var(--cc-box-space-padding-block-end);
  }
  @media screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    .cc-placeholder-wrapper--cards,
    .cc-box--grid {
      --cc-box-size-grid-column: 2;
    }
  }
  @media screen and (min-width: 576px) {
    .cc-placeholder-wrapper--cards,
    .cc-box--grid {
      --cc-box-size-grid-column: 2;
      padding-top: var(--cc-box-space-gap);
      padding-inline: var(--cc-box-space-padding);
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--cards,
      .cc-box--grid {
        --cc-box-space-padding-block-end: calc(var(--cc-box-space-gap) * 2);
        --cc-box-space-padding: 0;
        padding-top: 0;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-placeholder-wrapper--cards,
    .cc-box--grid {
      --cc-box-size-grid-column: 3;
    }
  }
  @media screen and (min-width: 1280px) {
    .cc-placeholder-wrapper--cards,
    .cc-box--grid {
      --cc-box-space-gap: 2.4rem;
    }
  }
  @media screen and (min-width: 1600px) {
    .cc-placeholder-wrapper--cards,
    .cc-box--grid {
      --cc-box-size-grid-column: 4;
    }
  }
  @media print {
    .cc-placeholder-wrapper--cards,
    .cc-box--grid {
      display: block;
      column-count: 3;
      column-gap: var(--cc-box-space-gap);
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--cards.is-empty,
      .cc-box--grid.is-empty {
        grid-template-columns: calc(var(--cc-box-size-grid-column-width) - var(--cc-box-space-gap)) 1fr;
      }
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-placeholder-wrapper--cards .cc-tip,
      .cc-box--grid .cc-tip {
        grid-column: 1/-1;
      }
    }
  }
  .cc-placeholder-wrapper--cards .cc-card-wrapper--create:not(:empty) ~ .cc-tip,
  .cc-box--grid .cc-card-wrapper--create:not(:empty) ~ .cc-tip {
    grid-column: auto;
  }
}

/*# sourceMappingURL=cc_box_grid.4700e86e97042a40.css.map*/