body[data-article-style=topImportant] .articles-container.arts{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:flex-start}@media screen and (min-width:750px){body[data-article-style=topImportant] .articles-container.arts{display:grid;gap:var(--gap,1rem);grid-auto-rows:390px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:calc((320px + var(--gap, 1rem))*4)}}body[data-article-style=topImportant] .articles-container.arts .articles__single{border:1px solid var(--invisible-contrast-border,transparent);border-radius:var(--br-article,0);display:grid;gap:0;grid-template-rows:200px 180px;margin:0 auto;max-width:400px}@media screen and (max-width:750px){body[data-article-style=topImportant] .articles-container.arts .articles__single{grid-template-rows:200px 180px;width:100%}}body[data-article-style=topImportant] .articles-container.arts .articles__single{cursor:pointer;position:relative}body[data-article-style=topImportant] .articles-container.arts .articles__single-image{border-radius:var(--br-article-img,0);height:100%;max-height:100%;overflow:hidden;position:relative;width:100%}body[data-article-style=topImportant] .articles-container.arts .articles__single-image:after{background-image:linear-gradient(to bottom,var(--article-hover-mask-top,transparent),var(--article-hover-mask-bottom,transparent));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}body[data-article-style=topImportant] .articles-container.arts .articles__single-image.no-image{align-items:center;background-color:gray;display:flex;justify-content:center}body[data-article-style=topImportant] .articles-container.arts .articles__single-image img{height:100%;max-height:100%;object-fit:cover;width:100%}body[data-article-style=topImportant] .articles-container.arts .articles__single.fav-one{align-items:center;gap:5px;height:100%;margin:0;max-height:100%;max-width:unset;position:relative}body[data-article-style=topImportant] .articles-container.arts .articles__single.fav-one .articles__single-content__content{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box!important;font-size:1rem;font-weight:400;height:3.5rem;letter-spacing:.5px;line-height:1.75;overflow:hidden;padding:0 10px;text-overflow:ellipsis}@media screen and (min-width:1000px){body[data-article-style=topImportant] .articles-container.arts .articles__single.fav-one{gap:15px;grid-column:1/-1;grid-template-columns:repeat(2,1fr);grid-template-rows:100%}body[data-article-style=topImportant] .articles-container.arts .articles__single.fav-one .articles__single-content .article-single-header__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box!important;font-size:clamp(1.5rem,1.5rem + 2vw,2.375rem);font-weight:600;height:calc(clamp(1.5rem, 1.5rem + 2vw, 2.375rem)*1.2*2);line-height:1.2;overflow:hidden;text-overflow:ellipsis}body[data-article-style=topImportant] .articles-container.arts .articles__single.fav-one .articles__single-content__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box!important;font-size:1rem;height:5.25rem;line-height:1.75;overflow:hidden;text-overflow:ellipsis}}body[data-article-style=topImportant] .articles-container.arts .articles__single.fav-one .fav-icon-container{align-items:center;background-color:var(--fav-bg-color,#9d82ee);display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;width:40px}body[data-article-style=topImportant] .articles-container.arts .articles__single.fav-one .fav-icon-container .material-symbols-outlined{color:var(--fav-icon-color,#fff);font-size:24px}body[data-article-style=topImportant] .articles-container.arts .articles__single-content .article-single-header{align-items:stretch;background-color:var(--bg-articles-card,transparent);color:var(--color-article-header,#000);display:flex;flex-direction:column;gap:10px;height:100%;height:fit-content;justify-content:flex-start;padding:15px 10px 10px;transition:.25s}body[data-article-style=topImportant] .articles-container.arts .articles__single-content .article-single-header__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box!important;font-size:1.25rem;font-weight:600;height:3rem;letter-spacing:.5px;line-height:1.2;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;width:100%}body[data-article-style=topImportant] .articles-container.arts .articles__single-content .article-single-header__date{align-items:center;color:var(--accent-desc-color,rgba(0,0,0,.7));display:grid;font-size:.9375rem;font-weight:400;gap:5px;grid-template-columns:15px 1fr;margin-bottom:0;min-height:fit-content}body[data-article-style=topImportant] .articles-container.arts .articles__single-content .article-single-header__date .material-symbols-outlined{font-size:1rem}body[data-article-style=topImportant] .articles-container.arts .articles__single-content__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-article-content);display:-webkit-box!important;font-size:1rem;font-weight:400;height:4.5rem;letter-spacing:.75px;line-height:1.5;overflow:hidden;padding:0 10px;text-overflow:ellipsis}body[data-article-style=topImportant] .articles-container.arts .articles__single-content__content *{font-weight:400!important}body[data-article-style=topImportant] .articles-container.arts .articles__single{border-bottom:1px solid hsla(0,0%,50%,.5)}body[data-article-style=topImportant] .articles-container.arts .articles__single .arrow-positioner-abs{bottom:10px;position:absolute;right:10px}body[data-article-style=topImportant] .articles-container.arts .articles__single .arrow-positioner-abs .material-symbols-outlined{color:var(--color-arrow,#000)}body[data-article-style=topImportant] .articles-container.arts .articles__single:hover{border-bottom:1px solid var(--bg-accent-strong,grey)}