.blog-search{gap:16px;width:100%;display:flex}.blog-search__field{width:100%;position:relative}.blog-search__input{border:1px solid var(--field-border-color);border-radius:4px;width:100%;height:36px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:400}.blog-search__list{z-index:1;background-color:var(--white-color);width:100%;margin:0;padding:0;list-style:none;display:grid;position:absolute}.blog-search__option{background-color:var(--panel-color);cursor:pointer;padding:6px 16px;font-size:14px;font-weight:400}.blog-search__option:hover,.blog-search__option_active{background-color:var(--suggest-hover-color)}.blog-search__none{background-color:var(--panel-color);border-radius:4px;padding:6px 16px;font-size:14px}.blog-search__button{width:248px;height:36px;color:var(--white-color);white-space:nowrap;background-color:var(--button-color);cursor:pointer;border:none;border-radius:4px;font-family:inherit;font-size:14px;font-weight:300}.blog-search__button:hover{background-color:var(--button-hover-color)}@media (width<=700px){.blog-search{flex-direction:column}.blog-search__button{width:100%}}.blog__wrapper{max-width:940px;margin:0 auto}.blog__title{margin:.67em 0;font-size:34px;font-weight:300;line-height:36px}.blog__items{margin-top:40px}.blog__item{margin-bottom:30px;font-size:15px;font-weight:300}.blog__item-header{margin-bottom:20px;font-size:12px}.blog__item-title{font-size:25px;font-weight:300}.blog__item-title a{color:inherit}.blog__tags{margin-left:10px}.blog__tag{color:var(--tag-color);font-size:15px;text-decoration:underline}.blog__item-main{display:flex}.blog__item-image-link{flex-shrink:0;margin-right:20px}.blog__item-image{width:auto;max-width:none;height:auto}.blog__item-text{margin-top:0;line-height:24px}.blog__item-link{width:fit-content;color:var(--tag-color);white-space:nowrap;align-items:center;font-size:15px;font-weight:300;text-decoration:underline;display:flex}.blog__item-link:hover{text-decoration:none}.blog__item-link-icon{fill:currentColor}@media (width<=980px){.blog__wrapper{padding:0 20px}}@media (width<=640px){.blog__item-main{flex-direction:column;align-items:center}.blog__item-image-link{margin-right:0}.blog__item-text{margin-bottom:0}.blog__item-link{display:inline}.blog__item-link-icon{margin-bottom:-6px}}@media (width<=480px){.blog__title{text-align:center}.blog__item-title{font-size:21px}}