.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}}.thread-likes{width:50px;height:100%}.likes-count{text-align:center}.dislike{transform:scaleY(-1)}.dislike,.like{cursor:pointer}.thread-footer{width:100%;height:30px;grid-column-start:2;border-top:1px solid #8da7b8;display:flex;align-items:center}.thread-footer>p{display:inline-block}.thread-footer .thread-footer-button:not(:first-child){margin-left:10px}.thread-footer-button{display:flex;align-items:center}.toast-container{display:flex;flex-grow:1;flex-direction:column;position:absolute;top:0;right:0}.toast{width:300px;height:80px;background-color:#788d9c;padding:5px;position:relative;margin:15px;border-radius:5px;box-shadow:0 0 4px #fff;animation:move-in .2s linear}.toast-title{font-size:1.1rem;font-weight:700}.toast-content{position:absolute;bottom:10px;font-size:.9rem}.toast-btn{position:absolute;top:5px;right:5px}.toast-close{position:relative;cursor:pointer;padding:5px 8px;background:none;border:none;outline:none;font-family:Courier New,Courier,monospace}.toast-close:hover{color:#bcdef5}@keyframes move-in{0%{right:-350px}to{right:0}}@keyframes move-out{0%{right:0}to{right:-350px}}.toast-delete{animation:move-out .2s linear}.thread-share-modal{display:flex;flex-direction:column;box-shadow:0 7px 29px 0 rgba(251,251,255,.096);background-color:#52616b;border:2px solid #8da7b8;border-radius:12px;position:absolute;width:650px;height:250px;top:calc(50% - 125px);left:calc(50% - 325px)}.thread-share-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,41%,.5)}.thread-share-close{position:absolute;top:24px;right:20px;color:#000;cursor:pointer}.thread-share-header{font-size:1.3rem;padding:20px 10px;background-color:#c9d6df;border-start-start-radius:10px;border-start-end-radius:10px;color:#000;border-bottom:1px solid #8da7b8}.thread-share-link{margin:auto;min-width:500px;display:flex}.thread-share-input{border-end-end-radius:0!important;border-start-end-radius:0!important}.thread-share-copy{height:100%;width:50px;background-color:#788d9c;border-end-end-radius:10px;border-start-end-radius:10px;cursor:pointer;display:flex}.thread-share-copy-img{margin:auto}.new-thread-container{height:80px;background-color:#52616b;display:flex;align-items:center;margin-bottom:25px;border-radius:12px;padding:0 10px}.user-avatar{width:48px;height:48px;background-color:#1e2022;border-radius:50%;margin-right:8px}.fake-input{display:flex;flex-grow:1}.fake-input input{width:100%;padding:8px 12px;border-radius:10px;background-color:#627480;border:1px solid #788d9c;border-end-end-radius:0;border-start-end-radius:0}.fake-input input::placeholder{color:#c9d6df}.fake-input input:focus-visible{outline:1px solid #8da7b8;background-color:#52616b}.main-container{padding:30px 0;display:grid;grid-template-columns:repeat(3,32%)}.threads{grid-column-start:1;grid-column-end:3}.sidebar,.threads{padding:15px 20px}.header{background-color:#c9d6df;border-start-start-radius:10px;border-start-end-radius:10px;color:#000}.content{background-color:#52616b;border-end-start-radius:10px;border-end-end-radius:10px}.content,.header{width:100%;padding:10px}.container{margin-bottom:15px}.rules-list{list-style-type:decimal;padding:0 15px}.rules-list>li{padding:5px 0}.create-thread{display:block;margin:0 0 0 auto;padding:10px;background-color:#627480;border:1px solid #788d9c;transition:.2s;border-end-end-radius:12px;border-start-end-radius:12px}.create-thread:hover{background-color:#52616b}