.dialog_overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog_content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.close_button{position:absolute;top:10px;right:-5px}.circulo_btn{cursor:pointer;display:flex;width:40px;height:40px;border-radius:50%;justify-content:center;align-items:center;background:#1e1e1e;color:#777;border:none;margin:10px;transition:transform .3s ease}.circulo_btn:hover{transform:scale(1.1)}.circulo_btn svg{width:20px;height:20px;color:#777}.close_button p{margin:0}.image_gallery{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.nav_button{background:none;border:none;color:#fff;font-size:2em;cursor:pointer}.large_image{max-width:80vw;max-height:80vh}.thumbnail_gallery{display:flex;overflow-x:auto;margin-top:10px}.thumbnail{max-width:100px;max-height:100px;margin:5px;cursor:pointer;border:2px solid transparent}.thumbnail:hover,.thumbnail:focus{border-color:#fff}@media only screen and (max-width: 600px){.dialog_content{height:100%}.thumbnail_gallery{width:100%}.image_gallery .circulo_btn{display:none}.large_image{max-width:100vw;max-height:100vh}}.titleWrapper{display:flex;width:auto;align-items:center;grid-gap:10px;cursor:default}.titleWrapper .circle{display:flex;width:6px;height:6px;align-items:center;justify-content:center;background:#a5abb7;border-radius:30px}.titleWrapper p{color:var(--title-section)}.sectionThreads{background:var(--section);height:auto;width:100%;border-radius:20px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.sectionThreads__wrapper{height:100%;width:100%;min-height:400px;justify-content:space-between;display:flex;flex-direction:column;background-color:var(--section-card);border-radius:7px}.sectionThreads__header{display:flex;align-items:center;justify-content:center;padding:0 20px;cursor:default;color:var(--description);font-weight:300;border-bottom:1px solid var(--border)}.sectionThreads__content{flex:1;display:flex}.sectionThreads__bottom{display:flex;align-items:center;justify-content:center;padding:0 20px;cursor:default;color:var(--description);font-weight:300;border-top:1px solid var(--border)!important;border:1px solid transparent;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:all .3s ease}.sectionThreads__bottom:hover{border-top:1px solid transparent;box-shadow:var(--card_hover);color:var(--title);background:var(--section);cursor:pointer}.thread{width:100%;height:auto;display:flex;flex-direction:column;padding-bottom:20px;border-bottom:1px solid var(--border)}.thread__top{display:flex;flex-direction:row}.thread__top__left{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.thread__top__left__avatar{width:50px;height:50px;background:#f3f4f8;border:1px solid var(--border);border-radius:50%;object-fit:contain;display:flex;justify-content:center;align-items:center}.thread__top__left__avatar img{width:25px;display:flex}.thread__top__right{display:flex;flex-direction:column;padding-top:25px;width:100%;padding-right:10px;grid-gap:5px;padding-bottom:20px}.thread__top__right p{margin:0;line-height:1.5}.thread__top__right__top{display:flex;flex-direction:row;grid-gap:5px;color:var(--description)}.thread__top__right__top p:nth-child(1){color:var(--description);font-weight:600}.thread__top__right__middle{color:var(--description);--clamp-lines: 5;--lh: 1.5}.thread__top__right__middle p:first-child{line-height:var(--lh);max-height:1200px;overflow:hidden;transition:max-height .35s ease;will-change:max-height;position:relative}.thread__top__right__middle__toggle{color:#0077fffc!important;cursor:pointer;font-weight:300;font-size:var(--fs-sm);position:relative;z-index:2}.thread__top__right__middle:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:56px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--section-card) 90%);opacity:0;transition:opacity .35s ease}.thread__top__right__middle--collapsed{position:relative;padding-bottom:18px}.thread__top__right__middle--collapsed p:first-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--clamp-lines);max-height:calc(var(--lh) * var(--clamp-lines) * 1em)}.thread__top__right__middle--collapsed:after{opacity:4}.thread__top__right__bottom{width:100%;height:100%}.thread__top__right__bottom__one_picture{cursor:pointer;width:100%;display:flex;position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.thread__top__right__bottom__one_picture img{border-radius:8px;width:100%;height:100%;object-fit:cover;border:1px solid var(--border);display:block}.thread__bottom{height:auto;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none;grid-gap:10px;padding:0 20px 0 80px;cursor:grab;align-items:stretch}.thread__bottom__picture{position:relative;flex:0 0 auto;width:clamp(280px,32vw,420px);height:260px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--section-card);cursor:grab!important;user-select:none;overflow:hidden;background:var(--section)}.thread__bottom__picture img{width:100%;height:100%;object-fit:contain;display:block;border:0;pointer-events:none;user-select:none;cursor:grab}.thread__bottom::-webkit-scrollbar{display:none}.thread__bottom::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.is-loading{position:relative;overflow:hidden}.is-loading img{opacity:0}.is-loading:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--border);background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.2s infinite;pointer-events:none}.thread__bottom__picture:not(.is-loading) img,.thread__top__right__bottom__one_picture:not(.is-loading) img{opacity:1;transition:opacity .25s ease}@media (max-width: 768px){.thread__bottom{overflow-x:auto;scrollbar-width:none;padding:0 20px 0 60px}.thread__bottom::-webkit-scrollbar{display:none}.thread__top__left{width:50px;height:50px;padding-top:20px;margin:10px}.thread__top__left__avatar{width:35px;height:35px}.thread__top__left__avatar img{width:15px}.thread__top__right__bottom__one_picture{width:100%;aspect-ratio:16/9}.thread__top__right__bottom__one_picture img{width:100%;height:100%;object-fit:cover}.thread__bottom__picture{width:clamp(220px,60vw,360px);height:180px}}