/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/PostArchive/style.css ***!
  \*********************************************************************************************************************************************************************************************/
[name='PostArchive'] .posts {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
  [name='PostArchive'] .filter {
    --flow-space: 24px;

    display: flex;
    flex-wrap: wrap;
    gap: var(--flow-space);
    list-style: none;
    padding: 0;
    margin-block: 0 48px;
  }
  [name='PostArchive'] .pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--flow-space);
    justify-content: space-between;
    margin-block-start: calc(var(--comp-spacing) / 2);
  }
  [name='PostArchive'] .pagination .button {
      margin-block-start: 0;
    }
  [name='PostArchive'] .pagination .button-loadMore {
      margin-inline: auto;
    }
  [name='PostArchive'] .pagination .button-next {
      margin-inline-start: auto;
    }
  [name='PostArchive'] .pagination .button-next::after {
        block-size: 0.5rem;
        border-block-start: 2px solid currentcolor;
        border-inline-end: 2px solid currentcolor;
        content: '';
        display: inline-block;
        inline-size: 0.5rem;
        margin-block-end: 0.0625rem;
        margin-inline-start: 0.25rem;
        transform: rotate(45deg);
        vertical-align: baseline;
      }
  [name='PostArchive'] .pagination .button-previous::before {
        block-size: 0.5rem;
        border-block-start: 2px solid currentcolor;
        border-inline-start: 2px solid currentcolor;
        content: '';
        display: inline-block;
        inline-size: 0.5rem;
        margin-block-end: 0.0625rem;
        margin-inline-end: 0.25rem;
        transform: rotate(-45deg);
        vertical-align: baseline;
      }


/*# sourceMappingURL=style.min.css.map*/