#contactWindow{min-height:calc(100vh - var(--nav-height));display:grid;grid-template-areas:"sidebar" "mainArea";grid-template-rows:max-content 1fr}#contactWindow .memberMain{grid-area:mainArea;padding:10px;display:flex;flex-direction:column}#contactWindow .memberSideBar{background:#f7f7f7;grid-area:sidebar;border-bottom:2px solid #e3e3e3}#contactWindow .memberListBox{height:auto;overflow:auto;overflow-x:hidden;overscroll-behavior:contain}#contactWindow .memberSideBar>div{max-height:max(270px,25vh);height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column}#contactWindow .memberSideBar #memberList{list-style:none;padding:15px 10px}#contactWindow .memberSideBar #memberList li{margin-bottom:.15rem}#contactWindow .memberSideBar #memberList li a{display:flex;align-items:center;padding:7px;gap:10px;border-radius:10px;transition:background-color var(--quickTransition),scale var(--quickTransition)}#contactWindow .memberSideBar #memberList li a:focus-visible,#contactWindow .memberSideBar #memberList li a:hover{background-color:var(--spotlight-color);color:#fff}#contactWindow .memberSideBar #memberList li a:active{scale:.95}#contactWindow .memberSideBar #memberList li.open a{background-color:var(--light-color);color:#000}#contactWindow .memberSideBar #memberList li.open img{background:#f7f7f7}#contactWindow .memberSideBar #memberList li img{height:50px;aspect-ratio:1/1;border-radius:7px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;background:var(--light-color);transition:background var(--quickTransition)}#contactWindow .memberSideBar #memberForm{border-bottom:2px solid #e3e3e3;padding:10px;display:flex;flex-direction:column-reverse;gap:10px;align-items:center;position:relative}#contactWindow .memberSideBar #memberForm:after{content:"";position:absolute;top:calc(100% + 2px);left:0;right:0;height:17px;background-image:linear-gradient(#f7f7f7,transparent);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#contactWindow .memberSideBar #memberForm .inputArea{width:100%;position:relative}#contactWindow .memberSideBar #memberForm input{font-size:1rem;border:2px solid var(--light-color);padding:5px 6px 5px 38px;border-radius:100vmax;outline:none;transition:border var(--quickTransition);z-index:2;background-color:#fff;width:100%;box-shadow:0 2px 5px 1px #00000017;position:relative}#contactWindow .memberSideBar #memberForm input:focus{border:2px solid var(--spotlight-color)}#contactWindow .memberSideBar #memberForm .inputArea:before{position:absolute;content:"\eb1c";font-family:tabler-icons;font-size:24px;color:var(--light-color);left:10px;top:50%;transform:translateY(-50%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3;transition:opacity var(--quickTransition)}#contactWindow .memberSideBar #memberForm .inputArea:has(input:focus):before{color:var(--spotlight-color)}#contactWindow .memberSideBar #memberForm button{vertical-align:text-top}#contactWindow .memberSideBar #memberForm .searchTools{display:flex;align-items:center;width:100%}#selectUser{text-align:center;margin:auto;font-size:1.2rem;font-weight:600;max-width:min(100%,400px);color:#2c2c2c}#selectUser svg{width:50%;height:8vh;margin:0 auto;color:var(--light-color)}#selectUser p{color:#ffabab;font-size:.95rem;margin-top:10px}#contactWindow .memberMain #postContent p:not(:last-child){margin-bottom:1.15rem}#contactWindow .memberMain header{display:flex;width:100%;gap:18px;flex-wrap:wrap;padding-bottom:12px;border-bottom:2px dashed #e3e3e3;margin-bottom:10px;justify-content:center}#contactWindow .memberMain header h1{font-size:3rem;line-height:1.1;margin-bottom:15px}#contactWindow .memberMain header h2{font-size:1.2rem}#contactWindow .memberMain header>img{height:16em;max-width:min(16rem,100%);-o-object-fit:cover;object-fit:cover;width:100%;border-radius:12px;box-shadow:0 2px 10px 0 #0000002b;-o-object-position:top;object-position:top;background:linear-gradient(135deg,#1a74d4ba,#177ed88c,#0098e482),url(/noise.svg)}#contactWindow .memberMain header .headerInfo{display:flex;gap:20px;justify-content:space-between;flex:1;flex-direction:column}#contactWindow .memberMain .infoTitle,#postContent h2{width:-moz-fit-content;width:fit-content}#contactWindow .memberMain .infoTitle,#contactWindow .memberMain .socialSide h3,#postContent h2{font-size:1.5rem;font-family:alpha-omega;border-bottom:2px solid var(--spotlight-color);padding:0 10px 5px;margin-bottom:10px;max-width:100%}#contactWindow .memberMain .socialSide ul{display:flex;flex-direction:column;gap:10px;padding:0 2px}#contactWindow .memberMain .socialSide ul li a{display:flex;gap:10px}#contactWindow .memberMain .socialSide ul li a img{height:25px;width:25px}#postContent{max-width:min(1000px,100%)}#postContent img{display:inline}#postContent a{text-decoration:underline;color:var(--spotlight-color);max-width:100%}#postContent a:active,#postContent a:focus-visible{color:#123abd}#postContent a:empty{display:none}#postContent a[imageanchor="1"]{display:inline-block}#postContent .BLOG_video_class{margin:10px auto;max-width:100%;max-height:60vh}#postContent .full-width{width:100%!important}#postContent ul{list-style:inside}#postContent ol{list-style-type:none;counter-reset:css-counters 0}#postContent ol li:before{counter-increment:css-counters;content:counters(css-counters,".") " "}#postContent span{background-color:unset!important}#postContent blockquote{display:none}#postContent blockquote:not(:empty):has(:where(p:not(:empty),span:not(:empty),h2:not(:empty),h1:not(:empty),h3:not(:empty),h4:not(:empty))){display:block;font-family:alpha-omega;font-style:italic;border-left:3px solid var(--spotlight-color);position:relative;background-color:hsla(0,0%,61%,.05);padding:15px 20px;margin:5px 0}#postContent h2{margin-top:2rem}#postContent h3{font-size:1.3rem;margin:1rem 0 .2rem}#postContent h4{font-size:1.1rem;margin:.6rem 0 0}@media (min-width:950px){#contactWindow .memberMain .socialSide h3{text-align:center}#contactWindow{grid-template-columns:minmax(300px,1fr) 3fr;grid-template-areas:"sidebar  mainArea";grid-template-rows:unset;border-bottom:2px solid #e3e3e3}#contactWindow .memberSideBar{height:0;border-right:2px solid #e3e3e3;border-bottom:none;min-height:calc(100vh - var(--nav-height));position:sticky;top:var(--nav-height)}#contactWindow .memberSideBar>div{height:100%;max-height:unset}#contactWindow .memberMain header .headerInfo{flex-direction:row}}@media (max-width:949px){#contactWindow .memberSideBar #memberList li a{padding:5px}#contactWindow:has(#selectUser.choose){grid-template-rows:1fr}#contactWindow:has(#selectUser.choose) .memberMain{display:none}#contactWindow:has(#selectUser.choose) .memberSideBar>div{max-height:100%}#contactWindow:has(#selectUser.error) .memberSideBar>div{max-height:75vh}#contactWindow:has(#selectUser.error){grid-template-columns:unset!important}}