.cs-article{display:flex;align-items:center;height:128px}.cs-article__cover{border-radius:16px}.cs-article__content{padding:0 0 0 16px}.cs-article__content__container__description{font-size:14px;line-height:18px;color:#6a6e83;color:rgba(var(--light-color-typography-main-rgba),.6);height:54px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media screen and (max-width:374px){.cs-article__content__container__description{height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}.cs-article__content__container__title{padding-right:22px;display:block}.cs-article__content__container__title h2{font-size:18px;line-height:22px;letter-spacing:-.3px;margin-bottom:8px;font-weight:700;color:var(--light-color-typography-main);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}@media screen and (max-width:374px){.cs-article__content__container__title h2{font-size:16px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}}.cs-article__content__container{position:relative}.cs-article__content__container__title--icon{position:absolute;top:0;right:0;font-size:22px;color:var(--light-color-typography-main)}@media screen and (max-width:374px){.cs-article__content__container__title--icon{top:-2px}}.cs-article--title{display:flex;grid-gap:16px;align-items:center;max-width:480px;margin:0 auto 16px}.cs-article--title img{flex-shrink:0}.cs-article--title h1{flex-grow:1;font-size:2.4rem;font-weight:700;line-height:30px;letter-spacing:-.5px}@media(min-width:768px){.cs-article{height:144px;padding:8px;box-sizing:border-box}.cs-article__content__container__title--icon{visibility:hidden}.cs-article:active,.cs-article:hover{background-color:#f1f3f7;background-color:rgba(var(--light-color-layout-accent-rgba),.5);border-radius:16px}.cs-article:active .cs-article__content__container__title--icon,.cs-article:hover .cs-article__content__container__title--icon{visibility:visible}}