.server-pane-toggle-button{color:#0a0a0a;cursor:pointer;letter-spacing:.3px;background:linear-gradient(140deg,#fbce04,#b59403);border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 16px;font-family:Nunito Sans,sans-serif;font-size:13.5px;font-weight:600;line-height:1.2;transition:background .25s,transform .2s,box-shadow .25s;display:inline-flex;box-shadow:0 3px 8px #886f022e,0 1px 2px #6e5b021f}.server-pane-toggle-button svg{flex-shrink:0;width:17px;height:17px}.server-pane-toggle-button span{white-space:nowrap;display:inline}.server-pane-toggle-button:hover{background:linear-gradient(140deg,#ffe77e,#ffe15a);transform:translateY(-2px)scale(1.01);box-shadow:0 5px 14px #a1840238,0 2px 5px #886f022e}.server-pane-toggle-button:active{background:linear-gradient(140deg,#ba9803,#f3c600);transform:translateY(0)scale(.99);box-shadow:0 2px 6px #6e5b0226,0 1px 1px #5546011a}.server-pane-toggle-button span{padding-top:1px}.server-side-pane{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;background-color:#0a0a0af7;flex-direction:column;max-width:90vw;height:100dvh;transition:right .35s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-5px 0 20px #0000004d}.server-side-pane.open{right:0}.server-side-pane .server-side-pane-header{background-color:#1414140d;border-bottom:1px solid #383838;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.server-side-pane .server-side-pane-header h3{color:#f5f5f5;text-transform:uppercase;letter-spacing:1.5px;margin:0;font-family:Nunito Sans,sans-serif;font-size:18px}.server-side-pane .server-side-pane-header .close-pane-button{color:#f5f5f5;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;margin:-8px;padding:8px;transition:background-color .2s,color .2s;display:flex}.server-side-pane .server-side-pane-header .close-pane-button:hover{color:#d3ad03;background-color:#d3ad031a}.server-side-pane .server-side-pane-header .close-pane-button svg{width:22px;height:22px}.server-side-pane .server-side-pane-content{flex-grow:1;padding:20px;overflow-y:auto}.server-side-pane .server-side-pane-content .no-servers-message-pane{color:silver;text-align:center;margin-top:30px;font-family:Nunito Sans,sans-serif;font-size:15px}.server-side-pane .server-side-pane-content .server-card-grid{flex-direction:column;gap:15px;padding:0;display:flex}.server-side-pane .server-side-pane-content .server-card-grid .public-server-card{width:100%}.server-pane-overlay{z-index:1040;cursor:pointer;opacity:0;visibility:hidden;background-color:#0009;width:100%;height:100%;transition:opacity .35s,visibility .35s;position:fixed;top:0;left:0}.server-pane-overlay.visible{opacity:1;visibility:visible}@media (max-width:768px){.server-side-pane{width:320px}.server-pane-toggle-button{width:55px;height:55px;bottom:20px;right:20px}.server-pane-toggle-button svg{width:22px;height:22px}.server-pane-toggle-button span{font-size:9px}}@media (max-width:480px){.server-pane-toggle-button{justify-content:center;padding:4px;display:flex;bottom:20px;right:20px}.server-pane-toggle-button svg{width:20px;height:20px}.server-pane-toggle-button span{display:none}}