:root{--text-danger: color-mix(in oklab, hsl(1.417 86.395% 71.176% /1) 100%, #000 0%);--bg-color: #222222;--color-white: #fff;--bg-color-darker: #1d1d1d;--grid-bg: #313338;--grid-bg-darker: #282a2e;--grid-bg-lighter: #393b41;--lighter-hover: #3f4147;--xlighter-hover: #474a52;--color-green: #5eb15e;--btn-danger: #c93d3d;--btn-danger-hover: #b93030;--blue-main: #5e66d4;--blue-main-hover: #525ac9;--gray: color-mix(in oklab, hsl(232.5 4.167% 62.353% /1) 100%, #000 0%);--color-main: color-mix(in oklab, hsl(240 4% 85.294% /1) 100%, #000 0%);--sidebar-width: 300px;--main-width: calc(100% - var(--sidebar-width));--mobile-sidebar-width: 80px;--mobile-main-width: calc(100% - var(--mobile-sidebar-width));--color-secondary: #aeaeb4;--border-white:hsl(0 0% 100% /.0784313725490196)}@font-face{font-family:gg sans Bold;font-style:normal;font-weight:400;src:local("gg sans Bold"),url(/assets/gg%20sans%20Bold-BGlwbW8t.woff) format("woff")}@font-face{font-family:gg sans Normal Regular;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 Medium Regular;font-style:normal;font-weight:400;src:local("gg sans Medium Regular"),url(/assets/gg%20sans%20Medium-BMWm4JFW.woff) format("woff")}@font-face{font-family:gg sans SemiBold Regular;font-style:normal;font-weight:400;src:local("gg sans SemiBold Regular"),url(/assets/gg%20sans%20Semibold-xAGa8zYH.woff) format("woff")}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#48494d;border-radius:15px}::-webkit-scrollbar-thumb:hover{background-color:#5f6066}body{background-color:var(--bg-color);font-family:gg sans Normal Regular,Arial;margin:0}h1,h2,h3,h4,h5,p{margin:0}a,a:visited{text-decoration:none;color:var(--color-main)}.img .status{position:absolute;width:7px;height:7px;bottom:0;right:5px;border-radius:50%}.img .status.Online{background-color:green}.img .status.Away{background-color:#ffa600}.img .status.Dnd{background-color:red}.server-popup-container,.customConfirm-container{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1ecc;color:var(--color-white);transform:scale(0);transition:all .2s;align-content:center;justify-items:center;z-index:2}.server-popup-container.active,.customConfirm-container.active{transform:scale(1);opacity:1;visibility:visible}.editServer-container{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1ecc;color:var(--color-white);transition:all .2s;align-content:center;justify-items:center;z-index:2}.editServer-container.active{transform:scale(1);opacity:1;visibility:visible}.server-popup-container .server-popup,.customConfirm-container .customConfirm,.editServer{width:350px;background-color:var(--grid-bg);padding:30px;border-radius:10px;position:relative;box-shadow:0 0 20px #0009;transform:scale(1);opacity:1;transition:all .2s}.server-popup-container .server-popup{height:410px}.server-popup-container .server-popup .close{background:none;border:none;color:var(--color-secondary);font-size:20px;cursor:pointer;transition:color .2s ease;position:absolute;top:10px;right:10px}.server-popup-container .server-popup .close:hover{color:var(--color-bg)}.server-popup-container .server-popup .tabs{display:flex;margin-bottom:15px;border-bottom:1px solid var(--lighter-hover)}.server-popup-container .server-popup .tabs button{flex:1;padding:12px;background:none;border:none;color:#aaa;font-weight:500;font-size:14px;cursor:pointer;transition:color .2s,border-bottom .2s;border-bottom:2px solid transparent}.server-popup-container .server-popup .tabs button.active{color:var(--color-white);border-bottom:2px solid var(--blue-main)}.server-popup-container .server-popup form{opacity:0;transform:translate(30px);content-visibility:hidden;transition:all .3s ease;pointer-events:none;text-align:center}.server-popup-container .server-popup form.active{opacity:1;transform:translate(0);content-visibility:visible;pointer-events:auto;position:relative}.server-popup-container .server-popup .joinServer img{width:115px;height:100%;object-fit:cover}.server-popup-container .server-popup .joinServer>p>span{color:#6291e5!important;cursor:pointer}.server-popup-container .server-popup .joinServer>p>span:hover{text-decoration:underline;color:#8eb4f9!important}.server-popup-container .server-popup .joinServer input{width:-webkit-fill-available;padding:10px 14px;background-color:var(--bg-color);border:1px solid var(--xlighter-hover);border-radius:6px;color:#fff;font-size:14px;outline:none;transition:border .2s ease;margin-bottom:10px}.server-popup-container .server-popup .joinServer input:focus{border-color:var(--blue-main)}.server-popup-container .server-popup .joinServer button{width:-webkit-fill-available;padding:10px 0;background-color:var(--blue-main);border:none;border-radius:6px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:10px}.server-popup-container .server-popup .joinServer button:hover{background-color:#4e55b5}.server-popup-container .server-popup .createServer .image-content{margin-bottom:80px}.editServer .image-content{margin-bottom:50px}.server-popup-container .server-popup .createServer .banner-upload,.editServer .banner-upload{width:100%;height:100px;background-color:#1e1f22;border-radius:8px;border:2px dashed #5865F2;margin-bottom:10px;display:flex;align-items:flex-end;justify-content:center;align-items:center;position:relative;color:#aaa;cursor:pointer;transition:all .2s;background-size:100% 100%;background-repeat:no-repeat}.server-popup-container .server-popup .createServer .banner-upload:hover,.editServer .banner-upload:hover,.server-popup-container .server-popup .createServer .circle-upload:hover,.editServer .circle-upload:hover{border:2px dashed #7a82d6}.server-popup-container .server-popup .createServer .circle-upload,.editServer .circle-upload{position:absolute;left:50%;top:60px;transform:translate(-50%);width:100px;height:100px;background-color:var(--bg-color);border:2px dashed #5865F2;border-radius:50%;margin:10px auto;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:13px;cursor:pointer;transition:all .2s}.server-popup-container .server-popup .createServer .iconCrop,.editServer .iconCrop{position:absolute;left:50%;top:60px;transform:translate(-50%);width:100px;height:100px;border:2px dashed #5865F2;border-radius:50%;margin:10px 0;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s}.server-popup-container .server-popup .createServer .reactEasyCrop_CropArea,.editServer .reactEasyCrop_CropArea{border:none}.server-popup-container .server-popup .createServer .bannerCrop,.editServer .bannerCrop{width:100%;height:100px;border-radius:8px;border:2px dashed #5865F2;margin-bottom:10px;display:flex;align-items:flex-end;justify-content:center;align-items:center;position:relative;transition:all .2s}.server-popup-container .server-popup .createServer input[type=text],.editServer input[type=text]{width:-webkit-fill-available;padding:10px;background-color:var(--bg-color);border:1px solid var(--xlighter-hover);border-radius:6px;color:var(--color-white);font-size:14px;outline:none;transition:border .2s ease;margin-bottom:10px}.server-popup-container .server-popup .createServer input[type=text]:focus,.editServer input[type=text]:focus,.server-popup-container .server-popup .createServer textarea:focus{border-color:var(--blue-main)}.server-popup-container .server-popup .createServer textarea,.editServer textarea{width:100%;min-height:70px;max-height:200px;padding:10px 14px;background-color:var(--bg-color);border:1px solid var(--xlighter-hover);border-radius:6px;color:#fff;font-size:14px;resize:none;outline:none;transition:border .2s ease;box-sizing:border-box}.server-popup-container .server-popup .createServer button,.editServer button{width:100%;padding:10px 0;background-color:var(--blue-main);border:none;border-radius:6px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.server-popup-container .server-popup .createServer button:hover,.editServer button:hover{background-color:#4e55b5}.server-popup-container .server-popup .createServer p,.editServer p{text-align:left;font-size:12px;color:var(--color-secondary);margin-top:5px}.customConfirm-container .customConfirm .actions{display:flex;gap:10px}.customConfirm-container .customConfirm .actions button{width:-webkit-fill-available;padding:10px;background:none;border:1px solid var(--color-secondary);border-radius:5px;color:#fff;cursor:pointer}.customConfirm-container .customConfirm .actions button:first-child{background-color:var(--blue-main);border:none}.serverContextMenu li:last-child{color:#ff4e4e!important}.serverContextMenu{font-family:gg sans Medium Regular}#editroom-popup-container,#addroom-popup-container{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1ecc;color:var(--color-white);transform:scale(0);transition:all .2s;align-content:center;justify-items:center;z-index:2}#editroom-popup-container.active,#addroom-popup-container.active{transform:scale(1);opacity:1;visibility:visible}#editroom-popup-container .editroom-popup,#addroom-popup-container .addroom-popup{width:400px;background-color:var(--grid-bg);padding:30px;border-radius:10px;position:relative;box-shadow:0 0 20px #0009;transform:scale(1);opacity:1;transition:all .2s}#editroom-popup-container .editroom-popup .close,#addroom-popup-container .addroom-popup .close{background:none;border:none;color:var(--color-secondary);font-size:20px;cursor:pointer;transition:color .2s ease;position:absolute;top:10px;right:10px}#editroom-popup-container .editroom-popup .close:hover,#addroom-popup-container .addroom-popup .close:hover{color:var(--color-bg)}#editroom-popup-container .editroom-popup input,#addroom-popup-container .addroom-popup input{width:-webkit-fill-available;padding:10px 14px;background-color:var(--bg-color);border:1px solid var(--xlighter-hover);border-radius:6px;color:#fff;font-size:14px;outline:none;transition:border .2s ease;margin-bottom:10px}#editroom-popup-container .editroom-popup input:focus,#addroom-popup-container .addroom-popup input:focus{border-color:var(--blue-main)}#editroom-popup-container .editroom-popup button[type=submit],#addroom-popup-container .addroom-popup button[type=submit]{width:-webkit-fill-available;padding:10px 0;background-color:var(--blue-main);border:none;border-radius:6px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s;margin-bottom:10px}#root{display:flex;flex-direction:row;min-height:100vh;background-color:#313338}aside{display:flex;flex-direction:column;background-color:#313338;width:40px;padding:10px;border-right:1px solid var(--border-white);transition:all .2s;white-space:nowrap;overflow:hidden;gap:5px;flex-shrink:0}aside .profile .img{position:relative}aside .logo img{width:38px;height:38px}aside .logo{width:100%}aside:hover{width:250px}aside .btn{width:100%;display:flex;gap:19px;align-items:center;font-family:gg sans Medium Regular;color:var(--gray);background:transparent;border-radius:3px;box-sizing:border-box;padding:10px 0;transition:all .1s}aside .btn i{transition:all .1s}aside .btn.active,aside .btn.active i{background-color:var(--lighter-hover);color:#fff}aside .btn:hover,aside .btn:hover i{background-color:var(--lighter-hover);color:#fff}aside .btn i{padding:0 0 0 7px;font-size:23px;color:#aeaeb4;width:fit-content}aside .btn .count{padding:5px 10px;border-radius:5px;background-color:var(--btn-danger-hover);line-height:1}aside .messages .user{padding:5px 0}aside .messages .user:hover .userInfo .username{color:var(--color-main)!important}aside .messages .user,aside .profile{border-radius:2px}aside .messages .user:hover{color:var(--color-main);background-color:var(--lighter-hover);outline:1px solid var(--lighter-hover)}aside .profile:hover{color:var(--color-main);background-color:var(--lighter-hover);outline:3px solid var(--lighter-hover)}aside .messages .user,aside .profile,main .userActivity .user{cursor:pointer;display:flex;align-items:center;gap:15px;position:relative}aside .profile .img img.speaking,.room ul .users .user .img img.speaking{outline:2px solid #008000;border-radius:50%}aside .messages .user .img,aside .profile .img,main .userActivity .user .img{padding:0 0 0 3px;width:32px;height:32px;position:relative}aside .messages .user .img img,aside .profile .img img,main .userActivity .user .img img{width:32px;height:32px;object-fit:cover;border-radius:50%}aside .messages .user.notice:after,aside .messages .user.active:after{content:"";position:absolute;background-color:var(--blue-main);width:3px;height:50%;border-radius:25px;bottom:10px;right:-5px}aside .messages .user.active:after{background-color:var(--color-white)}aside .messages .user .img .notice.active{background-color:var(--blue-main)}aside .messages .user .userInfo p{color:var(--gray);font-weight:400;font-size:16px;font-family:gg sans Medium Regular}aside .messages .user.active .userInfo p{color:var(--color-main)}aside .profile .userInfo p,main .userActivity .user .userInfo p{color:var(--color-main);font-weight:600}aside .profile .userInfo p:last-child,main .userActivity .user .userInfo p:last-child{color:var(--gray)!important;font-size:14px;font-weight:600}aside .messages{margin-bottom:auto}aside .voiceActionBar,aside .coming-call{display:none;padding:8px 10px;border:1px solid #008000;height:20px;border-radius:5px;transition:.2s;background-color:var(--bg-color);color:var(--color-green);margin-top:auto;margin-bottom:5px;overflow:hidden}@keyframes border-blink{0%{border-color:#4287f500;color:#4287f580}50%{border-color:#4287f5;outline:5px solid rgba(66,135,245,0);color:#4287f5}to{border-color:#4287f500;color:#4287f580}}aside .coming-call{border:1px solid rgba(66,135,245,0);color:#4287f5;animation:border-blink 1.5s infinite ease-in-out;border-radius:50%}aside .coming-call p{margin-top:2px}aside .coming-call span{color:#fff!important;display:inline-block;max-width:7ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;cursor:pointer;position:relative}aside .voiceActionBar p:first-child{cursor:default}aside .voiceActionBar a,aside .coming-call a{font-size:12px;color:var(--color-secondary)}aside:hover .voiceActionBar{height:90px}aside:hover .coming-call{height:fit-content;border-radius:5px}aside .voiceActionBar .actions,aside .coming-call .actions{display:flex;gap:5px;align-items:center;justify-content:center;margin-top:10px}aside .voiceActionBar .actions i,aside .coming-call .actions i{background-color:var(--lighter-hover);color:var(--color-white);padding:10px;border-radius:5px;width:100%;text-align:center;cursor:pointer;transition:all .15s}aside .coming-call .actions i{display:flex;padding:7px!important;align-content:center;justify-content:center;border:1px solid var(--border-white)}aside .voiceActionBar .actions i:hover,aside .coming-call .actions i:hover{background-color:var(--xlighter-hover)}aside .voiceActionBar .actions i:last-child,aside .coming-call .actions i:last-child{background-color:var(--btn-danger)!important}aside .voiceActionBar .actions i:last-child:hover,aside .coming-call .actions i:last-child:hover{background-color:var(--btn-danger-hover)!important}aside .voiceActionBar .actions .active,aside .coming-call .actions .active{background-color:var(--color-white)!important;color:var(--lighter-hover)!important}main{display:flex;flex-direction:row;flex-wrap:wrap;flex:1 1 100%;align-content:flex-start;position:relative}main .userActivity{display:none;position:absolute;bottom:20px;left:20px;width:250px;border-radius:5px;border:1px solid var(--border-white);background-color:var(--grid-bg-lighter);color:var(--color-white);z-index:3;box-sizing:border-box}main .userActivity.active{display:block!important}main .userActivity .user{margin-bottom:10px;padding:10px;position:relative}.user .userActivity-actions{display:flex;gap:12px;align-items:center;position:absolute;top:11px;right:10px}.user .userActivity-actions .fa.fa-xmark{padding:0 2px}main .userActivity .user .userInfo>p{width:fit-content;max-width:14ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main .userActivity .user>a{margin-left:auto}main .userActivity .user i{color:var(--color-main);transition:.15s;border-radius:50%;background:transparent}main .userActivity .user i:hover{color:#fff;background:var(--blue-main);outline:5px solid var(--blue-main)}main .userActivity .statuses>div{position:relative;padding:8px;cursor:pointer;transition:all .1s}main .userActivity .statuses>div>p{margin-left:25px}main .userActivity .statuses div:hover{background-color:var(--lighter-hover)}main .userActivity .statuses div:before{content:"";width:10px;height:10px;position:absolute;top:50%;left:20px;transform:translate(-10px,-50%);border-radius:50%}main .userActivity .statuses div.Online:before{background-color:green}main .userActivity .statuses div.Away:before{background-color:#ffd900}main .userActivity .statuses div.Dnd:before{background-color:red}main .userActivity .statuses div p:last-child{color:#a7a7a7!important;font-size:10px}main .userActivity button{margin-top:10px;border:none;width:100%;height:30px;border-radius:2px;color:var(--color-white);background-color:var(--xlighter-hover);cursor:pointer;box-sizing:border-box}header{width:100px;flex:1 1 100%;display:flex;align-items:center;gap:10px;background-color:var(--grid-bg);padding:10px 10px 3px;margin-top:3px;border-bottom:1px solid var(--border-white);height:35px}header .servers{display:flex;gap:5px;max-width:97%;width:97%;padding-bottom:10px;overflow:hidden;scroll-behavior:smooth}.servers::-webkit-scrollbar-track{background:#313338}.servers::-webkit-scrollbar-thumb{background:var(--lighter-hover);border-radius:15px}.servers::-webkit-scrollbar{height:3px;visibility:hidden}.servers:hover{overflow-x:auto}header .servers .server{width:35px;min-width:35px;height:35px;cursor:pointer;flex-shrink:0}header .servers .server img{border-radius:50%;object-fit:cover;width:100%;height:100%;transition:all .2s}header .servers .server img:hover,header .server img.active{border-radius:30%}header .servers .server a.active{position:relative}header .servers .server a.active:after{content:"";position:absolute;background-color:var(--color-white);width:100%;height:2px;border-radius:25px;bottom:-3px;left:0;z-index:1}header .servers .server:hover:after{content:attr(data-hovertext);position:absolute;background-color:var(--bg-color-darker);color:var(--color-white);display:flex;justify-content:center;align-items:center;border-radius:5px;padding:4px 8px;font-size:12px;height:auto;min-width:50px;white-space:nowrap;pointer-events:none;z-index:1}header .servers .server .serverContextMenu li i{background-color:var(--blue-main);width:25px;height:25px;cursor:pointer;border-radius:50%;text-align:center;align-content:center;color:var(--color-white)}header>i{background-color:var(--blue-main);width:35px;height:35px;cursor:pointer;border-radius:50%;text-align:center;align-content:center;color:var(--color-white);margin-bottom:10px}.content-container{background-color:#313338;padding:10px;width:100%;display:flex;flex-direction:column;box-sizing:border-box}.room-link:hover{text-decoration:underline;cursor:pointer}.room-container .sidebar,.server-container .sidebar{width:15%;min-width:300px;max-width:300px;border-left:1px solid var(--border-white);overflow-y:auto;}.room-container .sidebar .tabs,.server-container .sidebar .tabs{position:relative;padding:12px}.room-container .sidebar .tabs .tab-btn,.server-container .sidebar .tabs .tab-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-secondary);flex:1;text-align:center;position:relative;z-index:1}.room-container .sidebar .tabs .tab-btn.active,.server-container .sidebar .tabs .tab-btn.active{color:var(--color-white)}.server-container .sidebar .tabs .tab-btn:nth-child(1) i,.room-container .sidebar .tabs .tab-btn:nth-child(1) i{position:relative}.server-container .sidebar .tabs .tab-btn:nth-child(1) i span,.room-container .sidebar .tabs .tab-btn:nth-child(1) i span{position:absolute;top:-10px;right:-15px;width:fit-content;height:fit-content;font-size:11px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#525ac9;color:#fff;pointer-events:none;padding:3px 5px}.room-container .sidebar .tabs .tab-line,.server-container .sidebar .tabs .tab-line{position:absolute;bottom:0;left:0;height:1px;width:50%;background-color:var(--border-white);transition:left .3s ease;z-index:0}.room-container .sidebar>.users.active,.room-container .sidebar>.rooms.active,.server-container .sidebar>.users.active,.server-container .sidebar>.rooms.active{display:flex!important;}.room-container .sidebar>.users,.server-container .sidebar>.users{display:none;flex-direction:column;gap:7px;overflow-y:auto;padding:5px}.room-container .sidebar .tab-content h3,.server-container .sidebar .tab-content h3{font-size:16px;padding:10px;align-items:center;display:flex;color:var(--gray);cursor:default;gap:5px}.roomName{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--gray)}.room-container .sidebar .tab-content h3 span,.server-container .sidebar .tab-content h3 span{margin-left:auto;cursor:pointer}.room-container .sidebar .tab-content h3 i,.server-container .sidebar .tab-content h3 i{margin-right:5px}.room-container .sidebar .tab-content .user,.server-container .sidebar .tab-content .user{display:flex;align-items:center;line-height:18px;padding:5px;border-radius:10px;gap:10px;position:relative}.users .user{border-radius:5px!important}.room-container .sidebar .users .user .img,.server-container .sidebar .users .user .img{position:relative;width:40px;height:40px}.room-container .sidebar .users .user .img img,.server-container .sidebar .users .user .img img{width:40px;height:40px;object-fit:cover;border-radius:50%}.sidebar .tab-content .user .user-info{width:-webkit-fill-available}.sidebar .tab-content .user .user-info .username{color:var(--gray);font-size:13px;font-weight:600}.sidebar .tab-content .user .user-info .name{color:var(--color-main);font-size:16px;font-weight:600}.room-container .sidebar .rooms,.server-container .sidebar .rooms{display:none;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:100vh;width:100%;padding:5px!important;box-sizing:border-box;gap:5px;overflow:hidden;transition:all .5s ease-in-out}.room-container .sidebar .rooms .room,.server-container .sidebar .rooms .room{flex-wrap:wrap;position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:5px;color:var(--color-main);max-width:100%;border-radius:5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room .room-info a{width:100%;padding:10px}.room>.room-info>i{display:none;margin-right:10px;background:transparent;transition:all .15s;border-radius:50%;padding:5px}.room>.room-info>i:hover{color:var(--color-white);background:var(--blue-main);outline:4px solid var(--blue-main)}.room>.room-info>i.fa-pencil{margin:0!important}.room-container .sidebar .rooms .room .room-info:hover>i,.server-container .sidebar .rooms .room .room-info:hover>i{display:block}.room-container .sidebar .rooms .room .room-info:hover .roomName,.server-container .sidebar .rooms .room .room-info:hover .roomName{color:var(--color-main)}.room-container .sidebar .rooms .room .room-info,.server-container .sidebar .rooms .room .room-info{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:5px}.room-container .sidebar .rooms .room .room-info .roomContextMenu,.server-container .sidebar .rooms .room .room-info .roomContextMenu,.sidebar .users .user .user-info .userContextMenu,header .server .serverContextMenu{position:fixed;visibility:hidden;background-color:#2c2f33;border:1px solid #444;border-radius:5px;width:180px;box-shadow:0 0 10px #00000080;transition:all .2s ease-in-out;list-style:none;padding:0;margin:0;z-index:2;opacity:0;transform:scale(.95)}.room-container .sidebar .rooms .room .room-info .roomContextMenu.active,.server-container .sidebar .rooms .room .room-info .roomContextMenu.active,.sidebar .users .user .user-info .userContextMenu.active,header .server .serverContextMenu.active{visibility:visible;opacity:1;transform:scale(1)}.room-container .sidebar .rooms .room .room-info .roomContextMenu li,.server-container .sidebar .rooms .room .room-info .roomContextMenu li,.sidebar .users .user .user-info .userContextMenu li,header .server .serverContextMenu li{padding:10px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;border-radius:3px}.userContextMenu div{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--border-white);gap:8px}.userContextMenu div img{width:36px;height:36px;border-radius:50%;object-fit:cover}.userContextMenu div p{font-size:15px!important;font-weight:500!important;color:#fff!important;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:gg sans Normal Regular,Arial}.userContextMenu li:last-child{color:#f84343!important}.room-container .sidebar .rooms .room .room-info .roomContextMenu li:hover,.server-container .sidebar .rooms .room .room-info .roomContextMenu li:hover,.sidebar .users .user .user-info .userContextMenu li:hover,header .server .serverContextMenu li:hover{background-color:#40444b}.room-container .sidebar .rooms .room .room-info .fa-pencil,.server-container .sidebar .rooms .room .room-info .fa-pencil{margin-left:auto}.room-container .sidebar .rooms .room ul,.server-container .sidebar .rooms .room ul{flex:1 1 100%;padding:0;margin:0 0 0 15px}.room-container .sidebar .rooms .room .user .img,.server-container .sidebar .rooms .room .user .img{width:30px;height:30px}.room-container .sidebar .rooms .room .user .img img,.server-container .sidebar .rooms .room .user .img img{width:30px;height:30px;object-fit:cover;border-radius:50%}.room-container .sidebar .rooms .room .room-info:hover,.server-container .sidebar .rooms .room .room-info:hover{background-color:var(--lighter-hover);color:var(--color-main)}.room-container .sidebar .rooms .room .users .user:hover,.server-container .sidebar .rooms .room .users .user:hover,.server-container .sidebar .tab-content.users .user:hover,.room-container .sidebar .tab-content.users .user:hover{background-color:var(--lighter-hover);cursor:pointer}#remoteScreen,#canvas{display:none}.message>a{color:#6291e5!important}.message>a:hover{text-decoration:underline!important}.tabs{display:flex;gap:15px;width:-webkit-fill-available;align-items:center}.tabs .title,.tabs .tab{padding:5px 10px;display:flex;align-items:center;height:25px;color:#c4c4c4;gap:10px;justify-content:left;border-radius:5px;font-size:16px;transition:all .1s}.tabs .title{position:relative}.tabs .title:after{content:"";position:absolute;top:15px;right:-5px;background-color:var(--border-white);width:5px;height:5px;border-radius:50%}.tabs .title i{font-size:20px;color:var(--gray)}.tabs .tab a{font-family:gg sans Medium Regular;color:var(--gray);transition:all .1s}.tabs .tab:hover a,.tabs .tab.active a{color:var(--color-white)}.tabs .tab:hover,.tabs .tab.active{background-color:var(--lighter-hover);font-weight:500;cursor:pointer}.tabs>i{color:#fff;width:fit-content;margin-left:auto;background-color:var(--blue-main-hover);padding:10px;border-radius:5px;cursor:pointer;position:relative}.tabs>i>span{position:absolute;top:-5px;right:-5px;width:18px;font-size:12px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:red;color:#fff}.search{position:relative;padding:8px 0}.search input{color:#fff;width:-webkit-fill-available;padding:13px;outline:none;background-color:#222;border:0;border-radius:5px}.search i{position:absolute;right:10px;top:20px;font-size:15px;color:#b0b0b0}.friends{border-top:1px solid #4c5057;padding-top:10px}.friends .user-container{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border-white);transition:all .1s}.friends .user-container a{display:flex;align-items:center;justify-content:flex-start;transition:all .1s;gap:10px;width:100%}.friends .user-container a .img{height:50px!important}.friends .user-container .username{color:var(--gray)}.friends .user-container .name{font-weight:600}.friends .user-container img{width:50px;height:50px;border-radius:50%}.friends .user-container:hover{background-color:var(--border-white);cursor:pointer;border-radius:5px;border-bottom:1px solid transparent}.friends .user-container .icons{display:flex;opacity:0;gap:10px;margin-right:5px;transition:all .1s}.friends .user-container:hover .icons{opacity:1;z-index:10}.friends .user-container .icons i{text-align:center;color:var(--color-main);padding:10px;background-color:#313338;border-radius:50%;height:13px!important;font-size:13px;transition:all .15s}.friends .user-container .icons i:hover{color:#ff5858}.friends .user-container .user{border-radius:10px;display:flex;align-items:center;gap:15px;width:-webkit-fill-available}.friends .user-container .user .img{position:relative;width:40px;height:40px}.friends .user-container .user .img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.friends .user-container .user .userInfo p{color:var(--color-main);font-size:15px;font-weight:600}.friends .user-container .user .userInfo p:last-child{font-weight:100}.friends .user-container button{background-color:#3f3f45;width:fit-content;padding:10px 20px;font-size:16px;border-radius:5px;transition:all .1s;border:1px solid var(--border-white);color:var(--color-white);cursor:pointer}.friends .user-container button:hover{background-color:#49494e}.addfriend-popup-container{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1ecc;color:var(--color-white);transform:scale(0);transition:all .2s;align-content:center;justify-items:center;z-index:2}.addfriend-popup-container.active{transform:scale(1);opacity:1;visibility:visible}.addfriend-popup-container .addfriend-popup{width:400px;background-color:var(--grid-bg);padding:30px;border-radius:10px;position:relative;box-shadow:0 0 20px #0009;transform:scale(1);opacity:1;transition:all .2s}.addfriend-popup-container .addfriend-popup{height:410px}.addfriend-popup-container .addfriend-popup .close{background:none;border:none;color:var(--color-secondary);font-size:20px;cursor:pointer;transition:color .2s ease;position:absolute;top:10px;right:10px}.addfriend-popup-container .addfriend-popup .close:hover{color:var(--color-bg)}.addfriend-popup-container .addfriend-popup .tabs{display:flex;margin-bottom:15px;border-bottom:1px solid var(--lighter-hover)}.addfriend-popup-container .addfriend-popup .tabs button{flex:1;padding:12px;background:none;border:none;color:#aaa;font-weight:500;font-size:14px;cursor:pointer;transition:color .2s,border-bottom .2s;border-bottom:2px solid transparent}.addfriend-popup-container .addfriend-popup .tabs button.active{color:var(--color-white);border-bottom:2px solid var(--blue-main)}.addfriend-popup-container .addfriend-popup .tabs button:nth-child(2){position:relative}.tabs button:nth-child(2) span{position:absolute;top:5px;right:45px;width:15px;height:15px;font-size:11px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#525ac9;color:#fff}.addfriend-popup-container .addfriend-popup .addFriend,.addfriend-popup-container .addfriend-popup .friendRequests{opacity:0;transform:translate(30px);content-visibility:hidden;transition:all .3s ease;pointer-events:none;text-align:center}.addfriend-popup-container .addfriend-popup .addFriend.active,.addfriend-popup-container .addfriend-popup .friendRequests.active{opacity:1;transform:translate(0);content-visibility:visible;pointer-events:auto;position:relative}.friendRequests.tab-content.active .actions button i{height:16px!important;display:block}.addfriend-popup-container .addfriend-popup div input[type=text]{width:-webkit-fill-available;padding:10px;background-color:var(--bg-color);border:1px solid var(--xlighter-hover);border-radius:6px;color:var(--color-white);font-size:14px;outline:none;transition:border .2s ease;margin-bottom:10px}.addfriend-popup-container .addfriend-popup div input[type=text]:focus{border-color:var(--blue-main)}.addfriend-popup-container .addfriend-popup div .users{height:300px;overflow:auto}.addfriend-popup-container .addfriend-popup div .user{display:flex;align-items:center;border-bottom:1px solid var(--border-white);padding:5px;border-radius:5px;cursor:pointer;transition:all .15s;gap:5px}.addfriend-popup-container .addfriend-popup div .user:hover{background:var(--lighter-hover)}.addfriend-popup-container .addfriend-popup div .user img{width:40px;height:40px;border-radius:50px;object-fit:cover}.addfriend-popup-container .addfriend-popup div .user .user-info{text-align:left;line-height:16px}.addfriend-popup-container .addfriend-popup div .user .user-info p:last-child{font-size:13px;color:#888}.addfriend-popup-container .addfriend-popup div .actions{margin-left:auto;display:flex;gap:10px}.addfriend-popup-container .addfriend-popup div .actions button{padding:5px 25px;cursor:pointer;font-size:16px;border-radius:5px;border:1px solid var(--border-white);color:#fff;transition:all .15s;background-color:var(--xlighter-hover)}.addfriend-popup-container .addfriend-popup div .actions button:hover{background-color:var(--lighter-hover)}.addfriend-popup-container .addfriend-popup div .actions button:first-child{background-color:var(--blue-main)}.addfriend-popup-container .addfriend-popup div .actions button:first-child:hover{background-color:var(--blue-main-hover)}.server-container{display:flex;width:100%;height:calc(100vh - 56px);background-color:var(--grid-bg);color:var(--color-white)}.server-container .server-info{width:85%;text-align:center;height:-webkit-fill-available}.server-container .server-info .imgs{position:relative}.server-container .server-info .imgs .banner{width:100%;height:300px;object-fit:cover;border-bottom:2px solid var(--border-white)}.server-container .server-info .imgs .icon{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid var(--border-white);transform:translate(-50%);width:200px;height:200px;object-fit:cover;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.server-container .server-info h1{margin-top:70px}.server-container .server-info p{width:70%;border-radius:5px;background-color:var(--bg-color);padding:5px;text-align:center;color:#a0a0a0;margin:auto}.room-container{display:flex;width:100%;height:calc(100vh - 56px);background-color:var(--grid-bg);color:var(--color-white)}.header>i{padding:10.5px;cursor:pointer;border-radius:50%;transition:all .1s;margin-left:10px;outline:0px solid var(--grid-bg)}.header>i:hover{background-color:var(--lighter-hover);outline:3px solid var(--lighter-hover)}.room-container>.room{width:85%;display:flex;flex-direction:column;gap:10px;height:-webkit-fill-available;position:relative}.room-container .room .header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-white);padding:7px}.room-container .room .header .fa-pencil{margin-left:auto}.room-container .room .messages{box-sizing:border-box;display:flex;width:100%;flex-direction:column-reverse;gap:10px;overflow-y:auto;flex:1 1 100%;z-index:1;padding:10px}.room-container .room .messages .user{border-radius:10px;display:flex;gap:10px}.room-container .room .messages .user .img{position:relative;min-width:40px;max-width:40px;height:40px}.room-container .room .messages .user .img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.room-container .room .messages .user .userInfo{flex:1 1 90%}.room-container .message-input{position:relative;padding:0 10px 10px}.room .messages .userInfo .name{font-size:1rem;font-family:gg sans SemiBold regular;font-weight:500}.room .messages .userInfo .name:hover{text-decoration:underline;cursor:pointer}.room .messages .userInfo .message{word-break:break-word;width:100%;font-size:17px;font-family:gg sans Normal Regular;color:var(--color-main)!important;position:relative}.room .messages .userInfo .message:hover{background-color:var(--lighter-hover)}.messages .user .userInfo .message .fa-trash{display:none;position:absolute;right:0;top:-25px;font-size:12px;cursor:pointer;color:#9f9f9f;padding:7px;background-color:var(--lighter-hover);border:1px solid var(--border-white);border-radius:5px;transition:all .15s}.messages .user .userInfo .message .fa-trash:hover{transform:scale(1.1)}.messages .user .userInfo .message:hover .fa-trash{display:block}.room-container .room .messages .user .userInfo .message .date{visibility:hidden;font-size:11px;color:var(--gray);cursor:default;pointer-events:none;float:right;margin:4px 8px 0 0;transform:scaleX(1.1)}.room-container .room .messages .user .userInfo .message:hover .date{visibility:visible}.room-container .message-input textarea{color:color-mix(in oklab,hsl(240 4% 85.294% /1) 100%,#000 0%);width:-webkit-fill-available;padding:15px;outline:none;background-color:var(--lighter-hover);border:0;border-radius:5px;resize:none;font-family:Poppins,Arial;max-height:60px;height:20px}.room-container .message-input i{position:absolute;top:13px;right:20px;color:#b0b0b0;font-size:24px;cursor:pointer}.room-container .message-input i:last-child{right:50px}.room-container .room:has(>#video) .messages,.room-container .room:has(>#video) .message-input,.room-container .room:has(>#remoteScreen) .messages,.room-container .room:has(>#remoteScreen) .message-input{opacity:0;transition:all .2s}#video,#remoteScreen{position:absolute;top:40px;left:0;width:-webkit-fill-available;height:calc(100% - 40px);z-index:2;-webkit-mask-image:linear-gradient(to bottom,#000000e6 100%,#0092ff00);mask-image:linear-gradient(to bottom,#000000e6 100%,#0092ff00);transition:all 10s;background-color:#000}.room-container .room:has(>#video:hover) .messages,.room-container .room:has(>#video) .messages:hover,.room-container .room:has(>#video):has(.message-input:hover) .messages,.room-container .room:has(>#remoteScreen:hover) .messages,.room-container .room:has(>#remoteScreen) .messages:hover,.room-container .room:has(>#remoteScreen):has(.message-input:hover) .messages{opacity:1;z-index:2!important}.room-container .room:has(>#video:hover) #video,.room-container .room:has(>#video):has(.messages:hover) #video,.room-container .room:has(>#video):has(.message-input:hover) #video,.room-container .room:has(>#remoteScreen:hover) #remoteScreen,.room-container .room:has(>#remoteScreen):has(.messages:hover) #remoteScreen,.room-container .room:has(>#remoteScreen):has(.message-input:hover) #remoteScreen{-webkit-mask-image:linear-gradient(to bottom,#000000e6 20%,#0092ff00);mask-image:linear-gradient(to bottom,#000000e6 20%,#0092ff00);transition:all 10s}.room-container .room:has(>#video:hover) .message-input,.room-container .room:has(>#video) .message-input:hover,.room-container .room:has(>#video):has(.messages:hover) .message-input,.room-container .room:has(>#remoteScreen:hover) .message-input,.room-container .room:has(>#remoteScreen) .message-input:hover,.room-container .room:has(>#remoteScreen):has(.messages:hover) .message-input{opacity:1;z-index:3!important}.header .fa-hashtag{padding:8.5px}.header .fa-phone:hover{background-color:var(--lighter-hover);outline:3px solid var(--lighter-hover)}.chat-container{display:flex;width:100%;height:calc(100vh - 56px);background-color:var(--grid-bg);color:var(--color-white)}.chat-container .chat{width:85%;display:flex;flex-direction:column;gap:10px;height:-webkit-fill-available;position:relative}.chat-container .chat .header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-white);padding:7px}.chat-container .chat .messages{display:flex;width:100%;flex-direction:column-reverse;gap:10px;overflow-y:auto;flex:1 1 100%;z-index:1;padding:10px;box-sizing:border-box}.chat-container .chat .messages .user{border-radius:10px;display:flex;gap:10px}.chat-container .chat .messages .user .img{position:relative;min-width:40px;max-width:40px;height:40px}.chat-container .chat .messages .user .img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-container .chat .messages .user .userInfo{flex:1 1 90%}.chat-container .chat .messages .user .userInfo .message{word-break:break-word;width:100%;font-size:17px;font-family:gg sans Normal Regular;color:var(--color-main)!important;position:relative}.chat .messages .userInfo .name{font-size:1rem;font-family:gg sans SemiBold regular;font-weight:500}.chat .messages .userInfo .name:hover{text-decoration:underline;cursor:pointer}.chat-container .chat .messages .user .userInfo .message:hover{background-color:var(--lighter-hover)}.chat-container .chat .messages .user .userInfo .message .fa-trash{display:none;position:absolute;right:0;top:-25px;font-size:12px;cursor:pointer;color:#9f9f9f;padding:7px;background-color:var(--lighter-hover);border:1px solid var(--border-white);border-radius:5px;transition:all .15s}.chat-container .chat .messages .user .userInfo .message .fa-trash:hover{transform:scale(1.1)}.chat-container .chat .messages .user .userInfo .message:hover .fa-trash{display:block}.chat-container .chat .messages .user .userInfo .message .date{visibility:hidden;font-size:11px;color:var(--gray);cursor:default;pointer-events:none;float:right;margin:4px 8px 0 0;transform:scaleX(1.1)}.chat-container .chat .messages .user .userInfo .message:hover .date{visibility:visible}.chat-container .message-input{position:relative;padding:0 10px 10px}.chat-container .message-input textarea{color:color-mix(in oklab,hsl(240 4% 85.294% /1) 100%,#000 0%);width:-webkit-fill-available;padding:15px 70px 15px 15px;outline:none;background-color:var(--lighter-hover);border:0;border-radius:5px;resize:none;font-family:Poppins,Arial;max-height:60px;height:20px}.chat-container .message-input i{position:absolute;top:13px;right:20px;color:#b0b0b0;font-size:24px}.chat-container .message-input i:last-child{right:50px}.chat-container .sidebar{width:100%;max-width:300px;border-left:1px solid var(--border-white);position:relative;color:var(--color-secondary)}.chat-container .sidebar img:first-child{height:150px;width:100%;object-fit:cover}.chat-container .sidebar img:nth-child(2){position:absolute;top:100px;left:20px;width:70px;height:70px;object-fit:cover;border-radius:50%;border:3px solid var(--grid-bg)}.chat-container .sidebar>h3{margin:20px 10px 0}.chat-container .sidebar>p{margin:0 10px}.chat-container .sidebar .bio{background-color:var(--bg-color);padding:10px;border-radius:10px;margin:10px}.chat-container .sidebar .bio p{font-size:14px}.chat-container .sidebar .actions{margin:10px}.chat-container .sidebar .actions button{border:none;background-color:var(--bg-color);width:-webkit-fill-available;border-bottom:2px solid var(--grid-bg);display:block;padding:10px;font-size:14px;color:var(--color-main);font-family:Poppins,Arial;cursor:pointer;text-align:left;transition:all .1s}.chat-container .sidebar .actions button:first-child{border-radius:10px 10px 0 0}.chat-container .sidebar .actions button:last-child{color:var(--btn-danger);border-radius:0 0 10px 10px}.chat-container .sidebar .actions button:hover{background-color:var(--bg-color-darker)}.chat-container .chat:has(>#video) .messages,.chat-container .chat:has(>#video) .message-input{opacity:0;transition:all .2s}.row-buttons{display:flex;gap:2px}.row-buttons i{width:14px!important;height:14px!important}.row-buttons .fi-bs-check{font-size:11px}.row-buttons button{display:flex!important;gap:3px;align-items:center}.row-buttons button:last-child{border-radius:0 10px 0 0!important;color:var(--color-main)!important}.row-buttons button:first-child{border-radius:10px 0 0!important;color:var(--blue-main)!important}#video{position:absolute;top:40px;left:0;width:-webkit-fill-available;height:calc(100% - 40px);z-index:2;-webkit-mask-image:linear-gradient(to bottom,#000000e6 100%,#0092ff00);mask-image:linear-gradient(to bottom,#000000e6 100%,#0092ff00);transition:all 10s}.chat-container .chat:has(>#video:hover) .messages,.chat-container .chat:has(>#video) .messages:hover,.chat-container .chat:has(>#video):has(.message-input:hover) .messages{opacity:1;z-index:2!important}.chat-container .chat:has(>#video:hover) #video,.chat-container .chat:has(>#video):has(.messages:hover) #video,.chat-container .chat:has(>#video):has(.message-input:hover) #video{-webkit-mask-image:linear-gradient(to bottom,#000000e6 20%,#0092ff00);mask-image:linear-gradient(to bottom,#000000e6 20%,#0092ff00);transition:all 10s}.chat-container .chat:has(>#video:hover) .message-input,.chat-container .chat:has(>#video) .message-input:hover,.chat-container .chat:has(>#video):has(.messages:hover) .message-input{opacity:1;z-index:2!important}@media (max-width: 993px){.sidebar{display:none}.chat-container .chat,.room-container .room{width:100%}}.content-container form{position:relative;color:var(--color-white);width:800px}.content-container form .form-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.content-container form .form-group .half{flex:1 1 49%}.content-container form .form-group .full{flex:1 1 100%}.content-container form .form-group input,.content-container form .form-group textarea{width:-webkit-fill-available;padding:10px;background-color:var(--bg-color);border:1px solid var(--xlighter-hover);border-radius:6px;color:var(--color-white);font-size:14px;outline:none;transition:border .2s ease;margin-bottom:10px}.content-container form button{padding:7px 10px;border-radius:5px;transition:all .1s;font-size:12px;color:var(--color-white)!important;border:none;cursor:pointer;margin-right:10px}.content-container form .submit{background-color:#00863a}.content-container form .submit:hover{background-color:#099646}.content-container form .deleteAccount{background-color:var(--lighter-hover);color:#ff5858!important}.content-container form .deleteAccount:hover{background-color:var(--xlighter-hover)}.content-container form .banner-upload{width:100%;height:100px;background-color:#1e1f22;border-radius:8px;border:2px dashed #5865F2;margin-bottom:10px;display:flex;align-items:flex-end;justify-content:center;align-items:center;position:relative;color:#aaa;cursor:pointer;transition:all .2s;background-size:100% 100%;background-repeat:no-repeat}.content-container form .circle-upload,.content-container form .profileCrop{position:absolute;left:50px;top:200px;width:150px;height:150px;border:2px dashed #5865F2;border-radius:50%;margin:10px 0;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s}.content-container form .reactEasyCrop_CropArea{border:none}.content-container form .bannerCrop{width:100%;height:300px;border-radius:8px;border:2px dashed #5865F2;margin-bottom:10px;display:flex;align-items:flex-end;justify-content:center;align-items:center;transition:all .2s;position:relative}.information{display:flex;gap:5px;align-items:center;line-height:10px;margin-bottom:10px}.information i,.information p{font-size:11px;color:var(--gray)}@font-face{font-family:gg sans Bold;font-style:normal;font-weight:400;src:local("gg sans Bold"),url(/assets/gg%20sans%20Bold-BGlwbW8t.woff) format("woff")}@font-face{font-family:gg sans Normal Regular;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 Medium Regular;font-style:normal;font-weight:400;src:local("gg sans Medium Regular"),url(/assets/gg%20sans%20Medium-BMWm4JFW.woff) format("woff")}@font-face{font-family:gg sans SemiBold Regular;font-style:normal;font-weight:400;src:local("gg sans SemiBold Regular"),url(/assets/gg%20sans%20Semibold-xAGa8zYH.woff) format("woff")}*{font-family:gg sans Normal Regular,Arial}.login-container{background:url(/assets/background-k-dnD3GS.png) no-repeat;position:relative;background-size:cover;height:100vh;width:100%;margin:0;align-content:center;justify-items:center}.login-container>img{position:absolute;top:10px;left:10px;width:50px}.login-container a,.login-container #sendVerification{font-family:gg sans SemiBold Regular,Arial;color:#8698ee;text-decoration:none;display:block;text-align:left;font-size:14px;margin-top:5px}.login-container a:hover{text-decoration:underline}.login-container form{width:400px;color:#fff;background-color:#323339;border-radius:10px;text-align:center;padding:32px;transition:all .15s}.login-container form h1,.login-container form h3{font-weight:100}.login-container form h1{font-size:24px;font-weight:600;margin-bottom:30px}.login-container form h3{margin-bottom:20px;color:#b0b0b0}.login-container form label{display:block;text-align:left;margin:16px 0 5px 4px;color:#dfe0e2;transform:scaleY(.9);font-weight:600;font-size:12px}.login-container form .form-group{position:relative;text-align:left}.login-container form .form-group i{position:absolute;top:50%;transform:translate(15px,-50%);color:#dfe0e2}.login-container form .form-group input{width:-webkit-fill-available;background:#28282d;border:1px solid rgba(151,151,159,.2);outline:none;font-size:16px;color:#fff;padding:12px 40px;border-radius:8px;color:#dfe0e2;transition:all .15s}form .form-group input:focus{border-color:#7bb0f5}.login-container .login-btn{width:100%;padding:10px;background:#5865f2;color:#fff;border-radius:8px;cursor:pointer;transition:.1s;margin-top:50px;font-size:16px;font-weight:100;border:1px solid rgba(255,255,255,.08);font-weight:600;transition:all .15s}.login-container .login-btn:hover{background-color:#4654c0}.login-container #sendVerification{justify-self:right;background:transparent;border:none;cursor:pointer}label>span{color:#f57976;font-size:12px}@media (max-width: 500px){.login-container form{width:75%}}