.community-page .communtiy-header{position:relative;background-color:var(--bg);padding-left:inherit;padding-bottom:.5rem;padding-right:inherit;padding-top:.5rem;border-color:var(--bg);row-gap:2rem;margin-bottom:0}.community-page .communtiy-header .header-center-content .community-route-button{padding:.5rem;border:2px solid transparent;background-color:transparent;transition:border .2s ease-in}.community-page .communtiy-header .header-center-content .community-route-button i{color:var(--iconsColor)}.community-page .communtiy-header .header-center-content .community-route-button:hover{border-bottom:2px solid var(--hoverColor)}.community-page .communtiy-header .header-center-content .community-route-button.active{border-bottom:2px solid var(--purple-400)}.community-page .communtiy-header .header-center-content .community-route-button.active i{color:var(--purple-400)}.community-page .communtiy-header .left-section{display:flex;align-items:center;gap:.75rem}.community-page .communtiy-header .left-section h1{font-size:1.2rem;color:var(--textColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:300px}.community-page .communtiy-header .cover-image{display:none;position:absolute;height:150px;width:100%;left:0;top:0;background-color:var(--hoverColor)}.community-page .communtiy-header .header-right-content{display:none}@media only screen and (max-width:600px){.community-page .communtiy-header{justify-content:center;background-color:transparent!important}.community-page .communtiy-header .left-section{flex-wrap:wrap;justify-content:center}.community-page .communtiy-header .left-section h1{white-space:wrap;width:100%;text-align:center}}.community-thread-container{display:flex;flex-direction:column;gap:1rem;background-color:var(--bg)}.threadCard{border:1px solid var(--hoverColor);text-decoration:none;padding:1rem 1rem .75rem;color:var(--textColor)}.threadCard,.threadCard .right-section{position:relative;display:flex;gap:1rem}.threadCard .right-section{width:100%;flex-direction:column}.threadCard .right-section:after{content:"";height:calc(100% - 50px);width:2px;background-color:var(--hoverColor);transform:translateX(-42px);position:absolute;left:0;top:50px}.threadCard .right-section .head h4{color:var(--textColor)}.threadCard .right-section .head h4:hover{text-decoration:underline;cursor:pointer}.threadCard .right-section .head p{color:var(--commentText)}.threadCard .right-section pre{color:var(--textColor);white-space:pre-wrap;font-family:Inter var;max-height:600px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:25;-webkit-box-orient:vertical}.threadCard .right-section .actions{display:flex;gap:1.5rem;padding:.75rem 0;color:var(--iconsColor)}.threadCard .right-section .actions>div{align-items:center}.threadCard .right-section .actions i{padding:.2rem .5rem;border-radius:4px;transition:background-color .2s;font-size:1.25rem}.threadCard .right-section .actions i:hover{background-color:var(--hoverColor)}.threadCard .right-section .Add-Comment-Form{position:fixed;bottom:0;left:0;background-color:var(--bg);padding:1rem 1rem 2rem;width:100%}.threadCard .right-section .Add-Comment-Form p{background-color:var(--hoverColor);margin:.75rem 0;padding:.75rem 1rem;border-radius:.5rem}.threadCard .right-section .Add-Comment-Form p i{margin:auto;float:right;padding:.25rem;transition:.2s;border-radius:50%}.threadCard .right-section .Add-Comment-Form p i:hover{background-color:var(--iconsColor);color:var(--bg)}.threadCard .right-section .Add-Comment-Form .form-inputs{display:flex}.threadCard .right-section .Add-Comment-Form .form-inputs textarea{transition:border-color .2s ease-in-out;background-color:transparent;color:var(--textColor);width:100%;border-radius:4px;border-color:var(--hoverColor);box-shadow:none}.threadCard .right-section .Add-Comment-Form .form-inputs textarea:hover{border-color:var(--commentText)}.threadCard .right-section .Add-Comment-Form .form-inputs button{padding:auto 2rem;flex-shrink:0;background-color:var(--purple-500)}.threadCard .time-Options{position:absolute;right:.75rem;top:.75rem;width:max-content;display:flex;gap:.5rem;align-items:center}.threadCard .time-Options p{font-size:.75rem;color:var(--commentText)}.threadCard .time-Options .menu{position:relative}.threadCard .time-Options .menu .optionBtn{padding:.25rem .75rem;color:var(--iconsColor);transition:color .2s;border-radius:4px;font-size:1.25rem}.threadCard .time-Options .menu .optionBtn:hover{background-color:var(--hoverColor);color:var(--purple-500)}.threadCard .time-Options .menu .menu-modal{padding:.5rem 0;position:absolute;right:0;top:0;width:175px;flex-direction:column;background-color:var(--bg);box-shadow:0 0 .2rem var(--hoverColor);border-radius:.25rem;z-index:4}.threadCard .time-Options .menu .menu-modal[data-menu-isopen=false]{display:none}.threadCard .time-Options .menu .menu-modal[data-menu-isopen=true]{display:flex}.threadCard .time-Options .menu .menu-modal[data-menu-isopen=true] p:not(.item){font-size:14px;padding:10px 17px;color:var(--textColor);font-weight:700}.threadCard .time-Options .menu .menu-modal[data-menu-isopen=true] .item{color:#6b6b6b;padding:10px 17px;transition:.2s ease-in;font-weight:400}.threadCard .time-Options .menu .menu-modal[data-menu-isopen=true] .item>*{font-size:14px}.threadCard .time-Options .menu .menu-modal[data-menu-isopen=true] .item i{margin-right:.5rem}.threadCard .time-Options .menu .menu-modal[data-menu-isopen=true] .item:hover{background-color:var(--hoverColor)}.threadCard .comment{width:100%;position:relative;background-color:transparent}.threadCard.full-mode{position:relative;padding-bottom:5rem}.threadCard.full-mode:before{content:"";height:calc(100% - 82px - 6rem);width:1px;background-color:var(--hoverColor);position:absolute;left:16px;top:68px;transform:translateX(20px)}.threadCard.full-mode .right-section pre{max-height:100%;display:block}@media only screen and (max-width:800px){.threadCard{width:100%;margin:.5rem 0;padding-top:2rem}.threadCard .actions li,.threadCard .actions span{display:none}}.Dashboard-Page{margin-top:1rem;padding:1.5rem}@media only screen and (max-width:800px){.Dashboard-Page{width:100%;padding:1.5rem .25rem}.Dashboard-Page .threadCard{margin:0}.Dashboard-Page .threadCard .actions span{display:none}}.full-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px)}.full-container .loader{font-weight:700;font-family:monospace;font-size:30px;line-height:1.2em;display:inline-grid}.full-container .loader:after,.full-container .loader:before{content:"Loading...";grid-area:1/1;-webkit-mask:linear-gradient(90deg,var(--textColor) 50%,transparent 0) 0 50%/2ch 100%;color:transparent;text-shadow:0 0 0 var(--textColor),0 calc(var(--s, 1)*1.2em) 0 var(--textColor);animation:text-animation 1s infinite}.full-container .loader:after{-webkit-mask-position:1ch 50%;--s:-1}@keyframes text-animation{80%,to{text-shadow:0 calc(var(--s, 1)*-1.2em) 0 var(--textColor),0 0 0 var(--textColor)}}.post-container-wrapper{display:flex;width:100%;justify-content:center;margin-top:1rem}.post-container-wrapper .post-container{width:100%;padding:1rem;background-color:var(--bg);border:1px solid var(--hoverColor);display:flex;gap:1rem;border-radius:.5rem}.post-container-wrapper .post-container .post-form{flex-basis:100%;display:flex;gap:2rem;flex-direction:column}.post-container-wrapper .post-container .post-form textarea{outline-color:var(--hoverColor);border-color:var(--hoverColor);background-color:transparent}@media only screen and (max-width:800px){.post-container-wrapper .post-container{flex-wrap:wrap}}