.article-single-preview-overlay{position:relative;width:100%;height:100%}.article-single-preview-overlay.large .article-title{font-size:2.2rem !important}.article-single-preview-overlay.square .article-preview-cover .image-container{padding-bottom:70.25%}.article-single-preview-overlay.card{background:var(--color-primary-mid);border-radius:var(--border-radius);box-shadow:var(--element-box-shadow);border:var(--element-border);box-sizing:border-box}.article-single-preview-overlay .article-preview-cover{height:100%;position:relative;border-radius:var(--dashboard-border-radius);overflow:hidden}.article-single-preview-overlay .article-preview-cover:after{content:"";width:100%;height:65%;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg, transparent 0, #000 60%);opacity:.85;pointer-events:none}.article-single-preview-overlay .article-preview-cover .image-container{position:relative;width:100%;height:100%;padding-bottom:56.25%}.article-single-preview-overlay .article-preview-cover img{position:absolute;width:100%;height:100%}.article-single-preview-overlay .article-preview-cover img:hover{transform:scale(1.05);cursor:pointer}.article-single-preview-overlay .image-link{display:flex}.article-single-preview-overlay .image-link img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-single-preview-overlay .article-title:hover a{text-decoration:underline}.article-single-preview-overlay .article-title a{color:var(--text-color-primary)}.article-single-preview-overlay .article-category{position:relative;margin:8px 0;text-transform:uppercase;font-weight:bold;font-size:14px}.article-single-preview-overlay .article-category:hover a{text-decoration:underline}.article-single-preview-overlay .article-category .pill{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px}.article-single-preview-overlay .article-preview-metadata{position:absolute;bottom:0;padding:10px;z-index:1}.article-single-preview-overlay .article-preview-metadata a{color:inherit}@media screen and (max-width: 700px){.article-single-preview-overlay.large .article-title{font-size:1rem !important}}