.news-article-preview-container{place-items:center;display:grid}.news-article-preview{background-color:var(--secondary-background);cursor:pointer;border-radius:.5rem;flex-direction:column;width:50rem;height:80rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.news-article-preview:after{content:"";z-index:0;top:var(--mouse-y,50%);left:var(--mouse-x,50%);aspect-ratio:1;background-color:var(--background-hover);border-radius:50%;width:0%;transition:width .2s;position:absolute;transform:translate(-50%,-50%)}.news-article-preview:hover:after,.news-article-preview:focus-within:after{width:400%;transition:width 1s}.news-article-preview:hover img,.news-article-preview:focus-within img{scale:1.075}@media screen and (max-width:1440px){.news-article-preview .title{font-size:2.2rem!important}.news-article-preview .description{font-size:1.6rem!important}}@media screen and (max-width:1024px){.news-article-preview{width:90%;max-width:55rem}.news-article-preview .title{font-size:3rem!important}.news-article-preview .description{font-size:1.8rem!important}}@media screen and (max-width:375px){.news-article-preview{max-width:55rem}.news-article-preview .title{font-size:2.2rem!important}.news-article-preview .description{font-size:1.6rem!important}}.news-article-preview .info{z-index:1;flex-direction:column;width:100%;height:50rem;padding:2rem 4rem;display:flex;position:relative}.news-article-preview .info .date{opacity:.8;width:100%;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;margin-top:auto;padding:1rem;font-size:1.5rem;display:flex}.news-article-preview .info .title{color:var(--text-primary);font-size:3rem;font-weight:700}.news-article-preview .info .description{color:var(--text-secondary);font-size:1.6rem}.news-article-preview .image-container{z-index:1;width:100%;height:30rem;position:relative;overflow:hidden}.news-article-preview .image-container img{aspect-ratio:16/9;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:30rem;transition:all .3s}.skeleton{cursor:default}.skeleton:after{display:none}