@import"https://fonts.googleapis.com/css2?family=Monoton&display=swap";header{padding:20px 5vw 100px;background:linear-gradient(to bottom,var(--darck),transparent)}header .links{display:flex;align-items:center;gap:15px}header .links .icon{border-radius:50%;font-size:20px;border:1px solid;padding:7px;transition:background-color .3s ease}header .links .icon:hover{background-color:var(--light-gray);color:var(--darkcyan)}.logo{font-size:16px;gap:5px;letter-spacing:-.6px;font-weight:300;text-transform:uppercase;position:relative}.logo img{width:30px}.logo span{font-size:30px;font-family:Monoton,cursive;background:linear-gradient(135deg,transparent 7px,var(--tomato) 7px,#ecbd2c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{min-height:calc(100dvh - 200px);position:relative;z-index:2;padding:0 5vw}.hero .hero-img{background-image:url(/assets/hero-5b017e61.png);position:fixed;bottom:0;left:0;height:50vh;width:100%;z-index:-1;background-size:500px;opacity:.2;background-position:center}.hero .content{max-width:fit-content;text-align:center}.hero .content h5{line-height:.9;margin-bottom:10px;letter-spacing:1px;font-family:Monoton,cursive;font-size:6rem;text-transform:uppercase;font-weight:500}.hero .content h5.last{font-size:6rem;font-weight:500;letter-spacing:.8px;color:var(--tomato);transform-origin:left}.hero .content p{margin:20px auto 0;font-size:20px;max-width:550px}.hero .content .img{position:absolute;top:-96px;right:-172px}.main-btn{font-size:2rem;margin-top:30px;padding:15px 55px;cursor:pointer;width:fit-content;text-transform:uppercase;font-weight:500;transition:background-position .3s ease;border-radius:30px;color:#fff;letter-spacing:1px;background:linear-gradient(135deg,var(--tomato) 7px,#ecbd2c 100%);background-position:0 0;background-size:150% 150%}.main-btn:hover{background-position:100% 50%}@media (max-width:1100px){.hero .content h5{font-size:5rem}.hero .content h5.last{font-size:5.3rem}.hero .content p{max-width:100%}}@media (max-width:950px){.hero .content h5{font-size:10vw}.hero .content h5.last{font-size:10vw;margin-bottom:30px}.hero .content p{font-size:4.8vw}}:root{--side-w: 400px}#root{width:100vw;overflow:hidden}.body-container{width:100%;display:grid;grid-template-columns:var(--side-w) calc(100vw - var(--side-w));background-color:var(--darcker)}.side-bar{position:sticky;top:0;height:100dvh;background-color:var(--darcker);flex-direction:column;transition:.3s cubic-bezier(1,.99,1,1);border-right:1px solid var(--b-color);overflow:hidden;z-index:25200}.nav li.nav-link{width:100%;padding:10px;text-transform:capitalize;text-align:center;font-size:18px;opacity:.4;cursor:pointer}.nav li.active{opacity:1}.nav li.border{height:30px;width:3px;background-color:var(--b-color);opacity:.3}.side-bar .close-btn{display:none;position:absolute;top:7px;right:8px;line-height:1;z-index:30;color:#666;cursor:pointer}.side-bar .overlay{background-color:#000000ab;filter:blur(1000008px)}.header{width:100%;background-color:var(--header-bg);padding:10px 20px;height:60px}.header>.center{gap:15px}.icon{color:var(--light-gray);font-size:25px;cursor:pointer;display:flex}.s-img{--w: 40px;height:var(--w);min-width:var(--w);max-width:var(--w);border-radius:50%;overflow:hidden;cursor:pointer;background-color:var(--darkcyan)}.m-img img,.s-img img{height:100%;width:100%}.m-img{height:60px;width:60px;border-radius:10px;overflow:hidden;cursor:pointer;background-color:#cacfd2}.splide__slide{max-width:60px;min-width:60px}.slide{display:grid;grid-template-columns:repeat(3,100%);transition:.3s ease;height:calc(100dvh - 114px)}.slide .col{height:100%;width:100%}.search-bar{padding:8px 15px;border-top:1px solid var(--b-color);border-bottom:1px solid var(--b-color)}.search-bar input{color:var(--light-gray);width:100%;font-size:18px;padding:5px}.search-bar button{color:var(--light-gray)}.list{position:relative;overflow-y:scroll;min-height:calc(100dvh - 230px);max-height:calc(100dvh - 230px);scrollbar-width:none;transition:.3s ease;display:flex;flex-direction:column}.list:hover{scrollbar-width:thin}.group-detail-content .list .link .s-img{--w:35px}.group-detail-content .list .link h4{font-weight:400;font-size:16px;letter-spacing:.3px}.link{gap:20px;padding:10px 20px;color:var(--light-gray);font-size:16px;border-bottom:1px solid var(--darck);cursor:pointer;transition:background-color .3s ease}.link:hover,.link.active{background-color:var(--darck)}.link .s-img{--w:45px;pointer-events:none}.link .info{width:100%;pointer-events:none;align-items:flex-start}.link .info p{font-size:14px;color:var(--gray)}small{text-align:right;display:block;font-size:12px;color:var(--gray)}.link .mess-count{width:30px;height:30px;background-color:var(--audio-color);border-radius:50%;color:var(--body-color);transform:translate(40%,-40%)}.link .mess-count.hide{opacity:0}.user{cursor:pointer;gap:15px;color:var(--light-gray);font-size:18px}.joingroup{flex-direction:column;background:#091116 url(/bg-darck.png);background-blend-mode:overlay;height:100dvh;padding:20px;text-align:center}.joingroup .s-img{--w: 280px;box-shadow:0 1px 10px 5px var(--darcker)}.group-detail .name,.joingroup .name{font-size:25px;letter-spacing:1.5px;color:#c1432c;text-transform:uppercase;margin-top:20px;line-height:1.4}.joingroup p{max-width:600px;text-align:center;max-lines:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:20px auto}.joingroup .main-btn{padding:15px 0;width:155px;text-align:center;background:var(--tomato);border-radius:30px;font-size:17px;text-transform:uppercase;letter-spacing:1px;font-weight:600;transition:.3s ease;cursor:pointer}.joingroup .main-btn:hover{opacity:.9}.rome-cont{z-index:40000}.footer,.rome-cont{display:grid;grid-template-columns:1fr 0px;transition:.3s ease;position:relative;height:calc(100dvh - 60px)}.showDetail .footer,.showDetail .rome-cont{grid-template-columns:1fr var(--side-w)}.group-detail{border-left:1px solid var(--b-color);transition:.3s ease;position:relative}.group-detail-content{overflow:hidden;position:absolute;top:0;right:0;width:100%;background-color:var(--darcker);z-index:360;height:100dvh}.group-detail>p{background:#03111a;padding:10px;border-bottom:1px solid var(--darck)}.rome{position:relative;overflow:hidden}.mini-menu{position:absolute;top:60px;right:0;z-index:250;background-color:var(--header-bg);border-bottom-left-radius:5px;transform:translate(100%);transition:transform .3s ease;box-shadow:-2px 56px 30px #00111b8f}.mini-menu.active{transform:translate(0)}.mini-menu .link{font-size:16px;font-weight:400;border-top:1px solid var(--b-color);letter-spacing:.6px;border-bottom:none}.mini-menu .link:hover{background-color:var(--b-color)}.messages{padding:20px 4%;min-height:calc(100dvh - 120px);max-height:calc(100dvh - 120px);background:#091116 url(/bg-darck.png);transition:.3s ease;background-blend-mode:overlay;overflow-y:scroll}.date{padding:3px 15px;background:var(--darck);margin:15px auto;width:fit-content;border-radius:5px;position:sticky;top:0;z-index:2;transition:.3s ease;font-size:14px;font-weight:300;letter-spacing:.3px;text-transform:capitalize}.message-cont{gap:10px;width:100%;margin-bottom:10px;align-items:flex-start}.message-cont .s-img{margin-top:5px;--w:30px}.message-cont.f-end{justify-content:flex-end}.message{background-color:var(--m-bag);padding:6px 7px 8px 9px;font-size:15px;border-radius:0 7.5px 7.5px;color:var(--m-color);position:relative}.message img{background:var(--body-color);border-radius:5px}.message.audio{padding:7px 10px}.message-cont.f-start .audio-player{border-radius:0 5px}.message.file,.message.image{padding:5px}.message.image small,.message.audio small{position:absolute;bottom:0;right:0;padding:2px 15px 2px 5px;border-radius:5px}.message.image small{background:inherit}.message.string p{padding-right:50px}.message .tringel{position:absolute;top:0;left:-8px;color:var(--m-bag)}.message-cont.f-end .message{border-radius:7.5px 0 7.5px 7.5px;background-color:#005c4b}.message-cont.f-end .message .tringel{right:-8px;left:auto;color:#005c4b}.message-cont.f-end .message small{color:#cacaca}.message.file{width:300px}.message.file small,.message.string small{position:absolute;bottom:3px;right:8px;font-size:11px}.audio-player{height:50px;width:300px;gap:10px;position:relative;overflow:hidden}.audio-player .btn{font-size:20px;height:100%;cursor:pointer;width:40px}.audio-player .time{font-size:14px}.file-snipt{border-radius:5px;padding:5px;gap:10px}.file-snipt .icon{font-size:50px;margin:0 -8px}.file-snipt p{font-size:15px;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.progress-cont{height:5px;width:100%;position:relative;border-radius:5px;background:var(--b-color);cursor:pointer}.progress-cont .progress-bar{position:absolute;top:0;left:0;height:100%;border-radius:5px;width:20;background:var(--audio-color);transition:.3s ease width}.pin{height:14px;width:14px;border-radius:50%;background-color:var(--audio-color);position:absolute;top:50%;right:0;pointer-events:all;box-shadow:0 1px 1px #00000052;translate:50% -50%}.progress-cont input{height:100%;width:100%;-webkit-appearance:none;position:absolute;background:none;outline:none;opacity:0;top:0;z-index:2;cursor:pointer}.progress-cont input::-webkit-slider-thumb,.progress-cont input::-moz-range-thumb,.progress-cont input::-ms-thumb{opacity:0}.no-rome{height:100dvh;text-align:center}.no-rome img{width:100%;max-width:600px;padding:0 20px;filter:brightness(.7)}.no-rome h3{margin:15px auto;font-size:45px;font-weight:300}.no-rome p{max-width:450px;padding:0 20px}.footer{opacity:0;height:0;transition:.3s ease;overflow:hidden}.footer.show{opacity:1;overflow:unset;height:auto!important}.footer .header{gap:20px}.sentForm{width:100%;gap:30px}.sentForm textarea{width:100%;padding:12px 20px;background-color:var(--b-color);border-radius:5px;color:var(--m-color);resize:none;font-size:17px;height:50px}.icons{position:relative}.icons .icons-list{position:absolute;bottom:60px;left:calc(50% - 25px);transform:translateY(100%);z-index:-25;width:50px;height:50px;animation-delay:.9s;transition:.9s ease}.icons .icons-list.show{transform:translateY(0);z-index:25}.icons .icons-list .icon{position:absolute;top:0;left:0;width:50px;height:50px;background:linear-gradient(to right,#8a1616 50%,#8c2121 50%);border-radius:50%;margin-bottom:5px;transition:.3s ease}.icons .icons-list .icon:nth-child(2){background:linear-gradient(to right,#11456e 50%,#13576d 50%)}.icons .icons-list .icon:nth-child(3){background:linear-gradient(to right,#118511 50%,#299c25 50%)}.icons .icons-list .icon:nth-child(4){background:linear-gradient(to right,#751581 50%,#862093 50%)}.icons .icons-list.show .icon:nth-child(2){transform:translateY(-120%);animation-delay:.3s}.icons .icons-list.show .icon:nth-child(3){transform:translateY(-240%);animation-delay:.6s}.icons .icons-list.show .icon:nth-child(4){transform:translateY(-360%);animation-delay:.9s}.Profile{position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(-100%);transition:.3s ease;background-color:var(--darcker);z-index:5;padding-bottom:10px}.Profile.show{transform:translate(0)}.Profile .header{gap:20px;height:60px}.Profile .alert{background:var(--darcker);border:none;border-left:3px solid var(--alert-color);width:fit-content;top:60px;transform:translate(-100%)}.Profile .alert p{font-size:16px;padding:0 5px}.Profile .alert.success,.Profile .alert.error{transform:translate(0)}.Profile .info{max-height:calc(100dvh - 60px);overflow-y:scroll}.Profile .info form{padding:0 30px 20px}.Profile .info form:first-child{border-bottom:1px solid var(--darck)}.Profile .info form h4{font-size:15px;margin-bottom:10px;line-height:normal;color:var(--darkcyan)}.Profile .info form button{width:100%;border-radius:5px;background:#3c5f67;margin-top:5px}.Profile .info .s-img{--w: 200px;margin:15px auto 40px;position:relative}.Profile .info .s-img:hover .uploade-icon{opacity:1}.Profile .info .s-img .uploade-icon{position:absolute;background:#00000070;width:100%;opacity:0;transition:opacity .3s ease}.Profile .info .password-box,.Profile .info .input-box{width:100%;gap:10px;margin-bottom:7px}.Profile .info .password-box input,.Profile .info .input-box input{color:var(--light-gray);width:100%;font-size:20px;padding:10px 10px 10px 0}.Profile .info .input-box input{pointer-events:none}.Profile .info .input-icon svg{pointer-events:auto}.Profile .info .input-box.active{border-bottom:4px solid var(--darkcyan)}.Profile .info .input-box.active input{pointer-events:auto}.Profile .info .password-box{background-color:var(--b-color);padding:5px 10px;border-radius:6px}.Profile .info .password-box input{font-size:17px}.input-icon{cursor:pointer;display:flex}.group-form{position:absolute;top:0;left:0;height:100%;max-height:100dvh;width:100%;background:var(--darcker);transform:translate(100%);transition:.3s ease transform}.group-form.show{transform:translate(0)}.group-form form{padding:15px}.img-box{background:none;margin:10px auto 25px;border:2px dashed;height:200px}.img-box img{width:100%;height:100%}.uploade-icon{flex-direction:column;height:100%}.uploade-icon svg{font-size:60px}.uploade-icon p{font-size:12px}.group-form .btn{width:100%;background:var(--primary-color);border-radius:50px}.form-controll{width:100%;border-radius:3px;padding:10px 10px 10px 15px;border:1px solid var(--l-darck);margin-bottom:15px;position:relative;background-color:var(--l-darck)}.form-controll:focus-within{border-color:var(--gray)}form .form-controll label{color:var(--main-color);font-size:13px;font-weight:400;display:block;width:fit-content;line-height:1}.form-controll:focus-within label{color:var(--gray)}.form-controll textarea,.form-controll input{font-size:16px;font-family:Poppins,sans-serif;background:transparent!important;font-weight:400;color:var(--m-color);padding-top:10px;resize:none;width:100%}.form-controll span{color:orange;font-size:14px;margin-right:5px;display:block}.group-form .btn{width:100%;background:var(--primary-color);border-radius:5px;padding:10px 30px;font-size:25px;color:#fff;cursor:pointer}.showemojis .rome-cont,.showemojis .rome{height:calc(100dvh - 340px)}.showemojis .messages{min-height:calc(100dvh - 400px);max-height:calc(100dvh - 400px)}.showemojis aside{height:280px!important}.showemojis .smile{color:#43ceee}aside{height:0!important;overflow:hidden;background:var(--header-bg)!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;transition:height .3s ease!important}.emoji-picker .epr-header{display:grid}.emoji-picker .epr-header .epr-category-nav{order:-1}.emoji-picker input.epr-search{background:#222e35!important;color:var(--light-gray)!important;font-size:16px!important;border:none!important;padding:10px 12px!important}.emoji-picker .epr-icn-search{display:none!important}.emoji-picker .epr-emoji-category-label{padding:0 0 8px;margin:0 12px;background:none!important;font-size:14px;color:#667781}.camera_cont{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:152000;background-color:var(--darcker)}.camera_cont .sent_image,.camera_cont video{position:absolute;top:0;left:0;width:100vw;height:100dvh;background-color:var(--darcker)}.camera_cont video{transform:rotateY(180deg)}.camera_cont .sent_image{flex-direction:column;z-index:-1;transition:.3s ease}.camera_cont .sent_image.active{flex-direction:column;z-index:5}.camera_cont .close_btn{position:absolute;top:30px;right:30px;font-size:30px;z-index:2}.camera_cont .capture_btn{position:absolute;bottom:40px;left:50%;font-size:40px;transform:translate(-50%);z-index:2;width:70px;height:70px;border-radius:50%;background:var(--tomato);box-shadow:inset 0 0 3px #fff;color:var(--body-color)}.camera_cont canvas{border:3px solid var(--darkcyan);margin-bottom:15px;border-radius:5px}.camera_cont .btn{border-radius:30px;width:100%;max-width:440px;background-color:var(--darkcyan);color:var(--m-color);font-size:25px;padding:5px;text-align:center}.back-btn{display:none!important}@media (max-width: 1230px){.showDetail{--side-w: 300px}}@media (max-width: 950px){.showDetail{--side-w: 400px}.showDetail .footer,.showDetail .rome-cont{grid-template-columns:1fr}.showDetail .rome-cont .group-detail{right:0}.group-detail{position:fixed;top:0;right:-100%;width:100%;height:100vh;z-index:99999}}@media (max-width: 850px){:root,.showDetail{--side-w: 300px}}@media (max-width: 650px){:root,.showDetail{--side-w: 250px}}@media (max-width: 550px){.body-container{grid-template-columns:repeat(2,100%);transition:.3s ease}.body-container.scroll{margin-left:-100%}.back-btn{display:flex!important}}.admin{background:var(--b-color);padding:3px 5px;border-radius:5px;color:var(--m-color)}.medai .nav{border-bottom:1px solid var(--b-color)}.medai .col{overflow-y:scroll}.medai .cont{padding:5px}.medai .col .cont{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.medai .cont img{height:100%;width:100%}.audio-card{aspect-ratio:1/1;font-size:50px;background:var(--b-color);border-radius:5px;cursor:pointer}.audio-card.active{background:var(--audio-color)}.audio-cont{position:absolute;width:100%;bottom:-4px;padding:5px 15px;background:var(--header-bg);box-shadow:0 0 10px 5px #202c3352;transform:translateY(100%);transition:.3s ease transform}.audio-cont.show{transform:translateY(0)}@keyframes anime{to{opacity:1}}.loader-cont{width:100vw;height:100dvh;background-color:#111b21}.loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:brightness(.5);width:100px;height:75px;margin:0 auto;background:#fff;border-radius:100%}.loader-icon:before{content:"";position:absolute;box-sizing:border-box;border:15px solid transparent;border-top:25px solid #fff;transform:rotate(45deg);top:50px;left:-15px}.loader-icon:after{content:"";width:12px;height:12px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#ff3d00;box-shadow:20px 0 #ff3d00,-20px 0 #ff3d00;animation:flash .5s ease-out infinite alternate}@keyframes flash{0%{background-color:#ff3c0040;box-shadow:20px 0 #ff3c0040,-20px 0 #ff3d00}50%{background-color:#ff3d00;box-shadow:20px 0 #ff3c0040,-20px 0 #ff3c0040}to{background-color:#ff3c0040;box-shadow:20px 0 #ff3d00,-20px 0 #ff3c0040}}.loader-cont .bottom{position:absolute;bottom:0;padding:15px 20px;display:flex;font-size:14px;justify-content:space-between;align-items:center;width:100%}.loader-cont .bottom>.f-start{gap:5px}.loader-cont .bottom img{width:20px}:root{--body-color:#F8FAFE;--yellow: #FFE600;--darkcyan: #3C5F67;--tomato: #EB5937;--primary-color: #695CFE;--main-color:#666;--darcker:#111b21;--darck:#222e35;--header-bg:#202c33;--l-darck:#2a3942;--m-bag:#202c33;--gray:#8696a0;--light-gray:#cacfd2;--b-color:#2f3b43;--m-color:#e9edef;--audio-color:#2A8296}.epr-body,.scrollY,html{scroll-behavior:smooth;font-size:12px;scrollbar-width:thin}html::-webkit-scrollbar,.epr-body::-webkit-scrollbar,.scrollY::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-thumb,.epr-body::-webkit-scrollbar-thumb,.scrollY::-webkit-scrollbar-thumb{background-color:#ffffff29}:before,:after,*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}img{max-width:100%;-webkit-user-select:none;user-select:none;object-fit:cover;display:block}ul{list-style:none}input,textarea,button{border:none;font-family:Poppins,sans-serif;outline:none;background:none}.f-start,.space-b,.center{display:flex;align-items:center}.f-start{justify-content:flex-start}.space-b{justify-content:space-between}.center{justify-content:center}svg{color:inherit;pointer-events:none}svg path{color:inherit;stroke:inherit}.disable{opacity:.6;pointer-events:none}body{width:100%;max-width:100vw;overflow-x:hidden;font-size:16px;line-height:1.6;background-color:var(--darck);color:var(--light-gray);font-family:Poppins,sans-serif;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(148 163 184 / 0.05)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")}.search-box{padding:5px;width:360px;border-radius:10px;background-color:#ffffffd6}.search-box input{padding:10px 15px;width:100%;font-size:20px}.search-box button{min-width:50px;height:45px;cursor:pointer;background:#f0f0f0;font-size:25px;border-radius:7px}.user-icon{width:55px;height:55px;border-radius:7px;background-color:#ffffffd6;padding:5px;border:4px double #ffe0b2}.close-btn{position:fixed;top:20px;right:20px;font-size:35px;color:#fffffff6;z-index:4000}.overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:30000;background-color:#0000007d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;opacity:0;transition:.3s ease opacity}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30000;height:fit-content;max-height:94vh;opacity:0;pointer-events:none;transition:.3s ease opacity}.popup.show,.overlay.show{pointer-events:all;opacity:1}@media (max-width:901px){.popup{max-width:95vw}}.grid-2{display:grid;grid-template-columns:49% 48%;gap:3%}.delete-box{padding:25px 30px 15px;overflow:hidden;font-size:20px;width:fit-content;border-radius:5px;background:var(--darcker);box-shadow:0 0 20px #00000054;text-transform:uppercase;text-align:center}.delete-box .btns{gap:15px;margin-top:25px}.delete-box .btns button{padding:10px 15px;color:var(--m-color);background:var(--darck);border-radius:5px;font-size:15px;text-transform:capitalize;letter-spacing:.3px;cursor:pointer}.delete-box .btns .danger{background:red}.loding-cont{height:calc(100dvh - 80px);width:100%}.loding{gap:15px}.loding .circle{width:30px;height:30px;border-radius:50%;background-color:#c7c3c3;animation:scale .8s ease-in-out infinite alternate-reverse;animation-delay:.8s}.loding .circle:nth-child(2){animation-delay:1.6s}.loding .circle:nth-child(3){animation-delay:2.4s}@keyframes scale{0%{transform:scale(1)}to{transform:scale(.6)}}.auth-cont{background:#fff0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden;padding:20px}.return-btn{background:var(--darcker);width:fit-content;color:#fff;padding:5px 10px 5px 5px;gap:5px;border-radius:5px;text-decoration:none;margin-left:auto;font-size:14px;text-transform:uppercase}.sing-in-cont{padding:20px 0;width:100%;min-height:calc(100dvh - 75px);overflow:hidden}.sing-in-form{border:1px solid var(--b-color);width:100%;max-width:450px;background-color:var(--darck);padding:30px;position:relative;color:var(--m-color)}.btn_cont{overflow:hidden}.btn_cont>div{height:fit-content}.btn_cont iframe{height:60px!important;width:fit-content!important;max-width:100%!important;margin:0 auto!important}.sing-in-form .auth-info{margin:5px 0 20px;font-size:14px;display:flex;align-items:center;gap:10px}.sing-in-form .auth-info a{color:#6499e9}.input-cont{width:100%;border:1px solid var(--b-color);padding:16px;position:relative;margin-bottom:20px}.input-cont label{font-size:18px;color:#999;position:absolute;top:50%;left:20px;translate:0 -50%;transition:ease}.input-cont input:focus+label,.input-cont.active label{font-size:12px;color:#6499e9;top:30%;left:15px}.input-cont input{font-size:18px;display:block;height:100%;width:100%;color:var(--body-color);transition:ease}.input-cont input:focus,.input-cont.active input{padding-top:15px}.sing-in-form .eye-icon{display:flex;position:absolute;bottom:16px;right:16px;font-size:25px;cursor:pointer}.sing-in-form .forget-pass{font-size:18px;margin-bottom:20px;cursor:pointer;color:var(--body-color)}.sing-in-form .btn{padding:15px;font-size:18px;font-weight:600;background-color:var(--primary-color);color:#fff;border-radius:5px;cursor:pointer;letter-spacing:.6px;width:100%}.btn:hover,.btn:focus{opacity:.75}.sing-in-form .close-btn{position:absolute;top:15px;right:15px;padding:5px;font-size:25px;background:var(--b-color);cursor:pointer;border-radius:5px}.sing-in-form .or{position:relative;padding:20px 15px;font-weight:500;margin-bottom:20px;width:100%;text-align:center}.sing-in-form .or:before{content:"";position:absolute;top:50%;left:0;height:1px;background-color:var(--b-color);translate:0 -50%;width:100%}.sing-in-form .or span{text-transform:uppercase;font-weight:400;display:block;font-size:12px;color:var(--m-color);position:relative;padding:5px 15px;z-index:2;margin:0 auto;background-color:var(--darck);width:fit-content}.success_cont{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column}.success_cont h1{font-size:60px;text-transform:uppercase;line-height:80px;text-align:center}.success_btn{padding:16px 32px;font-size:18px;margin-top:40px;border-radius:40px;border:2px solid #3fa34d;background-color:#3fa34d;color:#fff;letter-spacing:1.5px;text-transform:uppercase;transition:.3s ease;cursor:pointer}.success_btn:hover{background-color:transparent;color:#3fa34d}.alert{position:fixed;bottom:20px;z-index:40000;max-width:290px;right:20px;padding:15px 30px;background-color:var(--darcker);border-radius:15px;font-size:14px;border:1px solid transparent;letter-spacing:1px;transform:translateY(200%);box-shadow:#110c2e26 0 48px 100px;transition:.3s ease transform}.alert.show{transform:translateY(0)}.alert.success{border-color:#3fa34d}.alert.error{border-color:#e5383b}.btn-loader{width:30px;height:30px;border-radius:50%;padding:1px;margin:0 auto;background:conic-gradient(#0000 10%,#fff) content-box;-webkit-mask:repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));-webkit-mask-composite:destination-in;mask-composite:intersect;animation:s4 1s infinite steps(10)}@keyframes s4{to{transform:rotate(1turn)}}.page-not-found{width:100%;height:100dvh;flex-direction:column}.error{text-align:center;position:relative;margin-top:70px;margin-bottom:30px}.error h2{display:inline;font-size:200px;margin:50px 0 0;padding:0;line-height:0}.text{position:absolute;right:13px}