@layer components{[name=PostArchive] .archive-title{color:var(--color-accent);margin-block-end:0}[name=PostArchive] .filter{margin-block:1.5rem 3rem}[name=PostArchive] .category-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;background-size:1.5rem;border:1px solid var(--color-text);border-radius:0;color:var(--color-text);cursor:pointer;font-size:1rem;line-height:1.5;max-inline-size:17.5rem;padding-block:.75rem;padding-inline:.875rem 3rem}[name=PostArchive] .category-filter:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.125rem}[name=PostArchive] .posts{display:grid;gap:1.3125rem;grid-template-columns:repeat(3,1fr)}@media(--bp-tablet-horizontal-max){[name=PostArchive] .posts{grid-template-columns:repeat(2,1fr)}}@media(--bp-tablet-max){[name=PostArchive] .posts{grid-template-columns:1fr}}[name=PostArchive] .pagination{margin-block-start:calc(var(--space-section) / 2);text-align:center}[name=PostArchive] .pagination .button-loadMore{margin-inline:auto}[name=PostArchive] .pagination .button-loadMore[hidden]{display:none}[name=PostArchive] .posts>.post[hidden]{display:none}[name=PostArchive] .posts-empty[hidden]{display:none}}