.article-holder-container{width:100%;margin:0 auto;padding:var(--S-M) var(--S-SP);box-sizing:border-box}.article-holder-title{font-size:2rem;color:#e0e0e0;margin-bottom:30px;text-align:center;font-family:Arial,sans-serif}.article-holder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--S-M);width:100%}.article-holder-grid>*{max-width:500px}.article-holder-grid.single-article{display:flex;justify-content:center}.article-holder-empty{text-align:center;padding:50px 20px;border:1px dashed #444;border-radius:8px;background-color:#191e2d80;margin-top:20px}.article-holder-empty p{font-size:1.2rem;color:#b0b0b0;font-family:Arial,sans-serif;margin:0}@media (max-width: 550px){.article-holder-container{padding-left:15px;padding-right:15px;width:100%;margin-left:0;margin-right:0}.article-holder-grid{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.article-holder-grid>*{width:100%}}a{text-decoration:none;display:block;height:100%}.article-preview-main{border:1px solid grey;border-radius:8px;overflow:hidden;font-family:Arial,sans-serif;display:flex;flex-direction:column;position:relative;justify-content:flex-start;align-items:center;background-color:#191e2d;height:100%}.unpublished{filter:grayscale(100%);opacity:.7}.header-img{position:absolute;top:15px;left:15px;height:1.5rem;width:auto;z-index:2}.article-preview-main:hover .preview-image{transform:scale(1.1)}.preview-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .6s ease-in-out;will-change:transform;transform:scale(1) translateZ(0)}.text-content{background-color:#191e2d;width:100%;z-index:1}.tag{background-color:#dce6f5;font-size:.8rem;color:#000;padding:3px 20px;border-radius:20px;display:inline-block;transform:translateY(-50%) translate(20px)}.article-H-div{width:100%;padding:10px 20px;display:block;min-height:80px}.article-H-htag{color:var(--white)}.hr{width:calc(100% - 40px);display:block;height:.5px;background-color:#dce6f5;margin:12px auto}.author-info{display:flex;flex-direction:row;width:100%;padding:0 20px;align-items:center;justify-content:flex-start;margin-bottom:30px;gap:1rem}.author-image{border-radius:50%;height:40px;width:40px}.author-details{display:flex;flex-direction:column}.author-name{font-weight:700;color:#fff}.date{color:#dce6f5;font-size:.6rem}.mainErrorComponent{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:5rem;border:1px solid var(--red);border-radius:5px;background-color:#ff000036;color:var(--spaceBlue);width:100%;height:100vh}.mainErrorComponent img{width:400px;height:400px}.error-boundary-container{border:1px solid var(--red)!important;border-radius:5px!important;background-color:#ff000036!important;color:var(--spaceBlue)!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;padding:5rem!important;margin:3rem!important;width:min(100%,90vw)!important;height:min(100%,90vw)!important;box-sizing:border-box!important}.error-boundary-container>img{width:min(150px,100%)!important;height:min(150px,100%)!important}.error-boundary-container>h3{font-size:1.3rem!important;width:100%!important;text-align:center!important}