.article-banner{background-color:var(--sf-gray-dark);border:.2rem solid #0000;border-radius:4px;flex-direction:row;width:100%;margin-bottom:.3rem;text-decoration:none;display:flex}.article-banner:hover{border-color:var(--sf-orange)}.article-banner *{pointer-events:none;-webkit-user-select:none;user-select:none}.article-preview-image{object-fit:contain;aspect-ratio:1;max-height:128px}.article-preview-title{color:var(--sf-orange)}.article-preview-fullTitle{background-color:var(--sf-gray-light);color:var(--bs-white)}.article-preview-title,.article-preview-fullTitle{text-align:left;margin:0;padding:5px;transition:height .12s ease-out;overflow:hidden}.article-preview-fullTextBox{background-color:var(--sf-gray);max-width:25vw;display:none;position:fixed}.article-preview-active .article-preview-fullTextBox{flex-direction:row;display:flex}.article-preview-description{text-align:left;text-wrap:auto;color:#fff;width:100%;margin:0;padding:5px}.article-transition{background-color:var(--sf-gray-dark);z-index:100;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}