.article-list{--article-item-width: 376px;margin-top:56px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--article-item-width),1fr));gap:32px}@media screen and (max-width: 1023px){.article-list{--article-item-width: 345px;gap:24px;margin-top:24px}}@media screen and (max-width: 767px){.article-list{--article-item-width:calc(100vw - 48px)}}.article-list__loader{grid-column:1/-1}.filter-panel{width:max-content;max-width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap:16px}@media screen and (max-width: 1023px){.filter-panel{display:none}}.filter-panel__item{position:relative}.filter-panel__count{position:absolute;right:0;top:0;transform:translate(50%,-50%);border-radius:50%;background-color:#004547;width:24px;height:24px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Gotham-bold,-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:14px;line-height:24px;letter-spacing:-.01em;padding-top:.2em}.filter-panel__control{margin:0;background-color:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-decoration:none;cursor:pointer;user-select:none;appearance:none;min-width:180px;width:100%;padding:0 16px;height:48px;color:#004547;font-size:16px;letter-spacing:-.01em;border-radius:8px;border:2px solid #ccdada;display:flex;align-items:center;justify-content:space-between;gap:15px}.filter-panel__control:after{content:"";width:9px;height:15px;mask-image:url(/dist/images/right-angle-ef7a9faaa3f76aed73a9.svg);mask-repeat:no-repeat;mask-size:cover;background-color:#004547;transform:rotate(90deg)}.button.filter-panel__mobile-trigger{width:100%;padding:0;background:#fff;border:2px solid #ccdada;color:#004547;display:flex;justify-content:center;align-items:center;gap:8px}.button.filter-panel__mobile-trigger:before{content:"";width:15px;height:14px;mask-image:url(/dist/images/settings-186a874d1b30e46e6bec.svg);mask-repeat:no-repeat;background-color:#004547}@media screen and (min-width: 1024px){.button.filter-panel__mobile-trigger{display:none}}.side-filters{--bottom-controls-height: 72px;--bottom-padding: calc(20px + var(--bottom-controls-height));--top-margin: 16px}@media screen and (max-width: 1023px){.side-filters{--top-margin: 8px;--bottom-controls-height: 64px}}.side-filters.modal{justify-content:flex-start}.side-filters__modal-content{display:flex;flex-direction:column;background-color:#fff;width:430px;height:var(--full-size-vh);padding-top:24px}.side-filters__modal-content .modal__close{align-self:end;margin-right:26px}@media screen and (max-width: 1023px){.side-filters__modal-content .modal__close{margin-right:16px}}@media screen and (min-width: 1024px){.side-filters__modal-content{animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-duration:.5s;transform:translate(-100vw);transition:transform .3s ease}}@media screen and (max-width: 1023px){.side-filters__modal-content{width:100%}}.side-filters__filter-list{margin-top:var(--top-margin);padding:0 32px;overflow-y:auto;height:calc(var(--full-size-vh) - var(--bottom-padding) - var(--top-margin))}@media screen and (max-width: 1023px){.side-filters__filter-list{padding:0 24px}}.side-filters__controls{height:var(--bottom-controls-height);border-top:1px solid #ccdada;display:flex;align-items:center;justify-content:space-between;width:100%;padding-left:28px;padding-right:35px;margin-top:20px}@media screen and (max-width: 1023px){.side-filters__controls{padding-left:24px;padding-right:8px}}.side-filters__clear-all{margin:0;padding:0;background-color:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-decoration:none;cursor:pointer;user-select:none;appearance:none}@media screen and (max-width: 1023px){.side-filters__clear-all{order:-1}}.open .side-filters__modal-content{animation-name:slideInFromLeft}@media screen and (max-width: 1023px){.open .side-filters__modal-content{animation:none}}.close .side-filters__modal-content{animation-name:slideOutToLeft}@media screen and (max-width: 1023px){.close .side-filters__modal-content{animation:none}}@keyframes slideInFromLeft{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}to{transform:translate(-100vw)}}