.select{display:flex;flex-direction:column;gap:.25rem;position:relative}.select.--error .select__field{box-shadow:inset 0 0 0 1.5px var(--color-error)}.select__field{align-items:center;background-color:var(--color-gray);border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;display:flex;height:3rem;justify-content:space-between;outline:none;padding:.75rem 1.125rem;text-align:left;transition:box-shadow .2s ease;width:100%}.select__field.--border{background-color:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-border)}.select__field:focus,.select__field:hover{box-shadow:inset 0 0 0 2px var(--color-primary)}.select__field-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__arrow{flex-shrink:0;height:1rem;margin-left:.5rem;transform-origin:center;transition:transform .2s ease;width:1rem}.select__arrow.--rotated{transform:rotate(180deg)}.select__dropdown{background-color:var(--color-white);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;left:0;overflow:hidden;overflow-y:hidden;position:absolute;right:0;top:calc(100% + .25rem);z-index:1000}.select__dropdown-inner{padding:.25rem}.select__option{background:transparent;border:none;border-radius:.375rem;color:var(--color-text);cursor:pointer;font-family:inherit;font-size:inherit;padding:.75rem 1.125rem;text-align:left;transition:background-color .2s ease;width:100%}.select__option:hover{background-color:var(--color-gray)}.select__option.--selected{background-color:var(--color-primary);color:var(--color-white)}.select__error{color:var(--color-error);font-size:.875rem;font-weight:500;line-height:1.28}@media screen and (max-width:498px){.select{font-size:1.25rem}.select__field{height:3.5rem}}.blog-page__head{display:flex;flex-direction:column;gap:1.5rem;margin:6rem 0}.blog-page__title{letter-spacing:-.05em;line-height:1.25}.blog-page__description{font-size:.875rem;font-weight:500;line-height:1.4;max-width:40.5rem;opacity:.5}.blog-page__body,.blog-page__top{display:grid;gap:1.25rem;grid-template-columns:repeat(12,1fr)}.blog-page__sorting{display:flex;gap:.5rem;grid-column:span 4}.blog-page__sorting .select{flex:1}.blog-page__search{grid-column:span 8}.blog-page__filters-wrap{filter:drop-shadow(0 0 1.25rem rgba(56,56,56,.03));grid-column:span 3;position:relative}.blog-page__filters{background-color:var(--color-white);border-radius:1.5rem;display:flex;flex-direction:column;max-height:calc(100vh - 6.25rem);overflow:hidden;position:sticky;top:4.8rem}.blog-page__filters-head{align-items:end;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.blog-page__filters-head-title{font-size:1.375rem;font-weight:500;letter-spacing:-.02em;line-height:.9}.blog-page__filters-body{display:flex;flex-direction:column;gap:1rem;height:100%;margin-right:.5rem;overflow:auto;padding:1.5rem .5rem 1.5rem 1.5rem}.blog-page__filters-body-title{font-size:1.125rem;font-weight:500;letter-spacing:-.03em;line-height:1.28}.blog-page__filters-items{display:flex;flex-direction:column;gap:2px}.blog-page__filters-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;flex-shrink:0;height:3rem;padding:0 1rem;width:100%}.blog-page__filters-item.--checked,.blog-page__filters-item:hover{background-color:#2663f30d}.blog-page__filters-item.--checked .checkbox__label,.blog-page__filters-item:hover .checkbox__label{color:var(--color-primary)}.blog-page__filters-item .checkbox__label{color:var(--color-text);font-size:1rem;font-weight:400;letter-spacing:-.02em;line-height:1.1}.blog-page__inner{display:flex;flex-direction:column;gap:1.5rem;grid-column:span 9}.blog-page__sort.--invert svg{transform:scaleY(-1)}.blog-page__btn-filter{display:none}.blog-page__cards{align-items:stretch;display:grid;filter:drop-shadow(0 0 1.25rem rgba(56,56,56,.1));gap:1.25rem;grid-template-columns:repeat(12,1fr)}.blog-page__link{color:inherit;display:block;grid-column:span 4;text-decoration:none}.blog-page__link.--wide{grid-column:span 6}.blog-page__loading{animation:blink 1.5s ease-in-out infinite;font-size:18px;padding:60px 20px;text-align:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.blog-page__empty,.blog-page__error{font-size:18px;padding:60px 20px;text-align:center}.blog-page__pagination{align-items:center;display:flex;flex-direction:column;gap:1rem}.blog-page__pagination-label{font-size:1rem;font-weight:400;letter-spacing:.01em;line-height:1.2}.blog-page__progress{background-color:var(--color-border);border-radius:2px;height:2px;max-width:16rem;position:relative;width:100%}.blog-page__progress-bar{background-color:var(--color-text);border-radius:2px;height:100%}@media screen and (max-width:1324px){.blog-page__filters-wrap{grid-column:span 4}.blog-page__inner{grid-column:span 8}.blog-page__link{grid-column:span 6}}@media screen and (max-width:862px){.blog-page__filters-wrap{display:none}.blog-page__btn-filter{display:flex}.blog-page__inner{grid-column:span 12}.blog-page__head{gap:1.08rem;margin:4rem 0;padding:0 1.08rem}.blog-page__description{font-size:1rem}}@media screen and (max-width:642px){.blog-page__top{gap:.75rem}.blog-page__link,.blog-page__link.--wide,.blog-page__search,.blog-page__sorting{grid-column:span 12}}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease,transform .4s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-enter-to,.fade-leave-from{opacity:1;transform:translateY(0)}.fade-leave-to{opacity:0;transform:translateY(-10px)}