.blog-page{background:#f2f2f7;padding-bottom:32px}.blog-page__items{flex-direction:column;gap:24px;padding-top:16px;display:flex}.blog-page__item{background:#fff;border-radius:8px;padding:16px;text-decoration:none}.blog-page__item-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:208px;margin-bottom:8px;position:relative}.blog-page__item-img:after{content:"";opacity:.2;mix-blend-mode:screen;background-color:#2640c9;position:absolute;inset:0}.blog-page__item-date{color:#939399;letter-spacing:.01em;margin-bottom:8px;font-size:13px;font-weight:500;line-height:16px}.blog-page__item-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:16px;font-weight:600;line-height:20px}.blog-page__item-text *,.blog-page__item-title{color:#0a0a0e;letter-spacing:.01em;overflow:hidden}.blog-page__item-text *{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:24px;display:-webkit-box}@media only screen and (width>=600px){.blog-page__items{flex-flow:wrap;gap:16px}.blog-page__item{width:calc(50% - 8px)}.blog-page__item-text *{line-clamp:2;-webkit-line-clamp:2}}@media only screen and (width>=1240px){.blog-page{padding-bottom:80px}.blog-page__items{padding-top:40px}.blog-page__item{border-radius:16px;width:calc(33.3333% - 10.6667px)}}