.preview-container{min-height:150px;background-color:#52616b;border-radius:12px;padding:10px 5px;display:grid;grid-template-columns:50px auto;grid-template-rows:205px auto;margin-bottom:20px}.preview-container:hover{outline:2px solid #8da7b8}.preview-data{margin:5px 0}.preview-data,.preview-footer{margin-left:5px}.preview-author{font-size:.7rem;font-style:italic;color:#f0f5f9}.preview-title{margin-top:2px}.preview-content{margin-top:10px;color:#c9d6df}.preview-loading{background-color:#000;opacity:40%;width:100%;height:100%;border-radius:12px;display:flex;justify-content:center;align-items:center}.loading-container{width:80px;height:80px;position:relative}.loading-container div{position:absolute;background-color:#fff;width:16px;min-height:40px;top:20px;animation:loading 1s infinite}.loading-container div:first-child{left:8px;animation-delay:-.24s}.loading-container div:nth-child(2){left:32px;animation-delay:-.12s}.loading-container div:nth-child(3){left:56px;animation-delay:0}.mock-container{height:250px;background-color:#52616b;border-radius:12px;margin-bottom:20px}@keyframes loading{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}