#contactWindow{min-height:calc(100vh - var(--nav-height));grid-template-rows:max-content 1fr;grid-template-areas:"sidebar""mainArea";display:grid}#contactWindow .memberMain{flex-direction:column;grid-area:mainArea;padding:10px;display:flex}#contactWindow .memberSideBar{background:#f7f7f7;border-bottom:2px solid #e3e3e3;grid-area:sidebar}#contactWindow .memberSideBar>div{flex-direction:column;height:100%;display:flex}#contactWindow .memberListBox{overscroll-behavior:contain;flex:1;overflow:hidden auto}#contactWindow .memberSideBar #memberList{padding:15px 10px;list-style:none}#contactWindow .memberSideBar #memberList li{margin-bottom:.15rem}#contactWindow .memberSideBar #memberList li a{transition:background-color var(--quickTransition), scale var(--quickTransition);border-radius:10px;align-items:center;gap:14px;padding:7px;display:flex}#contactWindow .memberSideBar #memberList li .memberAside h3{font-size:1.2rem}#contactWindow .memberSideBar #memberList li a:hover,#contactWindow .memberSideBar #memberList li a:focus-visible{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{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;background:var(--light-color);height:60px;transition:background var(--quickTransition);border-radius:7px}#contactWindow .memberSideBar #memberForm{border-bottom:2px solid #e3e3e3;flex-direction:column-reverse;align-items:center;gap:10px;padding:10px;display:flex;position:relative}#contactWindow .memberSideBar #memberForm:after{content:"";pointer-events:none;-webkit-user-select:none;user-select:none;background-image:linear-gradient(#f7f7f7 0%,#0000 100%);height:17px;position:absolute;top:calc(100% + 2px);left:0;right:0}#contactWindow .memberSideBar #memberForm .inputArea{width:100%;position:relative}#contactWindow .memberSideBar #memberForm input{border:var(--light-color) 2px solid;transition:border var(--quickTransition);z-index:2;background-color:#fff;border-radius:100vmax;outline:none;width:100%;padding:5px 6px 5px 38px;font-size:1rem;position:relative;box-shadow:0 2px 5px 1px #00000017}#contactWindow .memberSideBar #memberForm input:focus{border:var(--spotlight-color) 2px solid}#contactWindow .memberSideBar #memberForm .inputArea:before{content:"";color:var(--light-color);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;transition:opacity var(--quickTransition);font-family:tabler-icons;font-size:24px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}#contactWindow .memberSideBar #memberForm .inputArea:has(input:focus):before{color:var(--spotlight-color)}#contactWindow .memberSideBar #memberForm button{vertical-align:text-top}#contactWindow .memberSideBar #memberForm .searchTools{align-items:center;width:100%;display:flex}#selectUser{text-align:center;color:#2c2c2c;max-width:min(100%,400px);margin:auto;font-size:1.2rem;font-weight:600}#selectUser svg{width:50%;height:8vh;color:var(--light-color);margin:0 auto}#selectUser p{color:#ffabab;margin-top:10px;font-size:.95rem}#contactWindow .memberMain #postContent p:not(:last-child){margin-bottom:1.15rem}#contactWindow .memberMain header{border-bottom:2px dashed #e3e3e3;flex-wrap:wrap;justify-content:center;gap:18px;width:100%;margin-bottom:10px;padding-bottom:12px;display:flex}#contactWindow .memberMain header h1{margin-bottom:15px;font-size:3rem;line-height:1.1}#contactWindow .memberMain header h2{font-size:1.2rem}#contactWindow .memberMain header>img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;background:linear-gradient(135deg,#1a74d4ba,#177ed88c,#0098e482),url(/noise.svg);border-radius:12px;width:100%;max-width:min(16rem,100%);height:16em;box-shadow:0 2px 10px #0000002b}#contactWindow .memberMain header .headerInfo{flex-direction:column;flex:1;justify-content:space-between;gap:20px;display:flex}#contactWindow .memberMain .infoTitle,#postContent h2{border-bottom:2px solid var(--spotlight-color);width:fit-content;max-width:100%;margin-bottom:10px;padding:0 10px 5px;font-family:alpha-omega;font-size:1.5rem}#contactWindow .memberMain .socialSide h3{border-bottom:2px solid var(--spotlight-color);max-width:100%;margin-bottom:10px;padding:0 10px 5px;font-family:alpha-omega;font-size:1.5rem}#contactWindow .memberMain .socialSide ul{flex-direction:column;gap:10px;padding:0 2px;display:flex}#contactWindow .memberMain .socialSide ul li a{gap:10px;display:flex}#contactWindow .memberMain .socialSide ul li a img{width:25px;height:25px}.memberContent{max-width:min(1000px,100%)}@media screen and (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;min-height:calc(100vh - var(--nav-height));top:var(--nav-height);border-bottom:none;border-right:2px solid #e3e3e3;position:sticky}#contactWindow .memberMain header .headerInfo{flex-direction:row}}@media screen and (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) .memberListBox{resize:none;height:auto}#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}#contactWindow .memberListBox{resize:vertical;flex:initial;height:max(170px,18.5vh);min-height:115px;max-height:fit-content}#contactWindow:has(#selectUser:not(.error)) .memberSideBar #memberList li img{border-radius:9px;height:85px}#contactWindow:has(#selectUser:not(.error)) .memberSideBar #memberList li .memberAside h3{margin-left:.5rem;font-size:1.5rem}}@media print{#contactWindow .memberSideBar #memberList li img{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:var(--lighter-color)}#contactWindow .memberMain header>img{background:0 0;background-color:var(--lighter-color);box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}#contactWindow:has(#selectUser.choose){grid-template-rows:1fr}#contactWindow:has(#selectUser.choose) .memberMain{display:none}#contactWindow:has(#selectUser) .memberListBox{resize:none;height:auto}#contactWindow .memberSideBar #memberForm .searchTools:has(input:-moz-placeholder-shown){display:none}#contactWindow .memberSideBar #memberForm .searchTools:has(input:placeholder-shown){display:none}#contactWindow:not(:has(#selectUser)) .memberSideBar{display:none}#contactWindow{min-height:auto}}