@layer blocks {
  .search-section-skeletons {
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
  .search-section-skeletons__divider {
    border: none;
    border-top: 0.09375rem solid var(--theme-border-secondary);
    margin: 0;
  }
  .search-section-skeletons__section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  @media (min-width: 1024px) {
    .search-section-skeletons__section {
      gap: 2rem;
    }
  }
  .search-section-skeletons__section-header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .search-section-skeletons__heading {
    height: 1.75rem;
    width: 5.125rem;
    border-radius: 0.5rem;
  }
  @media (min-width: 1024px) {
    .search-section-skeletons__heading {
      height: 2.1875rem;
      width: 12.25rem;
    }
  }
  .search-section-skeletons__subheading {
    height: 1.0625rem;
    width: 9.6875rem;
    border-radius: 0.5rem;
  }
  @media (min-width: 1024px) {
    .search-section-skeletons__subheading {
      height: 1.5625rem;
      width: 11.375rem;
    }
  }
  .search-section-skeletons__swatch-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }
  @media (min-width: 1024px) {
    .search-section-skeletons__swatch-grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .search-section-skeletons__swatch-card {
    border-radius: 0.5rem;
  }
  .search-section-skeletons__swatch-card:nth-child(n+4) {
    display: none;
  }
  @media (min-width: 1024px) {
    .search-section-skeletons__swatch-card:nth-child(n+4) {
      display: block;
    }
  }
  .search-section-skeletons__card-stack {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .search-section-skeletons__result-card {
    height: 7rem;
    border-radius: 0.5rem;
  }
  @media (min-width: 1024px) {
    .search-section-skeletons__result-card {
      height: 8.25rem;
    }
  }
  .search-section-skeletons__load-more {
    height: 3.5rem;
    width: 100%;
    border-radius: 6rem;
  }
  @media (min-width: 1024px) {
    .search-section-skeletons__load-more {
      width: 9rem;
    }
  }
}