.blog-archive{--blog-archive-sidebar-width:4fr;--blog-archive-results-width:8fr;--blog-archive-gap:2.5rem}.dnd-section .blog-archive>.content-wrapper{max-width:none;padding-left:0;padding-right:0}.blog-archive__heading{margin-bottom:2rem}.blog-archive__layout{display:grid;gap:var(--blog-archive-gap);grid-template-columns:minmax(0,1fr)}@media screen and (min-width:990px){.blog-archive--with-sidebar .blog-archive__layout{grid-template-columns:minmax(0,var(--blog-archive-sidebar-width)) minmax(0,var(--blog-archive-results-width))}.blog-archive--sidebar-right .blog-archive__layout{grid-template-columns:minmax(0,var(--blog-archive-results-width)) minmax(0,var(--blog-archive-sidebar-width))}.blog-archive--sidebar-right .blog-archive__sidebar{order:2}}.blog-archive__search{margin-bottom:2rem;position:relative}.blog-archive__search-input{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:var(--border-radius-s);color:var(--body-font-color);font-family:var(--font-family-body);font-size:1rem;line-height:1.4;padding:.75rem 3rem .75rem 1rem;width:100%}.blog-archive__search-input:focus{outline:2px solid var(--secondary-color);outline-offset:1px}.blog-archive__search-submit{align-items:center;background:none;border:none;border-radius:0;bottom:0;color:var(--body-font-color);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:color .23s ease;width:3rem}.blog-archive__search-submit:focus,.blog-archive__search-submit:hover{background:none;border:none;color:var(--secondary-color)}.blog-archive__filter-heading{margin-bottom:1rem}.blog-archive__filter-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 1rem;padding:0}.blog-archive__filter-item{margin:0;padding:0}.blog-archive__filter-list li:before,.blog-archive__list li:before{content:none}.blog-archive__filter-list.no-list{margin-bottom:1rem}.blog-archive__filter-list .blog-archive__filter-link{align-items:baseline;background-color:var(--white-color);border:1px solid var(--body-font-color);border-radius:24px;color:var(--body-font-color);display:inline-flex;font-weight:var(--font-weight-regular);gap:.35rem;line-height:1.2;padding:.5rem 1rem;text-decoration:none;transition:color .23s ease,background-color .23s ease,border-color .23s ease}.blog-archive__filter-list .blog-archive__filter-link--active,.blog-archive__filter-list .blog-archive__filter-link:focus,.blog-archive__filter-list .blog-archive__filter-link:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color);text-decoration:none}.blog-archive__filter-count{font-size:.875em;opacity:.7}.blog-archive__filter .blog-archive__reset{background-color:var(--primary-light-color);border-radius:var(--border-radius-s);color:var(--white-color);display:inline-block;font-size:.875rem;line-height:1.3;padding:.35rem .9rem;text-decoration:none;transition:background-color .23s ease}.blog-archive__filter .blog-archive__reset:focus,.blog-archive__filter .blog-archive__reset:hover{background-color:var(--secondary-color);color:var(--white-color);text-decoration:none}.blog-archive__list{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0}.blog-archive__item{margin:0;padding:0}.blog-archive__empty{margin:0}.blog-archive__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2.5rem}.blog-archive__pagination .blog-archive__page{align-items:center;border-radius:2.75rem;color:var(--body-font-color);display:flex;font-weight:var(--font-weight-bold);height:2.75rem;justify-content:center;line-height:1;min-width:2.75rem;padding:0 .5rem;text-decoration:none;transition:color .23s ease,background-color .23s ease}.blog-archive__pagination .blog-archive__page:focus,.blog-archive__pagination .blog-archive__page:hover{background-color:var(--secondary-color);color:var(--white-color);text-decoration:none}.blog-archive__pagination .blog-archive__page--current,.blog-archive__pagination .blog-archive__page--current:focus,.blog-archive__pagination .blog-archive__page--current:hover{background-color:var(--primary-light-color);color:var(--white-color)}.blog-archive__page-gap{padding:0 .25rem}