@media (min-width: 64.01rem) {
  .BlogListPage-frame {
    display: grid;
    grid-template-columns: auto 18rem;
    gap: 3rem;
    align-items: start;
  }
}

.BlogListPage-side {
  display: none;
}

@media (min-width: 64.01rem) {
  .BlogListPage-side {
    display: block;
    position: sticky;
    top: 1rem;
    transition: var(--animationBase);
  }
  body:not(.is-up) .BlogListPage-side {
    top: calc(var(--headerHeight) + 1rem);
  }
}

/*# sourceMappingURL=blog-list-page.min.css.map */