:root{--cookie-darkest: #231b18;--cookie-dark: #2f2521;--cookie-medium: #362b27;--cookie-light: #40332e;--cookie-lighter: #52423d;--accent-blue: #5865F2;--accent-blue-hover: #4752c4;--text-normal: #dcddde;--text-muted: #b9bbbe;--text-header: #ffffff;--font-primary: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--cookie-medium);color:var(--text-normal);font-family:var(--font-primary);overflow:hidden;height:100vh;width:100vw}#root{height:100%;width:100%;display:flex}::-webkit-scrollbar{width:8px;height:8px;background-color:var(--cookie-dark)}::-webkit-scrollbar-thumb{background-color:var(--cookie-darkest);border-radius:4px}::-webkit-scrollbar-track{background-color:var(--cookie-dark)}.interactive-item{transition:background-color .1s}.interactive-item:hover{background-color:var(--cookie-light)}.message-item:hover{background-color:#0000001a}.server-icon{transition:border-radius .3s ease-in-out,background-color .2s}.server-icon:hover,.server-icon.active{border-radius:16px!important;background-color:var(--accent-blue)!important}.channel-item{transition:transform .2s ease,background-color .2s,color .2s}.channel-item:hover{transform:scale(1.02);background-color:var(--cookie-light);color:var(--text-header)!important}