@media(min-width:900px) and (pointer:fine){
  #serverDesktop #sdOptPanel{
    position:fixed!important;
    top:82px!important;
    right:22px!important;
    left:auto!important;
    bottom:16px!important;
    width:340px!important;
    max-width:min(340px,calc(100vw - 44px))!important;
    height:auto!important;
    max-height:calc(100vh - 98px)!important;
    margin:0!important;
    transform:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:1000002!important;
    display:block!important;
  }

  #serverDesktop #sdOptPanel[hidden]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  #serverDesktop .sdTop,
  #serverDesktop .sdBtns,
  #serverDesktop #sdOptBtn,
  #serverDesktop .sdLogout{
    z-index:1000003!important;
  }

  #serverDesktop #sdOptPanel::-webkit-scrollbar{
    width:8px!important;
  }

  #serverDesktop #sdOptPanel::-webkit-scrollbar-thumb{
    background:#334155!important;
    border-radius:999px!important;
  }
}

@media(min-width:900px) and (pointer:fine) and (max-height:760px){
  #serverDesktop #sdOptPanel{
    top:66px!important;
    bottom:10px!important;
    max-height:calc(100vh - 76px)!important;
    width:320px!important;
  }
}