@font-face{font-family:Whitney;font-style:normal;font-weight:400;src:url(/fonts/whitney-normal.woff2) format("woff2")}@font-face{font-family:Whitney;font-style:italic;font-weight:400;src:url(/fonts/whitney-normal-italic.woff2) format("woff2")}@font-face{font-family:Whitney;font-style:normal;font-weight:500;src:url(/fonts/whitney-medium.woff2) format("woff2")}@font-face{font-family:Whitney;font-style:italic;font-weight:500;src:url(/fonts/whitney-medium-italic.woff2) format("woff2")}@font-face{font-family:ABC Ginto Normal;font-style:normal;font-weight:500;src:url(/fonts/abc-ginto.woff2) format("woff2")}@font-face{font-family:ABC Ginto Normal;font-style:normal;font-weight:700;src:url(/fonts/abc-ginto-bold.woff2) format("woff2")}body,html{background-color:#202225;height:100%;width:100%;position:absolute;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;margin:0;padding:0;color:#fff}a{cursor:pointer}h1{color:#fff;margin:0 0 .5em;border-bottom:1px solid #96989d;font-size:48px}h2{color:#96989d;font-size:32px}h2,p{margin:0 0 1em}.dot{height:1em;width:1em;background-color:#96989d;border-radius:50%;display:inline-block;margin:0 .5em;vertical-align:middle}.app{height:100%;width:100%;display:flex;position:absolute}.app .server-list{width:72px;order:1}.app .channel-list{width:232px;order:2;height:100%;background-color:#2f3136;color:#96989d;background-repeat:no-repeat;background-size:232px auto}.app .nsfw{width:50%;max-width:700px;text-align:center;margin-bottom:20px}.app .chat-window{background-color:#36393f;height:100%;order:3;flex-grow:2;padding:20px}.app .chat-window li,.app .chat-window ul{list-style:none;margin:0;padding:0;color:#fff}.app .chat-window li{margin-bottom:1em}.app .chat-window .visibleTo,.app .chat-window .writeTo{float:left;width:25%;max-width:300px;border:1px solid #96989d;margin:5px;padding:20px;border-radius:10px}.app .users{height:100%;width:300px;order:4;align-self:flex-end}.app .users .user-list{padding:20px 10px}.app .users .user-list .role{text-transform:uppercase}.user-icon{box-sizing:border-box;width:48px;height:48px}.user-icon .discord-wrapper{background-color:#36393f}.user-icon .discord-wrapper,.user-icon .discord-wrapper .child-wrapper{display:flex;width:48px;height:48px;align-items:center;justify-content:center}.username .avatar{display:inline-block;vertical-align:middle;margin-right:5px}.role-section{margin-bottom:40px}.role-section .role{margin-bottom:1em}.server-nav{margin-left:8px;margin-top:8px;flex-grow:0}.server-nav .separator-wrapper{position:relative;margin:8px 0;display:flex;justify-content:center;width:48px}.server-nav .separator-wrapper .separator{height:2px;width:32px;border-radius:1px;background-color:rgba(79,84,92,.48)}.server-nav .wrapper{box-sizing:border-box;position:relative;width:48px;height:48px;cursor:pointer}.channel-list .category{display:flex;align-items:center;padding-top:16px;padding-left:2px}.channel-list .category .arrow{width:12px;height:12px}.channel-list .category .category-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.02em;font-family:ABC Ginto Normal,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}.channel-list .icon-container{margin-left:15px;display:flex;padding:8px 0}.channel-list .icon-container .icon{width:20px;height:20px;margin-right:6px}.channel-list .icon-container .channel-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;font-size:16px;font-weight:500}.channel-list .flowerStar-container{color:#fff;padding:14px 0 0 16px;margin-right:4px;display:flex;justify-content:center;width:16px}.channel-list .flowerStar-container .childContainer{color:#a3a6aa;position:absolute;top:12px}.channel-list .separator{border-top:1px solid hsla(0,0%,100%,.06);margin:8px}.channel-list .server{display:flex;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.channel-list .server .server-name{color:#fff;padding:12px 0;font-family:ABC Ginto Normal,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-list .server-progress{margin-top:86px;padding:8px 16px;font-size:12px;display:flex}.channel-list .server-progress .server-level{text-transform:uppercase;font-weight:bolder;color:#fff;flex-grow:1}.channel-list .server-progress .count{transform:rotate3d(0,0,-1,90deg)}.channel-list .progress-bar-container{margin:8px 16px;position:relative}.channel-list .progress-bar-container .progress-bar{width:100%;border-radius:2px;height:4px;background:linear-gradient(90deg,#3e70dd,#b377f3)}.channel-list .progress-bar-container .tada-icon{position:absolute;right:3px;top:-2px;transform:translate(calc(100% - 5px),-3px);font-size:10px;z-index:2}