:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{background-color:#1a1a1e;height:100%}body{margin:0;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1e;color:#dcddde;width:100%;height:100%;font-synthesis:style weight}#root{width:100%}.app{display:flex;height:100vh}a{color:#5e96e6;font-weight:400}ul{padding-inline-start:24px;margin-block-start:0;margin-block-end:0}h3{margin-block-start:0;margin-block-end:0}.server-list{width:72px;min-width:72px;background-color:#121214;padding-top:12px;border-right:1px solid #222225}.server-icon{width:48px;height:48px;background-color:#36393f;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.server-icon:hover{border-radius:16px;background-color:#b1dcde}.server-icon img{width:100%;height:100%;border-radius:50%}.chat{display:flex;flex-grow:1;height:100%;width:100%}.channel-list{width:200px;background-color:#121214;position:relative;flex-shrink:0;display:flex;flex-direction:column;height:100%;overflow-y:auto}.channel-list-container{height:100%}.server-name{padding:0 16px;height:48px;display:flex;align-items:center;font-weight:600;border-bottom:1px solid #222225;box-sizing:border-box;position:relative;cursor:pointer}.server-options{margin-left:auto;transition:transform .2s ease-in-out;transform-origin:9px 9px}.server-options.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:50px;left:16px;right:16px;background-color:#2b2d31;border-radius:4px;box-shadow:0 8px 16px #0000003d;z-index:1000;padding:8px}.dropdown-item{display:flex;align-items:center;padding:8px 12px;color:#b9bbbe;text-decoration:none;border-radius:3px}.dropdown-item:hover{background-color:#40444b;color:#fff}.dropdown-item svg{width:30px}.category{padding:16px 8px 0}.category-name{color:#8e9297;font-size:12px;font-weight:600;text-transform:uppercase;padding:0 8px;margin-bottom:4px}.channel{height:32px;display:flex;align-items:center;padding:0 8px;border-radius:4px;cursor:pointer;color:#8e9297;font-weight:500}.channel:hover{background-color:#4f545c52;color:#dcddde}.channel.selected{background-color:#4f545c52;color:#fff}.content{width:100%;display:flex;flex-direction:column;overflow-y:scroll}.content-header{padding:0 16px;height:48px;min-height:48px;display:flex;align-items:center;font-weight:500;border-bottom:1px solid #222225;box-sizing:border-box;line-height:14px}.muted{color:#93959b;font-weight:500;font-size:14px;margin-top:2px;line-height:14px}.content p{padding:12px}.verified{position:relative;top:2px;margin-right:8px}.verified-badge{top:0}.verified-check{position:absolute;top:-1px;left:2px}.hashtag{margin-right:7px}.dot{align-items:center;height:4px;margin:0 12px;width:4px}.messages{flex-grow:1;padding:16px}.message{display:flex;padding:8px 16px;margin-bottom:8px}.message:hover{background-color:#2a2a2e}.message .avatar{width:40px;height:40px;border-radius:50%;margin-right:16px}.message .message-content{display:flex;flex-direction:column}.message .message-content .username{font-weight:500;margin-bottom:4px;color:#a9f9f3;font-size:16px;line-height:16px}.message .message-content .username .channel-name{font-size:12px;color:#8e9297;margin-left:8px;font-weight:400}.search-bar{position:relative;margin-left:auto}.search-bar input{background-color:#18181c;border-radius:4px;border:1px solid #313136;color:#dcddde;height:24px;padding:0 28px 0 8px;width:144px}.search-bar .search-icon{position:absolute;top:3px;right:6px;color:#8e9297}.welcome{text-align:center}.welcome h2{font-size:32px;font-weight:500}.server-options{margin-top:8px}.heart-emoji{background-image:url(/heart.svg);height:20px;width:20px;background-repeat:no-repeat;display:inline-block;margin-bottom:-3px}.upside-down-smile-emoji{background-image:url(/upside-down-smile.svg);height:20px;width:20px;background-repeat:no-repeat;display:inline-block;margin-bottom:-3px}.video-iframe{max-width:100%}@font-face{font-family:gg sans;font-style:normal;font-weight:400;src:local("gg sans Normal Regular"),url(/assets/gg%20sans%20Regular-Bd8GJPVd.woff) format("woff")}@font-face{font-family:gg sans;font-style:normal;font-weight:500;src:local("gg sans Medium Regular"),url(/assets/gg%20sans%20Medium-BMWm4JFW.woff) format("woff")}@font-face{font-family:gg sans;font-style:normal;font-weight:600;src:local("gg sans SemiBold Regular"),url(/assets/gg%20sans%20Semibold-xAGa8zYH.woff) format("woff")}@font-face{font-family:gg sans;font-style:normal;font-weight:700;src:local("gg sans Bold"),url(/assets/gg%20sans%20Bold-BGlwbW8t.woff) format("woff")}@media (max-width: 768px){.server-list{display:none}.channel-list-container{position:absolute;left:-100%;top:0;height:100%;transition:left .3s ease-in-out;z-index:20;background-color:#121214}.channel-list-container.open{left:0}.content{width:100%}.hamburger-menu{display:block;cursor:pointer;padding:10px;margin:8px 4px 5px -10px}.search-bar input{width:50px}}@media (min-width: 769px){.hamburger-menu{display:none}}