@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
.login{width:100%;height:100%;background:rgba(18,36,64,.8)}.login .wrapper{position:absolute;width:70%;height:70%;margin:auto;right:0;left:0;top:0;bottom:0}.login .wrapper .logo{width:100%;height:80px;background-image:url("../images/logo.png");background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom:20px}.login .wrapper .text{font-size:20px;color:rgba(255,255,255,.6);text-align:center;margin-bottom:20px}.login .wrapper .header{width:100%;color:#fff;font-size:40px;font-weight:bold;text-align:center;margin-top:20px}.login .wrapper .left{width:40%;height:70%;float:left;position:relative}.login .wrapper .left img{position:absolute;margin:auto;right:0;left:0;width:auto;height:70%}.login .wrapper .center{width:20%;height:75%;float:left}.login .wrapper .center .line{margin:0 auto;width:2px;height:46%;background:#fff}.login .wrapper .center .text{font-size:20px;color:#fff;text-align:center;margin:10px 0}.login .wrapper .right{position:relative;width:40%;height:70%;float:right}.login .wrapper .right .wrapper{width:90%;height:30%}.login .wrapper .right .wrapper.verification{text-align-last:center;height:15%}.login .wrapper .right .wrapper .label{font-size:19px;font-weight:bold;margin-bottom:10px}.login .wrapper .right .wrapper input{margin-bottom:30px}.login .wrapper .right .wrapper input.active{border-color:#0080ff}.login .wrapper .right .wrapper input.small{width:40px;height:40px;margin:0 5px 30px 5px;text-align:center;display:inline-block}.login .wrapper .right .wrapper .button{background:#1affff;color:rgba(18,36,64,.8);width:100%;text-align:center;vertical-align:middle;border-radius:10px;padding:15px 0;font-size:20px}.login .wrapper .right .wrapper .button.active{background:#0080ff;color:#fff}.login .wrapper .conditions{margin:0 auto;width:40%;float:unset;font-size:20px;text-align:center;max-width:500px}.login .wrapper .conditions div{margin:5px 2px;display:inline-block}.login .wrapper .conditions div:first-child{margin-top:20px}.login .wrapper .conditions div.link{text-decoration:underline}.login .wrapper .conditions div.link.active{color:#0080ff}.menu{margin:10px;height:70px;background:rgba(10,42,73,.4);border-radius:16px;display:inline-flex}.menu .line{height:44px;width:1px;background:rgba(255,255,255,.2);margin:13px 0}.menu .logo{background-image:url("../images/logo.png");background-size:contain;background-position:center;background-repeat:no-repeat;width:100px;height:40px;margin:15px 20px}.menu .user{width:42px;height:42px;border-radius:50%;margin:15px 20px;background:rgba(18,36,64,.8);color:#fff;line-height:42px;text-align:center;border:solid 1px rgba(18,36,64,.8)}.menu .user .image{background-color:unset}.menu .user.active{background:#0080ff;border-color:#0080ff}.menu .wrapper{background:rgba(18,36,64,.8);height:40px;border-radius:360px;width:104px;margin:15px 20px}.menu .publicChat,.menu .privateChat{height:32px;width:44px;background-image:url("../images/publicChat.png");background-position:center;background-repeat:no-repeat;border-radius:360px;margin:4px;display:inline-block}.menu .publicChat.active,.menu .privateChat.active{background-color:#0080ff}.menu .publicChat{background-image:url("../images/publicChat.png")}.menu .privateChat{background-image:url("../images/privateChat.png")}.exit{width:522px;height:190px;border-radius:16px;background:rgba(18,36,64,.8);font-size:24px;position:absolute;margin:auto;right:0;left:0;top:0;bottom:0;text-align:center}.exit .text{margin-top:40px}.exit .button{display:inline-block;padding:20px 0;border-style:solid;border-color:rgba(255,255,255,.2);border-width:1px 0 0 0;width:calc(50% - .5px);position:absolute;bottom:0;left:0}.exit .button.right{border-width:1px 0 0 1px;left:unset;right:0}.exit .button.active{color:#fa5555}.chats{background:rgba(18,36,64,.8);color:#fff;width:370px;height:calc(100% - 90px);border-radius:16px;overflow:hidden;margin:0 10px}.chats .chat{border-radius:16px;margin:10px;padding:10px;height:42px}.chats .chat.active{background:#283e60}.chats .chat.active .image{background-color:#0080ff}.chats .chat .image{float:left}.chats .chat .wrapper{float:left;margin:0 10px 0 15px}.chats .chat .wrapper div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chats .chat .wrapper div:first-child{font-weight:bold}.chats .chat .time{float:right;font-size:10px;line-height:20px}.messages{height:100%;font-size:22px;overflow:hidden}.messages .message{position:relative;margin:10px}.messages .message.right{margin:10px 0;text-align:right}.messages .message.right .image{right:10px}.messages .message.right .text{margin-left:auto;margin-right:62px}.messages .message .image{display:inline-block;background-color:#0080ff;position:absolute}.messages .message .text{margin-top:3px;margin-left:50px;width:fit-content;background:rgba(10,42,73,.4);padding:8px 12px;border-radius:14px}.messages .message .text .name{font-weight:bold}.messages .message .text .time{font-size:11px;text-align:right}.polls{width:calc(100% - 20px);background:rgba(18,36,64,.8);border-radius:10px;position:absolute;top:0;margin:9px;max-height:40%;z-index:1;overflow:hidden;padding-bottom:10px}.polls .question{background:rgba(18,36,64,.8);padding:20px 20px 10px;position:sticky;top:0;font-size:20px;font-weight:bold}.polls .answers{margin:0 20px}.polls .answers .answer{margin:10px 0;padding:10px;border:1px solid #fff;border-radius:10px}.polls .answers .answer div{display:inline-block;width:85%}.polls .answers .answer div:nth-child(2){text-align:right;width:15%}.settings{background:rgba(18,36,64,.8);text-align:right;width:370px;border-radius:16px;padding-top:15px;margin:0 10px}.settings .item{width:calc(100% - 50px);padding:10px 15px;margin:0 10px 10px 10px;border-radius:8px;text-align:left;display:inline-flex;line-height:40px}.settings .item.arrow{background-position:96%;background-repeat:no-repeat;background-image:url("../images/arrow.png")}.settings .item.active{background-color:#283e60}.settings .item.active .icon{background-color:#0080ff}.settings .item .icon{width:40px;height:40px;border-radius:8px;margin-right:15px;background-repeat:no-repeat;background-position:center;background-color:rgba(255,255,255,.05)}.settings .item .icon.user{background-image:url("../images/user.png")}.settings .item .icon.location{background-image:url("../images/location.png")}.settings .item .icon.terms_img{background-image:url("../images/terms.png")}.settings .item .icon.logout{background-image:url("../images/logout.png")}.settings .item .wrapper{line-height:20px}.settings .item .wrapper div:first-child{font-weight:bold}.position{width:500px;height:350px;border-radius:20px;background:rgba(18,36,64,.8);position:absolute;margin:auto;padding:0 20px;right:0;left:0;top:0;bottom:0;text-align:center}.position .text{font-size:23px;margin:15px 0}.position .right,.position .left{margin-top:15px;display:inline-block;width:50%}.position .right.active .line,.position .left.active .line{background:#0080ff}.position .right.active .wrapper div,.position .left.active .wrapper div{background:#0080ff}.position .line{display:inline-block;width:8px;height:78px;border-radius:9px;background:rgba(255,255,255,.6);margin:0 10px}.position .wrapper{display:inline-block;width:60px;padding:20.5px 0}.position .wrapper div{background:rgba(255,255,255,.6);height:16px;border-radius:9px;width:60px}.position .wrapper div.small{width:34px}.position .wrapper div.right{float:right}.position .wrapper div:nth-child(2){margin-top:10px}.image{width:42px;height:42px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgba(255,255,255,.6);text-align:center;color:#fff;line-height:42px}.terms{width:100%;background:rgba(18,36,64,.8)}.terms .logo{width:100px;height:80px;background-image:url("../images/logo.png");background-size:contain;background-position:left;background-repeat:no-repeat;position:fixed;right:1%}.terms .termly{width:90%;margin:0 auto}.ad{margin:0 10px;position:relative;background-color:rgba(18,36,64,.8);border-radius:10px;background-position:center;background-size:cover;font-size:16px}.ad .image{margin:10px 0 0 10px;height:60px;width:60px;float:left}.ad .title{margin:10px 0 0 10px;float:left;vertical-align:middle}.ad .title div{font-size:22px}.ad .title div:nth-child(2){font-size:14px;line-height:15px;color:rgba(255,255,255,.6)}.ad .text{background:rgba(18,36,64,.8);position:absolute;bottom:0;padding:10px;max-height:30%;overflow:hidden}html,body{font-family:"Inter",sans-serif;color:#fff;width:100%;height:100%;margin:0}.main{width:25%;height:50%;position:absolute;margin-bottom:10px}.main .mainWrapper{min-width:370px;height:100%;position:absolute}input{outline:none;background:none;padding:10px;width:calc(100% - 22px);border-radius:10px;border:1px solid rgba(255,255,255,.6);color:#fff;font-size:20px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}