@font-face{font-family:Montserrat-Bold;src:url(../fonts/Montserrat-Bold.d14ad103.ttf)}@font-face{font-family:Montserrat-Medium;src:url(../fonts/Montserrat-Medium.aca6287f.ttf)}@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat-Light.a17f43cc.ttf)}@font-face{font-family:icomoon;src:url(../fonts/icomoon.64f4f08d.eot);src:url(../fonts/icomoon.64f4f08d.eot#iefix) format("embedded-opentype"),url(../fonts/icomoon.2bd99196.ttf) format("truetype"),url(../fonts/icomoon.0de3ca0e.woff) format("woff"),url(../img/icomoon.7083b8c4.svg#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home:before{content:""}.icon-home2:before{content:""}.icon-home3:before{content:""}.icon-office:before{content:""}.icon-newspaper:before{content:""}.icon-pencil:before{content:""}.icon-pencil2:before{content:""}.icon-quill:before{content:""}.icon-pen:before{content:""}.icon-blog:before{content:""}.icon-eyedropper:before{content:""}.icon-droplet:before{content:""}.icon-paint-format:before{content:""}.icon-image:before{content:""}.icon-images:before{content:""}.icon-camera:before{content:""}.icon-headphones:before{content:""}.icon-music:before{content:""}.icon-play:before{content:""}.icon-film:before{content:""}.icon-video-camera:before{content:""}.icon-dice:before{content:""}.icon-pacman:before{content:""}.icon-spades:before{content:""}.icon-clubs:before{content:""}.icon-diamonds:before{content:""}.icon-bullhorn:before{content:""}.icon-connection:before{content:""}.icon-podcast:before{content:""}.icon-feed:before{content:""}.icon-mic:before{content:""}.icon-book:before{content:""}.icon-books:before{content:""}.icon-library:before{content:""}.icon-file-text:before{content:""}.icon-profile:before{content:""}.icon-file-empty:before{content:""}.icon-files-empty:before{content:""}.icon-file-text2:before{content:""}.icon-file-picture:before{content:""}.icon-file-music:before{content:""}.icon-file-play:before{content:""}.icon-file-video:before{content:""}.icon-file-zip:before{content:""}.icon-copy:before{content:""}.icon-paste:before{content:""}.icon-stack:before{content:""}.icon-folder:before{content:""}.icon-folder-open:before{content:""}.icon-folder-plus:before{content:""}.icon-folder-minus:before{content:""}.icon-folder-download:before{content:""}.icon-folder-upload:before{content:""}.icon-price-tag:before{content:""}.icon-price-tags:before{content:""}.icon-barcode:before{content:""}.icon-qrcode:before{content:""}.icon-ticket:before{content:""}.icon-cart:before{content:""}.icon-coin-dollar:before{content:""}.icon-coin-euro:before{content:""}.icon-coin-pound:before{content:""}.icon-coin-yen:before{content:""}.icon-credit-card:before{content:""}.icon-calculator:before{content:""}.icon-lifebuoy:before{content:""}.icon-phone:before{content:""}.icon-phone-hang-up:before{content:""}.icon-address-book:before{content:""}.icon-envelop:before{content:""}.icon-pushpin:before{content:""}.icon-location:before{content:""}.icon-location2:before{content:""}.icon-compass:before{content:"";padding-right:4px;padding-top:3px}.icon-compass2:before{content:""}.icon-map:before{content:""}.icon-map2:before{content:""}.icon-history:before{content:""}.icon-clock:before{content:""}.icon-clock2:before{content:""}.icon-alarm:before{content:""}.icon-bell:before{content:""}.icon-stopwatch:before{content:""}.icon-calendar:before{content:""}.icon-printer:before{content:""}.icon-keyboard:before{content:""}.icon-display:before{content:""}.icon-laptop:before{content:""}.icon-mobile:before{content:""}.icon-mobile2:before{content:""}.icon-tablet:before{content:""}.icon-tv:before{content:""}.icon-drawer:before{content:""}.icon-drawer2:before{content:""}.icon-box-add:before{content:""}.icon-box-remove:before{content:""}.icon-download:before{content:""}.icon-upload:before{content:""}.icon-floppy-disk:before{content:""}.icon-drive:before{content:""}.icon-database:before{content:""}.icon-undo:before{content:""}.icon-redo:before{content:""}.icon-undo2:before{content:""}.icon-redo2:before{content:""}.icon-forward:before{content:""}.icon-reply:before{content:""}.icon-bubble:before{content:""}.icon-bubbles:before{content:""}.icon-bubbles2:before{content:""}.icon-bubble2:before{content:""}.icon-bubbles3:before{content:""}.icon-bubbles4:before{content:""}.icon-user:before{content:""}.icon-users:before{content:""}.icon-user-plus:before{content:""}.icon-user-minus:before{content:""}.icon-user-check:before{content:""}.icon-user-tie:before{content:""}.icon-quotes-left:before{content:""}.icon-quotes-right:before{content:""}.icon-hour-glass:before{content:""}.icon-spinner:before{content:""}.icon-spinner2:before{content:""}.icon-spinner3:before{content:""}.icon-spinner4:before{content:""}.icon-spinner5:before{content:""}.icon-spinner6:before{content:""}.icon-spinner7:before{content:""}.icon-spinner8:before{content:""}.icon-spinner9:before{content:""}.icon-spinner10:before{content:""}.icon-spinner11:before{content:""}.icon-binoculars:before{content:""}.icon-search:before{content:""}.icon-zoom-in:before{content:""}.icon-zoom-out:before{content:""}.icon-enlarge:before{content:""}.icon-shrink:before{content:""}.icon-enlarge2:before{content:""}.icon-shrink2:before{content:""}.icon-key:before{content:""}.icon-key2:before{content:""}.icon-lock:before{content:""}.icon-unlocked:before{content:""}.icon-wrench:before{content:""}.icon-equalizer:before{content:""}.icon-equalizer2:before{content:""}.icon-cog:before{content:""}.icon-cogs:before{content:""}.icon-hammer:before{content:""}.icon-magic-wand:before{content:""}.icon-aid-kit:before{content:""}.icon-bug:before{content:""}.icon-pie-chart:before{content:""}.icon-stats-dots:before{content:""}.icon-stats-bars:before{content:""}.icon-stats-bars2:before{content:""}.icon-trophy:before{content:""}.icon-gift:before{content:""}.icon-glass:before{content:""}.icon-glass2:before{content:""}.icon-mug:before{content:""}.icon-spoon-knife:before{content:""}.icon-leaf:before{content:""}.icon-rocket:before{content:""}.icon-meter:before{content:""}.icon-meter2:before{content:""}.icon-hammer2:before{content:""}.icon-fire:before{content:""}.icon-lab:before{content:""}.icon-magnet:before{content:""}.icon-bin:before{content:""}.icon-bin2:before{content:""}.icon-briefcase:before{content:""}.icon-airplane:before{content:""}.icon-truck:before{content:""}.icon-road:before{content:""}.icon-accessibility:before{content:""}.icon-target:before{content:""}.icon-shield:before{content:""}.icon-power:before{content:""}.icon-switch:before{content:""}.icon-power-cord:before{content:""}.icon-clipboard:before{content:""}.icon-list-numbered:before{content:""}.icon-list:before{content:""}.icon-list2:before{content:""}.icon-tree:before{content:""}.icon-menu:before{content:""}.icon-menu2:before{content:""}.icon-menu3:before{content:""}.icon-menu4:before{content:""}.icon-cloud:before{content:""}.icon-cloud-download:before{content:""}.icon-cloud-upload:before{content:""}.icon-cloud-check:before{content:""}.icon-download2:before{content:""}.icon-upload2:before{content:""}.icon-download3:before{content:""}.icon-upload3:before{content:""}.icon-sphere:before{content:""}.icon-earth:before{content:""}.icon-link:before{content:""}.icon-flag:before{content:""}.icon-attachment:before{content:""}.icon-eye:before{content:""}.icon-eye-plus:before{content:""}.icon-eye-minus:before{content:""}.icon-eye-blocked:before{content:""}.icon-bookmark:before{content:""}.icon-bookmarks:before{content:""}.icon-sun:before{content:""}.icon-contrast:before{content:""}.icon-brightness-contrast:before{content:""}.icon-star-empty:before{content:""}.icon-star-half:before{content:""}.icon-star-full:before{content:""}.icon-heart:before{content:""}.icon-heart-broken:before{content:""}.icon-man:before{content:""}.icon-woman:before{content:""}.icon-man-woman:before{content:""}.icon-happy:before{content:""}.icon-happy2:before{content:""}.icon-smile:before{content:""}.icon-smile2:before{content:""}.icon-tongue:before{content:""}.icon-tongue2:before{content:""}.icon-sad:before{content:""}.icon-sad2:before{content:""}.icon-wink:before{content:""}.icon-wink2:before{content:""}.icon-grin:before{content:""}.icon-grin2:before{content:""}.icon-cool:before{content:""}.icon-cool2:before{content:""}.icon-angry:before{content:""}.icon-angry2:before{content:""}.icon-evil:before{content:""}.icon-evil2:before{content:""}.icon-shocked:before{content:""}.icon-shocked2:before{content:""}.icon-baffled:before{content:""}.icon-baffled2:before{content:""}.icon-confused:before{content:""}.icon-confused2:before{content:""}.icon-neutral:before{content:""}.icon-neutral2:before{content:""}.icon-hipster:before{content:""}.icon-hipster2:before{content:""}.icon-wondering:before{content:""}.icon-wondering2:before{content:""}.icon-sleepy:before{content:""}.icon-sleepy2:before{content:""}.icon-frustrated:before{content:""}.icon-frustrated2:before{content:""}.icon-crying:before{content:""}.icon-crying2:before{content:""}.icon-point-up:before{content:""}.icon-point-right:before{content:""}.icon-point-down:before{content:""}.icon-point-left:before{content:""}.icon-warning:before{content:""}.icon-notification:before{content:""}.icon-question:before{content:""}.icon-plus:before{content:""}.icon-minus:before{content:""}.icon-info:before{content:""}.icon-cancel-circle:before{content:""}.icon-blocked:before{content:""}.icon-cross:before{content:""}.icon-checkmark:before{content:""}.icon-checkmark2:before{content:""}.icon-spell-check:before{content:""}.icon-enter:before{content:""}.icon-exit:before{content:""}.icon-play2:before{content:""}.icon-pause:before{content:""}.icon-stop:before{content:""}.icon-previous:before{content:""}.icon-next:before{content:""}.icon-backward:before{content:""}.icon-forward2:before{content:""}.icon-play3:before{content:""}.icon-pause2:before{content:""}.icon-stop2:before{content:""}.icon-backward2:before{content:""}.icon-forward3:before{content:""}.icon-first:before{content:""}.icon-last:before{content:""}.icon-previous2:before{content:""}.icon-next2:before{content:""}.icon-eject:before{content:""}.icon-volume-high:before{content:""}.icon-volume-medium:before{content:""}.icon-volume-low:before{content:""}.icon-volume-mute:before{content:""}.icon-volume-mute2:before{content:""}.icon-volume-increase:before{content:""}.icon-volume-decrease:before{content:""}.icon-loop:before{content:""}.icon-loop2:before{content:""}.icon-infinite:before{content:""}.icon-shuffle:before{content:""}.icon-arrow-up-left:before{content:""}.icon-arrow-up:before{content:""}.icon-arrow-up-right:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-down-right:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-down-left:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-up-left2:before{content:""}.icon-arrow-up2:before{content:""}.icon-arrow-up-right2:before{content:""}.icon-arrow-right2:before{content:""}.icon-arrow-down-right2:before{content:""}.icon-arrow-down2:before{content:""}.icon-arrow-down-left2:before{content:""}.icon-arrow-left2:before{content:""}.icon-circle-up:before{content:""}.icon-circle-right:before{content:""}.icon-circle-down:before{content:""}.icon-circle-left:before{content:""}.icon-tab:before{content:""}.icon-move-up:before{content:""}.icon-move-down:before{content:""}.icon-sort-alpha-asc:before{content:""}.icon-sort-alpha-desc:before{content:""}.icon-sort-numeric-asc:before{content:""}.icon-sort-numberic-desc:before{content:""}.icon-sort-amount-asc:before{content:""}.icon-sort-amount-desc:before{content:""}.icon-command:before{content:""}.icon-shift:before{content:""}.icon-ctrl:before{content:""}.icon-opt:before{content:""}.icon-checkbox-checked:before{content:""}.icon-checkbox-unchecked:before{content:""}.icon-radio-checked:before{content:""}.icon-radio-checked2:before{content:""}.icon-radio-unchecked:before{content:""}.icon-crop:before{content:""}.icon-make-group:before{content:""}.icon-ungroup:before{content:""}.icon-scissors:before{content:""}.icon-filter:before{content:""}.icon-font:before{content:""}.icon-ligature:before{content:""}.icon-ligature2:before{content:""}.icon-text-height:before{content:""}.icon-text-width:before{content:""}.icon-font-size:before{content:""}.icon-bold:before{content:""}.icon-underline:before{content:""}.icon-italic:before{content:""}.icon-strikethrough:before{content:""}.icon-omega:before{content:""}.icon-sigma:before{content:""}.icon-page-break:before{content:""}.icon-superscript:before{content:""}.icon-subscript:before{content:""}.icon-superscript2:before{content:""}.icon-subscript2:before{content:""}.icon-text-color:before{content:""}.icon-pagebreak:before{content:""}.icon-clear-formatting:before{content:""}.icon-table:before{content:""}.icon-table2:before{content:""}.icon-insert-template:before{content:""}.icon-pilcrow:before{content:""}.icon-ltr:before{content:""}.icon-rtl:before{content:""}.icon-section:before{content:""}.icon-paragraph-left:before{content:""}.icon-paragraph-center:before{content:""}.icon-paragraph-right:before{content:""}.icon-paragraph-justify:before{content:""}.icon-indent-increase:before{content:""}.icon-indent-decrease:before{content:""}.icon-share:before{content:""}.icon-new-tab:before{content:""}.icon-embed:before{content:""}.icon-embed2:before{content:""}.icon-terminal:before{content:""}.icon-share2:before{content:""}.icon-mail:before{content:""}.icon-mail2:before{content:""}.icon-mail3:before{content:""}.icon-mail4:before{content:""}.icon-amazon:before{content:""}.icon-google:before{content:""}.icon-google2:before{content:""}.icon-google3:before{content:""}.icon-google-plus:before{content:""}.icon-google-plus2:before{content:""}.icon-google-plus3:before{content:""}.icon-hangouts:before{content:""}.icon-google-drive:before{content:""}.icon-facebook:before{content:""}.icon-facebook2:before{content:""}.icon-instagram:before{content:""}.icon-whatsapp:before{content:""}.icon-spotify:before{content:""}.icon-telegram:before{content:""}.icon-twitter:before{content:""}.icon-vine:before{content:""}.icon-vk:before{content:""}.icon-renren:before{content:""}.icon-sina-weibo:before{content:""}.icon-rss:before{content:""}.icon-rss2:before{content:""}.icon-youtube:before{content:""}.icon-youtube2:before{content:""}.icon-twitch:before{content:""}.icon-vimeo:before{content:""}.icon-vimeo2:before{content:""}.icon-lanyrd:before{content:""}.icon-flickr:before{content:""}.icon-flickr2:before{content:""}.icon-flickr3:before{content:""}.icon-flickr4:before{content:""}.icon-dribbble:before{content:""}.icon-behance:before{content:""}.icon-behance2:before{content:""}.icon-deviantart:before{content:""}.icon-500px:before{content:""}.icon-steam:before{content:""}.icon-steam2:before{content:""}.icon-dropbox:before{content:""}.icon-onedrive:before{content:""}.icon-github:before{content:""}.icon-npm:before{content:""}.icon-basecamp:before{content:""}.icon-trello:before{content:""}.icon-wordpress:before{content:""}.icon-joomla:before{content:""}.icon-ello:before{content:""}.icon-blogger:before{content:""}.icon-blogger2:before{content:""}.icon-tumblr:before{content:""}.icon-tumblr2:before{content:""}.icon-yahoo:before{content:""}.icon-yahoo2:before{content:""}.icon-tux:before{content:""}.icon-appleinc:before{content:""}.icon-finder:before{content:""}.icon-android:before{content:""}.icon-windows:before{content:""}.icon-windows8:before{content:""}.icon-soundcloud:before{content:""}.icon-soundcloud2:before{content:""}.icon-skype:before{content:""}.icon-reddit:before{content:""}.icon-hackernews:before{content:""}.icon-wikipedia:before{content:""}.icon-linkedin:before{content:""}.icon-linkedin2:before{content:""}.icon-lastfm:before{content:""}.icon-lastfm2:before{content:""}.icon-delicious:before{content:""}.icon-stumbleupon:before{content:""}.icon-stumbleupon2:before{content:""}.icon-stackoverflow:before{content:""}.icon-pinterest:before{content:""}.icon-pinterest2:before{content:""}.icon-xing:before{content:""}.icon-xing2:before{content:""}.icon-flattr:before{content:""}.icon-foursquare:before{content:""}.icon-yelp:before{content:""}.icon-paypal:before{content:""}.icon-chrome:before{content:""}.icon-firefox:before{content:""}.icon-IE:before{content:""}.icon-edge:before{content:""}.icon-safari:before{content:""}.icon-opera:before{content:""}.icon-file-pdf:before{content:""}.icon-file-openoffice:before{content:""}.icon-file-word:before{content:""}.icon-file-excel:before{content:""}.icon-libreoffice:before{content:""}.icon-html-five:before{content:""}.icon-html-five2:before{content:""}.icon-css3:before{content:""}.icon-git:before{content:""}.icon-codepen:before{content:""}.icon-svg:before{content:""}.icon-IcoMoon:before{content:""}*{font-family:Montserrat-Medium;margin:0;padding:0}body{background:#191919;color:#f0f8ff}.app{display:flex}.app .router{width:85px;background:#3a3a3a;height:100vh;border-right:2px solid #191919}.app .vue{width:100%;height:100vh;max-height:100vh;overflow:auto}.hideComponent{display:none}form{display:flex;flex-direction:column}label{padding-top:10px}button{margin-top:10px;background:#333;border:none;padding:10px;border-radius:3px;outline:none;color:#fff;font-family:Montserrat-Bold;font-size:18px;opacity:1}button,button:hover{transition:all .7s ease}button:hover{opacity:.5}input,select,textarea{padding:10px;border-radius:5px}.success{padding-top:5px;color:#7fffd4}.danger{color:#e80029}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-thumb{background:#919191;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#b3afb3}::-webkit-scrollbar-track{background:#191919;border-radius:0;box-shadow:inset 0 0 0 0 #191919}.maintenance{height:100%;justify-content:center;flex-direction:column}.channelInfo,.maintenance{width:100%;display:flex;align-items:center}.channelInfo{position:fixed;background:#3a3a3a;padding:10px 20px;padding:15px;font-size:20px;z-index:10}.channelInfo p{font-family:Montserrat-Bold}.channelInfo_status{height:15px;width:15px;border-radius:999px;background:#f0f8ff;margin-left:10px}.channelInfo .connected{background:#7fffd4!important}.channelInfo .not-disturb{background:#cd5c5c!important}.channelInfo .idle{background:#daa520!important}.channelInfo.server{margin-left:250px}.server-channels{background:#3a3a3a;width:250px;text-align:center;height:100vh;position:fixed}.server-channels .serverInfo{cursor:pointer;height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #191919;transition:all .3s ease;position:relative;padding:0 15px}.server-channels .serverInfo a{color:#f0f8ff;text-decoration:none}.server-channels .serverInfo a,.server-channels .serverInfo p{font-family:Montserrat-Bold;font-size:18px}.server-channels .serverInfo .serverInfo_icon{transform:scale(1);transition:all .3s ease}.server-channels .serverInfo_menu{padding:10px;background:#191919;border-radius:10px;position:absolute;display:flex;padding:5px 20px;flex-direction:column;width:80%;left:5px;top:60px}.server-channels .serverInfo_menu-item{display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding:5px 0;opacity:1;transition:all .3s ease}.server-channels .serverInfo_menu-item:hover{opacity:.7}.server-channels .serverInfo:hover .serverInfo_icon{transform:scale(1.2)}.server-channels .channel-list{margin:10px;display:flex;flex-direction:column;align-items:flex-start}.server-channels .channel-list_item{color:#f0f8ff;text-decoration:none;margin:5px 0;font-family:Montserrat-Medium;transition:all .5s ease}.server-channels .channel-list_item:hover{font-family:Montserrat-Bold;transition:all .5s ease}.messages.server{margin-left:250px}#form.server{background:#191919;padding:.25rem;position:fixed;bottom:0;left:335px!important;display:flex;flex-direction:row;align-items:center;min-height:3rem;width:calc(100vw - 335px)!important;box-sizing:border-box}.invitePopup{position:absolute;top:40%;left:50%;background:#3a3a3a;padding:40px;border-radius:20px;min-width:450px;display:flex;flex-direction:column;z-index:10}.invitePopup input{background:#fff;height:100%;width:94%}.invitePopup button{width:100%}.invitePopup .close{cursor:pointer;position:absolute;right:0;top:0;padding:15px}.chat{position:relative;height:100vh;overflow:auto}.chat .remove{position:absolute;background:#e80029;color:#560110;right:20px;padding:10px;border-radius:10px;cursor:pointer;opacity:.7;transition:all .4s ease}.chat .remove:hover{opacity:1;transition:all .4s ease}.chat #form{background:#191919;padding:.25rem;position:fixed;bottom:0;display:flex;flex-direction:row;align-items:center;min-height:3rem;width:calc(100vw - 95px);box-sizing:border-box}.chat #form .text-format{display:flex;color:#000;position:absolute;right:60px}.chat #form .text-format_item{opacity:.7;padding:7px;transition:all .2s ease;cursor:pointer}.chat #form .text-format_item:hover{opacity:1;transition:all .2s ease}.chat #form .is_typing{position:absolute;top:-25px;left:0;background:#191919;width:100%;padding:5px 15px}.chat #form #input{border:none;flex-grow:1;border-radius:2rem;margin:.25rem;height:90%;padding:7px 45px 7px 15px}.chat #form #send{margin-top:0;background:#006a9d;padding:10px;width:40px;height:40px;color:#002334;display:flex;justify-content:center;align-items:center;border-radius:999px;opacity:1;transition:all .7s ease;transform:rotate(45deg)}.chat #form #send .icon-compass:before{padding-right:4px;padding-top:2px}.chat #form #send img{height:25px;width:25px}.chat #form #send:hover{opacity:.5;transition:all .7s ease}.chat #form #input:focus{outline:none}.chat .messages{margin-top:60px;padding-bottom:3rem}.chat .messages .message{position:relative;max-width:99%;text-align:left;padding:.5rem 1rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.chat .messages .message .sentAt{font-family:Montserrat-Light;font-size:11px;padding-left:10px;opacity:.7}.chat .messages .message span{display:flex;align-items:baseline}.chat .messages .message-container{display:inline-flex}.chat .messages .message p{padding-top:3px;line-break:anywhere;font-family:Montserrat-Light}.chat .messages .message .messagePfp{min-width:40px;min-height:40px;max-height:40px;max-width:40px;border-radius:50px;margin-right:10px;border:2px solid #f0f8ff;cursor:pointer}.chat .messages .message .profileInfo{color:#fff;background:#252525;cursor:default;border-radius:10px;z-index:100;position:absolute;justify-content:space-between;flex-direction:column;display:flex;height:150px;width:395px;left:65px;bottom:5px;padding:20px}.chat .messages .message .profileInfo .requestStatus{position:absolute;bottom:0;left:0;padding:30px 20px;font-weight:700}.chat .messages .message .profileInfo .close{position:absolute;top:0;right:0;padding:20px;font-size:12px;cursor:pointer}.chat .messages .message .profileInfo .closehover{transform:scale(1.2);opacity:.5}.chat .messages .message .profileInfo button{float:right}.chat .messages .message .profileInfo_top{display:flex;align-items:center}.chat .messages .message .profileInfo_pfp{width:60px;height:60px;border-radius:999px;margin-right:20px;position:relative}.chat .messages .message .profileInfo_pfp .status{height:15px;width:15px;border-radius:999px;position:absolute;background:#f0f8ff;bottom:-2px;right:5px}.chat .messages .message .profileInfo_pfp .connected{background:#7fffd4;border:2px solid #7fffd4}.chat .messages .message .profileInfo_pfp .not-disturb{background:#cd5c5c;border:2px solid #cd5c5c}.chat .messages .message .profileInfo_pfp .idle{background:#daa520;border:2px solid #daa520}.chat .messages .message .profileInfo_username{font-family:Montserrat-Bold;font-size:20px}.chat .messages .message .profileInfo_campfireID{font-family:Montserrat-Light;font-size:10px}.status{height:13px;width:13px;border-radius:999px;background:#f0f8ff;position:absolute;right:-20px;bottom:6px;border:2px solid #f0f8ff}.connected{border:2px solid #7fffd4!important}.not-disturb{border:2px solid #cd5c5c!important}.idle{border:2px solid #daa520!important}.message-container a{color:#fff;text-decoration:none}.message-container a:hover{text-decoration:underline}.message-container img{max-width:450px}@media only screen and (max-width:767px){.message-container img{max-width:100px}}.profileArea{position:fixed;bottom:0;left:0;padding:15px 15px 40px 7px;z-index:999}@media only screen and (max-width:767px){.profileArea{padding:15px 15px 40px 5px}}.profileArea_infos{position:relative}.profileArea_infos_goto{opacity:0;transition:all .3s ease;position:absolute;padding:5px;text-align:center;display:flex;justify-content:center;width:50px;align-items:center;height:50px;background:rgba(25,25,25,.5607843137254902);border-radius:999px;top:2px;right:2px}.profileArea_infos_goto a{color:#f0f8ff;font-size:12px;text-decoration:none}.profileArea_infos_goto:hover{opacity:1;transition:all .3s ease}.profileArea_infos_pfp{height:60px;width:60px;border-radius:999px;outline:2px solid #bb0021;border:2px solid #f8cb00;transition:all .7s ease}.profileArea_infos_username{background:#191919;top:-40px;left:5px;border-radius:5px}.profileArea_infos_settings,.profileArea_infos_username{position:absolute;padding:5px;display:none;transition:all .7s ease}.profileArea_infos_settings{height:20px;width:20px;top:75px;right:40px;background:#006a9d;border-radius:999px;font-size:20px;color:#002334;transform:scale(1)}.profileArea_infos_settings:hover{transition:all .7s ease;transform:scale(1.1) rotate(180deg)}.profileArea_infos_logout{width:20px;position:absolute;top:75px;right:0;background:#e80029;font-size:22px;color:#560110;padding:5px;border-radius:999px;opacity:0;transition:all .7s ease;transform:scale(1);pointer-events:none;cursor:pointer}.profileArea_infos_logout:hover{transition:all .7s ease;transform:scale(1.1)}.profileArea:hover .profileArea_infos_pfp{outline:2px solid #f8cb00;border:2px solid #bb0021;transition:all .7s ease}.profileArea:hover .profileArea_infos_logout,.profileArea:hover .profileArea_infos_settings,.profileArea:hover .profileArea_infos_username,.profileArea:hover .select-status{display:block;transition:all .7s ease;pointer-events:all}.profileArea .status{bottom:0;right:0;z-index:1;opacity:1}.profileArea .select{cursor:pointer;height:13px;width:13px;border-radius:999px;background:#f0f8ff;border:2px solid #f0f8ff}.profileArea .select-status{display:none;position:relative;transition:all .7s ease}.profileArea .statuses{background:#191919;padding:5px;border-radius:5px;transition:all .7s ease;display:flex;position:absolute;flex-direction:row;width:85px;right:-17px;bottom:-35px;justify-content:space-between}.profileArea .select.connected{background:#7fffd4}.profileArea .select.not-disturb{background:#cd5c5c}.profileArea .select.idle{background:#daa520}.profileArea .status.connected{background:#7fffd4;border:2px solid #7fffd4}.profileArea .status.not-disturb{background:#cd5c5c;border:2px solid #cd5c5c}.profileArea .status.idle{background:#daa520;border:2px solid #daa520}.channels{text-align:center;flex-direction:column}.channels,.channels .invite{display:flex;align-items:center;justify-content:center}.channels .invite{width:30px;height:30px;border-radius:999px;font-size:20px;color:#7fffd4!important;padding:7px!important;border:3px solid #7fffd4;position:relative;margin-top:10px}.channels .invite .server-name{top:-12px;color:#fff}.channels .invite .server-icon{margin-top:0}.channels .separator{width:60px;height:2px;background:#191919}.channels a{z-index:10;position:relative}.channels a .server-icon{margin-top:10px}.channels a .server-name{position:absolute;background:#191919;padding:5px;font-size:14px;top:18px;left:71px;display:none;border-radius:5px;transition:all .7s ease}.channels a:hover .server-name{display:block}.channels_logo{margin:20px 0 10px 0;transition:all .4s ease}.channels img{width:30px;height:30px;border-radius:20px;padding:10px;background:#191919;transition:all .7s ease}.channels img:hover{border-radius:60px;transition:all .7s ease}.channels .channelList{display:flex;flex-direction:column}.channels .channelList a{color:#fff;text-decoration:none;font-family:Montserrat-Light;transition:all .7s ease}.channels .channelList a:hover{font-family:Montserrat-Bold;transition:all .7s ease}.login{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.login_container{display:flex;flex-direction:column;padding:20px 40px 40px 40px;background:hsla(0,0%,41.6%,.06);border-radius:7px;width:280px;position:relative}.login_container .errorMessage{color:#e80029;padding-top:10px;position:absolute;bottom:10px}.campfire_logo{display:flex;align-items:center}.campfire_logo p{font-family:Montserrat-Bold;font-size:24px;text-transform:uppercase}.campfire_logo img{width:50px;height:50px}.user-update{background:hsla(0,0%,41.6%,.06);padding:40px 20px;position:relative}.user-update_banner{width:100%;display:flex;align-items:center}.user-update_banner_disconnect{display:flex;align-items:center;position:absolute;top:0;right:0;padding:20px;color:#e80029;opacity:.7;transition:all .7s ease;cursor:pointer}.user-update_banner_disconnect span{font-family:Montserrat-Bold;margin:0 10px;font-size:15px}.user-update_banner_disconnect:hover{opacity:1;transition:all .7s ease}.user-update_banner_pfp{height:90px;width:90px;border-radius:999px}.user-update_banner_username{font-family:Montserrat-Bold;font-size:24px}.user-update_banner_campfireID{font-family:Montserrat-Light;font-size:12px}.user-update_banner_infos{padding:0 20px}.user-update_banner_edit{display:flex;align-items:center;position:absolute;bottom:0;right:0;padding:20px;opacity:.5;transition:all .7s ease;cursor:pointer}.user-update_banner_edit span{font-size:15px;margin:0 10px}.user-update_banner_edit img{padding-left:5px;width:18px;height:18px}.user-update_banner_edit:hover{opacity:1;transition:all .7s ease}.user-update .profileEditing{padding:40px 20px}.friendList{margin-top:75px;width:100%;margin-right:20px;display:flex;flex-direction:row reverse}@media only screen and (max-width:767px){.friendList{flex-direction:column}}.friendPage{display:flex;min-height:100vh;background:#151515}.privateMessages{padding:20px;margin:20px;margin-top:75px;width:15%;max-width:15%;display:flex;flex-direction:column;border-radius:20px;background:#3a3a3a}@media only screen and (max-width:767px){.privateMessages{width:60px}}.privateMessages a{padding:10px 0;align-items:center;color:#f0f8ff;text-decoration:none;display:flex;width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#3a3a3a}@media only screen and (max-width:767px){.privateMessages a{overflow:visible}}.privateMessages_pfp{min-width:40px;min-height:40px;max-width:40px;max-height:40px;margin-right:10px;border-radius:999px;border:2px solid #f0f8ff}@media only screen and (max-width:767px){.privateMessages_pfp{margin-right:0}}@media only screen and (max-width:767px){.privateMessages_username{display:none}}.friendRequests{width:100%}.friendRequests h3{margin-bottom:25px}.friendRequest_list{display:flex;flex-direction:column;justify-content:center;align-items:center}.friendRequest_list-element{display:flex;padding:10px;margin:0 0 15px 0;border-radius:20px;align-items:center;width:95%;background:#3a3a3a;justify-content:space-between}.friendRequest_list-element_left{display:flex;align-items:center;width:60%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.friendRequest_list-element_right{display:flex;justify-content:space-around;align-items:center}.friendRequest_list-element_right .add{background:#006a9d;padding:10px;margin:0 5px;border-radius:999px;color:#002334;transition:all .7s ease;cursor:pointer}.friendRequest_list-element_right .add:hover{transition:all .7s ease;transform:scale(1.1)}.friendRequest_list-element_right .remove{background:#e80029;padding:10px;margin:0 5px;border-radius:999px;color:#560110;cursor:pointer;transition:all .7s ease}.friendRequest_list-element_right .remove:hover{transition:all .7s ease;transform:scale(1.1)}.friendRequest_list-element_pfp{min-width:40px;min-height:40px;max-width:40px;max-height:40px;border-radius:999px;border:2px solid #f0f8ff}.friendRequest_list-element_infos{display:flex;flex-direction:column;margin-left:10px}.friendRequest_list-element_infos .username{font-size:20px}@media only screen and (max-width:767px){.friendRequest_list-element_infos .username{font-size:16px}}.friendRequest_list-element_infos .campfireID{font-size:10px;font-family:Montserrat-Light}@media only screen and (max-width:767px){.friendRequest_list-element_infos .campfireID{display:none}}.friendRequest_list-element .connected{border:2px solid #7fffd4!important}.friendRequest_list-element .not-disturb{border:2px solid #cd5c5c!important}.friendRequest_list-element .idle{border:2px solid #daa520!important}.about{padding:35px 35px 0 35px}.about .description{padding-top:20px;line-height:150%}.about .description p{padding:10px 0}.about .description a{font-weight:700;color:#fff;text-decoration:none}.logs{padding:35px}.logs h2{padding-bottom:5px}.logs ul li:before{content:attr(data-infos);font-size:18px;margin:0 10px 0 0}.logs ul{padding:15px;margin:0;list-style:none;display:grid}.logs li{font-size:12px;padding:10px 0}.invite-container,.logs li{display:flex;align-items:center}.invite-container{width:100vw;height:100vh;justify-content:center}.invite-container .invite-or{margin:30px 0;width:100%;display:flex;justify-content:space-evenly;align-items:center}.invite-container .invite-or .separator{height:2px;background:#191919;width:30%}.invite-container .invite-infos{width:50%;padding:20px}.invite-container .invite-infos,.invite-container .invite-infos-card{border-radius:20px;display:flex;flex-direction:column;align-items:center}.invite-container .invite-infos-card{margin:10px;justify-content:center;padding:25px;width:80%;background:#3a3a3a}.invite-container .invite-infos-card-top{display:flex;align-items:center}.invite-container .invite-infos-card-bottom{display:flex;align-items:center;width:100%}.invite-container .invite-infos-card input{border:none;flex-grow:1;border-radius:2rem;margin:.25rem;height:90%;padding:7px;width:90%}.invite-container .invite-infos-card button{width:100%;background:#006a9d;border-radius:20px;cursor:pointer}.invite-container .invite-infos-card .members{font-family:Montserrat-Light;font-size:10px;text-transform:uppercase}.invite-container .invite-infos-card-element{margin:0 10px}.invite-container .invite-infos-card .invite-icon{max-width:60px;max-height:60px;min-height:60px;min-width:60px}.invite-container .invite-infos-card-title{margin-bottom:10px}.serverName{margin-right:10px}.serverInfos_config{margin-top:54px;padding:20px}.serverInfos_config-staticValues{padding:50px 0;display:flex;align-items:center;justify-content:space-around;width:60%}.serverInfos_config-staticValues_item{display:flex;flex-direction:column;align-items:center}.serverInfos_config-updates{padding:40px 20px}.serverInfos_config-icon{min-width:60px;min-height:60px;max-height:60px;max-width:60px;border-radius:999px}