.blog-post-slider{background:#fff;border:1px solid #cfdce8;border-radius:16px;box-sizing:border-box;overflow:hidden;position:relative}.blog-post-slider__header{margin-bottom:14px;padding:18px 16px 0}.carousel{padding-bottom:20px}.carousel-button{background-color:#fff;border:1px solid #cfdce8;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.1);box-sizing:border-box;height:41px;opacity:0;padding:8px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s;visibility:hidden;width:41px}.carousel-button:focus,.carousel-button:hover{background-color:#cfdce8;border-color:#cfdce8}.carousel-button:active{background-color:#e7edf3;border-color:#cfdce8}.carousel-button-next{right:-20px}.carousel-button-prev{left:-20px}.blog-post-slider__title{font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:28px;margin:0}.blog-post-list{display:flex;overflow-x:scroll;overflow-y:hidden;-webkit-overscroll-behavior:contain auto;overscroll-behavior:contain auto;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.blog-post-list::-webkit-scrollbar{display:none}.slider-post{box-sizing:content-box;padding:0 0 0 24px;scroll-snap-align:start}.slider-post:first-child{padding-left:16px}.slider-post:last-child{padding-right:16px}.blog-post_small{min-width:180px;width:180px}.blog-post__image-box{margin-bottom:8px}.blog-post__image,.blog-post__image-link{border-radius:8px;display:block;height:92px;object-fit:cover;width:180px}.blog-post-slider__title-link{color:#000;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;line-height:18px;margin:0;text-decoration:none}.blog-post-slider__title-link:focus,.blog-post-slider__title-link:hover{color:#000;font-weight:700}@media (min-width:900px){.blog-post-slider{overflow:unset}.blog-post-slider__header{margin-bottom:24px;padding:24px 24px 0}.blog-post-slider__title{font-size:24px;line-height:32px}.carousel{padding-bottom:24px}.blog-post_small{min-width:240px;width:240px}.blog-post__image,.blog-post__image-link{height:120px;width:240px}.blog-post-slider__title-link{font-size:16px;line-height:24px}.slider-post:first-child{padding-left:24px}.slider-post:last-child{padding-right:24px}.carousel-button{opacity:1;visibility:visible}.carousel-button[data-hidden=true]{opacity:0;visibility:hidden}}