body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}@media screen and (max-width:500px){body{font-size:14px!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.app{height:100%;left:0;position:absolute;top:0;width:100%}.app{display:flex;justify-content:center;overflow-y:auto;scroll-behavior:smooth!important}.layout{flex-direction:column;height:100%}.coming-soon,.layout{display:flex;width:100%}.coming-soon{font-size:30px;height:300px}.app-mask,.coming-soon{align-items:center;justify-content:center;text-align:center}.app-mask{background:#000000b3;display:flex;font-size:large;height:100%;left:0;position:fixed;top:0;width:100%}.global-login .spinner-container{height:100%;position:fixed!important;width:100%}.background-1{background:#111a22}.background-2{background:#323443}.background-3{background:#1f2228de}.light{color:#aeb3b9}.white{color:#fafcfe}.green{color:#39f786}.blue{color:#49bce0}.dark{color:#323443}.container{margin-left:15px;margin-right:15px;max-width:1600px}.gradient-bg{background-image:linear-gradient(90deg,#39f786,#49bce0)}.gradient-text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#39f786,#1d9da4,#49bce0);color:#0000}.gradient-border{border-image-slice:1;border-image:linear-gradient(90deg,#39f786,#49bce0) 1;border-style:solid}.flex{display:flex}.f-row{flex-direction:row}.f-column{flex-direction:column}.width-100p{min-width:100%;width:100%}.width-60p{min-width:60%;width:60%}.width-50p{min-width:50%;width:50%}.width-40p{min-width:40%;width:40%}.width-30p{min-width:30%;width:30%}.width-20p{min-width:20%;width:20%}.width-10p{min-width:10%;width:10%}.width-50{min-width:50px;width:50px}.width-100{min-width:100px;width:100px}.width-200{min-width:200px;width:200px}.width-300{min-width:300px;width:300px}.width-400{min-width:400px;width:400px}.width-40{min-width:40px;width:40px}.width-35{min-width:35px;width:35px}.width-30{min-width:30px;width:30px}.width-20{min-width:20px;width:20px}.max-content{width:-webkit-max-content;width:max-content}.height-100p{height:100%;min-height:100%}.height-50p{height:50%;min-height:50%}.height-40p{height:40%;min-height:40%}.height-30p{height:30%;min-height:30%}.height-20p{height:20%;min-height:20%}.heght-10p{height:10%;min-height:10%}.height-300{height:300px;min-height:300px}.height-200{height:200px;min-height:200px}.height-100{min-height:100px;width:100px}.height-60{height:60px;min-height:60px}.height-50{min-height:50px;width:50px}.height-40{height:40px;min-height:40px}.height-30{height:30px;min-height:30px}.height-20{height:20px;min-height:20px}.height-35{height:35px;min-height:35px}.grow-1{flex-grow:1}.j-c-center{justify-content:center}.j-c-start{justify-content:flex-start}.j-c-end{justify-content:flex-end}.j-c-between{justify-content:space-between}.a-i-center{align-items:center}.a-i-end,.a-i-start{align-items:flex-start}.radius-50p{border-radius:50%}.radius-30{border-radius:30px}.radius-15{border-radius:15px}.radius-10{border-radius:10px}.radius-5{border-radius:5px}.radius-3{border-radius:3px}.bold{font-weight:700}.left-5{margin-left:5px}.left-10{margin-left:10px}.left-15{margin-left:15px}.left-20{margin-left:20px}.left-40{margin-left:40px}.right-5{margin-right:5px}.right-10{margin-right:10px}.right-15{margin-right:15px}.right-20{margin-right:20px}@media screen and (max-width:400px){.left-40{margin-left:20px}}.top-50{margin-top:50px}.top-20{margin-top:20px}.top-15{margin-top:15px}.top-10{margin-top:10px}.top-7{margin-top:7px}.bottom-15{margin-bottom:15px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-25{font-size:25px}.italic{font-style:italic}.align-center,.footer{text-align:center}.footer{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;min-height:100px;width:100%}.about-condition{margin-bottom:15px}.about-condition span{margin-left:10px;margin-right:10px}.about-condition a{text-decoration:none}.about-condition a:hover{border-bottom:1px solid green}.relative{position:relative}.postion-0{left:0;top:0}.size-100{height:100%;width:100%}.absolute{position:absolute}.fixed{position:fixed}.uper-text{text-transform:uppercase}.right-40{margin-right:40px}.height-auto{height:auto!important;height:-webkit-max-content;height:max-content}.bottom-20{margin-bottom:20px}.uppercase{text-transform:uppercase}.red{color:red}.orange{color:orange}.green{color:green}.white{color:#fff}button{cursor:pointer}.search-by{font-style:italic;margin-bottom:10px;margin-top:10px}.clear{background:#a03030;border:none;border-radius:3px;color:#fff;font-style:italic;height:30px;margin-left:15px;transition:.3s}.clear:hover{opacity:.7}.lazyload-wrapper{align-items:center;display:flex;height:100%!important;justify-content:center;width:100%!important}.line{background-image:linear-gradient(90deg,#39f786,#49bce0);height:2px;width:100%}.reserve-box{border-radius:5px;height:70px;margin-left:3%;margin-top:20px;width:94%}.round-45{border-radius:50%;height:45px;width:45px}.round-50{border-radius:50%;height:50px;width:50px}.round-100{border-radius:50%;height:100px;width:100px}.opa-03{opacity:.3}.mark-checked{align-items:center;border-radius:5px;color:#fff;display:flex;height:40px!important;justify-content:center;max-height:40px;min-height:40px;min-width:40px;width:40px!important}.no-decoration{text-decoration:none}.text-right{text-align:right}.not-allowed{cursor:not-allowed!important;opacity:.3!important}.space-20{height:20px}@media screen and (max-width:600px){.box-head{font-size:16px}}.header{width:100%}.name{height:100%}.menu{list-style:none;padding-left:0}.menu-btn-lang-mobile{display:none}.menu-btn-lang-mobile

#mobile-menu-btn{align-items:center;background:none;border:none;cursor:pointer;display:none;display:flex;font-size:35px;justify-content:center}@media screen and (max-width:1210px){#web-menu{display:none}.menu-btn-lang-mobile{display:flex}}.mobile-menu{background:#00000080;display:none;height:100%;left:0;top:0;width:100%;z-index:99999999}.mobile-menu .mobile-menu-box{background:#1f2228;height:100%;list-style:none;margin-top:0;right:-70%;top:0;width:70%}.mobile-menu .mobile-menu-box ul{list-style:none;padding-left:0!important}.mobile-menu ul li{font-size:large;margin-left:20px;margin-top:40px}.header a,.mobile-menu a{text-decoration:none}.header a:hover,.mobile-menu a:hover{color:#fff;font-weight:700}.lang-btn{align-items:center;background:none;border:1px solid #323131;border-radius:3px;display:flex;justify-content:center;padding:5px;transition:.3s}.lang-btn:hover{opacity:.7}.lang-btn span{color:#f2f2f2;font-weight:700;margin-left:7px;text-transform:uppercase}.lang-popover{background:#323131;bottom:-137px;min-height:50px;right:0;width:110px;z-index:999}.lang-popover:before{border:1rem solid;border-color:#0000 #0000 #323131;bottom:100%;content:"";position:absolute;right:2px;transform:translateX(-50%)}.lang-popover button{align-items:center;background:none;border:none;display:flex;justify-content:space-between;margin-bottom:7px;margin-top:7px;transition:.3s;width:100%}.lang-popover button:hover{opacity:.7}.lang-popover .status{border:1px solid #f2f2f2;border-radius:50%;height:15px!important;margin-left:5px;width:15px!important}.lang-popover .label{color:#f2f2f2;font-weight:700;margin-right:5px;text-transform:uppercase}.lang-popover .checked{background:orange!important}.logo-container{align-items:center;display:flex;height:55px;justify-content:center;min-height:55px;min-width:55px;width:55px}.logo-container img{border-radius:50%;height:100%;width:100%}.logo-mobile-container{align-items:center;border:1px solid #272727;display:flex;height:80px}.logo-mobile-box{height:40px;margin-left:20px;width:40px}.logo-mobile-container img{border-radius:50%;height:100%;width:100%}.logo-mobile-container h2{font-size:18px!important;margin-left:10px}.logo-container,.logo-mobile-box{position:relative}.logo-container .loading-spinner{border-radius:50%!important;height:35px!important;width:35px!important}.logo-container .loading-spinner,.logo-mobile-box .loading-spinner{border-radius:50%!important;height:25px!important;width:25px!important}.notif{background:none;border:none;cursor:pointer;height:40px;width:40px}.notif,.notif-count{align-items:center;display:flex;justify-content:center}.notif-count{background:red;border-radius:50%;color:#fff;font-weight:700;height:35px;position:absolute;right:-10px;top:-20px;width:35px}.home{margin-bottom:20px}.home-right{border-radius:5px;margin-left:15px;max-height:-webkit-max-content;max-height:max-content;min-height:400px;min-width:40%;width:40%}.reserve-mobile{display:none;margin-bottom:25px}.operation-btn{display:flex}.operation-btn button{align-items:center;background:none;border:1px solid #39f786b3;border-radius:2px;display:flex;height:55px;min-width:150px;transition:.3s}.money-photo{align-items:center;background:#1f2228de;display:flex;justify-content:center;padding:7px!important}@media screen and (min-width:1025px){.operation-btn button:hover{background-image:linear-gradient(90deg,#39f786,#49bce0);color:#fff}}.operation-btn .clicked{background-image:linear-gradient(90deg,#39f786,#49bce0);color:#fff!important}.product-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-right:3%;width:97%}.product-container .clicked{background-image:linear-gradient(90deg,#39f786,#49bce0)}.product-container .clicked .check-box{background:none}.product-container .clicked .icon{background-image:linear-gradient(90deg,#39f786,#49bce0);color:#fff}.product-box{border-radius:10px;cursor:pointer;margin-right:5%;margin-top:20px;position:relative;width:30%}.more-money,.product-box{min-height:150px;transition:.3s}.more-money{align-items:center;border:1px dashed #9b9999;display:flex;justify-content:center;text-transform:uppercase;width:29.5%!important}.product-box .box{border-radius:10px;height:100%;min-height:150px;width:100%}.product-box:nth-child(3n){margin-right:0}@media screen and (max-width:1500px){.product-box{margin-right:0;width:48%}.more-money{width:47.5%!important}.product-box:nth-child(2n){margin-left:4%;margin-right:0}.home-right{min-width:30%;width:30%}}.product-box .box:hover .check-box{background:none}@media screen and (min-width:1025px){.product-box .box:hover,.product-box .box:hover .icon{background-image:linear-gradient(90deg,#39f786,#49bce0)}.product-box .box:hover .icon{color:#fff}}.check-box{background:#111a22;height:50px;position:absolute;right:5px;top:5px;width:50px}.check-box,.check-box .icon{align-items:center;border-radius:10px;display:flex;justify-content:center}.check-box .icon{color:#111a22;height:100%;width:100%}.contact-icon{align-items:center;background-image:linear-gradient(90deg,#39f786,#49bce0);border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.change-form{border:2px solid #1f2228de;margin-top:25px;min-height:200px;width:97%}.change-form,.change-form .loading-container{border-radius:10px}.form-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:2%;width:96%}.submit-container{align-items:center;justify-content:flex-end;margin-left:2%;width:96%}.submit-container button{border:none;border-radius:10px;height:55px;min-width:120px;transition:.3s}.submit-container button:hover{opacity:.8}.reserve-show{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:45px;justify-content:center;margin-top:15px;width:100%}@media screen and (max-width:1024px){.home-right{display:none}.reserve-mobile{display:block}.reserve-box{height:50px}.product-container{margin-right:0;width:100%}.home form{width:100%}.operation-btn{justify-content:space-between}.operation-btn button{justify-content:center;width:40%}}@media screen and (max-width:600px){.product-box{min-height:80px;width:100%}.product-box .box{height:80px;min-height:80px}.product-box:nth-child(2n){margin-left:0}.home .input-container,.home .submit-container button{width:100%}.round-100{height:50px;width:50px}.check-box{right:15px;top:15px}.more-money{height:80px;min-height:80px!important;width:99.5%!important}}@media screen and (max-width:450px){.font-18{font-size:14px!important}.reserve-label{max-width:100px}}.home .label{max-width:30%;min-width:30%;width:30%}.home .label span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.product-loading{align-items:center;display:flex;justify-content:center;min-height:400px;position:relative;width:100%}.mask{background:#f2f2f2;border-radius:10px;cursor:not-allowed;height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.select-box{align-items:center;border:2px solid #1f2228de;border-radius:10px;display:flex;height:55px;justify-content:space-between}.select-box select{background:none;border:none;flex-grow:1;font-size:large;margin-left:10px;margin-right:10px;outline:none;padding-right:30%}.select-box .label{align-items:center;background:#1f2228de;border-radius:10px 0 0 10px;display:flex;font-size:16px;height:100%;width:40%}.more-money:hover{color:#fff}.loadingImageContainer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:8px solid #39f78633;border-left-color:#49bce0;border-radius:50%;height:35px;max-height:35px;max-width:35px;min-height:35px;min-width:35px;width:35px}.input-container{margin-top:15px;width:48%}.input-box{align-items:center;border:2px solid #1f2228de;border-radius:10px;display:flex;height:55px}.input{display:flex;flex-grow:1}.input-box .label{align-items:center;background:#1f2228de;border-radius:10px 0 0 10px;display:flex;height:100%;width:40%}.input-box input{background:none;border:none;height:30px;margin-left:10px;margin-right:5px;outline:none;width:100%}.input-unit{border-radius:5px;height:40px;margin-right:5px;padding-left:5px;padding-right:5px}.input-unit,.pwd-eye{align-items:center;display:flex;justify-content:center}.pwd-eye{cursor:pointer;height:100%;margin-right:10px;transition:.3s}.pwd-eye:hover{opacity:.8}.label span{max-height:45px}.input-example{overflow-wrap:break-word}.button{border:none;border-radius:10px;height:55px;min-width:120px;transition:.3s}.button:hover{opacity:.7}.description{margin-bottom:20px}.description .welcome{font-size:large;font-weight:bolder;line-height:40px}.description ul{margin-top:40px}.description p{font-size:large}.description .action{display:flex;margin-top:30px}.description .action button{border-radius:10px;font-size:large;font-weight:700;height:60px;width:300px}@media screen and (max-width:1100px){.description .welcome{font-size:large;line-height:30px}.description p{font-size:large}.description .action{justify-content:space-between}.description .action button{font-size:large;height:60px;width:250px}}@media screen and (max-width:600px){.description .action button{height:50px;width:150px}}.about{line-height:30px}.about ul{list-style:none;margin-left:0;padding-left:0}.about li{align-items:flex-start;display:flex}.about li p{margin-bottom:0;margin-top:7px;padding-bottom:0}.about li strong{margin-left:10px;margin-right:10px}.about-title{align-items:center;display:flex;flex-wrap:wrap;font-size:20px;justify-content:center;text-align:center}.about-title strong{margin-left:10px;margin-right:10px}.message{position:fixed;top:0;width:100%}.message,.message div{align-items:center;display:flex;justify-content:center}.message div{border-radius:3px;max-width:85%;min-height:50px;min-width:100px;padding:5px}.spinner-container{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #49bce033;border-left-color:#39f786;border-radius:50%;height:30px!important;width:30px!important}@keyframes spin{to{transform:rotate(1turn)}}.global-form{justify-content:center;width:100%}.global-form .box{border:2px solid #323443;border-radius:10px;margin-top:25px;min-height:300px;width:40%}@media screen and (max-width:1024px){.global-form .box{width:70%}}@media screen and (max-width:600px){.global-form .box{width:96%}.global-form .label{min-width:25%!important;width:25%!important}}.global-form .box-head{align-items:center;border-radius:10px 10px 0 0;height:70px;justify-content:center;text-align:center}.global-form form{margin-left:3%;width:94%}.global-form form .input-container{width:100%}.global-form form .label{width:30%}.global-form form .label span{max-width:100%}.global-form form .label span,.global-form form input{overflow:hidden;text-overflow:ellipsis}.validation{justify-content:center;width:100%}.validation .box{border:2px solid #323443;border-radius:10px;min-height:300px;width:600px}.validation .box-head{align-items:center;border-radius:10px 10px 0 0;height:70px;justify-content:center;text-align:center}.validation .code-box{align-items:center;display:flex;height:200px;justify-content:space-between;margin-left:3%;width:94%}.validation .input{align-items:center;border-radius:10px;display:flex;height:80px;justify-content:center;max-width:80px;width:80px}.validation .input input{background:#323443;border:none;border-radius:10px;font-size:20px;font-weight:bolder;height:85%;outline:none;text-align:center;width:85%}@media screen and (max-width:700px){.validation .box{width:90%}.validation .input{height:60px;max-width:60px;width:60px}}.validation .button{height:60px;margin-left:3%;width:94%}.validation .error{bottom:5px;font-size:18px;left:0;text-align:center;width:100%}.account .box{width:100%}.account .photo{background:#3632324d;border-radius:50%;cursor:pointer;height:300px;transition:.3s;width:300px}.account .photo:hover{opacity:.7}.account .photo img{border-radius:50%;height:100%;min-height:100%;min-width:100%;width:100%}.account .box p{align-items:center;display:flex;justify-content:space-between;width:400px}.account .edit{cursor:pointer;transition:.3s}.account .edit:hover{opacity:.7}.label-value{word-wrap:break-word;max-width:80%;overflow:hidden;text-overflow:ellipsis}.account .logout-btn{background:red;font-weight:bolder;width:400px}.account form{margin-left:3%;width:94%}.account form .input-container{width:100%}.account form .input-container .label{max-width:30%;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:500px){.account .box p{width:90%}.account .photo{height:150px;width:150px}.account .logout-btn{width:90%}}.form-modal{background:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.form-modal .box{border:2px solid #1f2228de;border-radius:10px;height:-webkit-max-content;height:max-content;top:0;width:600px}.form-modal form button{width:100%}@media screen and (max-width:700px){.form-modal .box{width:90%}}.form-modal .box .header{align-items:center;display:flex;height:60px;justify-content:center;text-align:center;text-transform:uppercase}.rate-container table{border:2px solid #1f2228de;width:100%}.rate-container thead{background:#1f2228e3;height:60px}.rate-container tbody{background:#1f222859;min-height:70px!important}.rate-money{align-items:center;display:flex;height:70px;padding-left:10px}.rate-money div,.rate-money div img{height:60px!important;width:60px!important}.rate-money div img{border-radius:50%}@media screen and (max-width:600px){.rate-money div,.rate-money div img{height:40px!important;width:40px!important}}.rate-value{padding-right:10px;text-align:right}.exchange-box{align-items:center;border-radius:5px;display:flex;height:50px;justify-content:space-between;margin-bottom:15px;padding-left:10px;padding-right:10px}.exchange-box .type{font-weight:bolder;margin-right:10px}.exchange-box .depot{color:green}.exchange-box .retrait{color:red}.history .exc-container{display:flex}.exchange-date{font-size:14px;margin-top:7px;text-align:right}.history .exc-action{align-items:center;display:flex}.history .exc-action .status{margin-right:10px}.history .exc-action .not-payed{color:red}.history .exc-action .payed{color:orange}.history .exc-action .finished{color:green}.history .exc-action button{background:none;border:none;cursor:pointer}.history .no-exchange{align-items:center;display:flex;font-size:large;justify-content:center;min-height:250px;text-align:center}.history .action{align-items:center;display:flex;justify-content:flex-end}.history .action button{border:none;border-radius:7px;height:40px;margin-left:10px;margin-top:20px;width:40px}.history .exchange{margin-top:15px}.blog-box{border-radius:15px;margin-right:2%;margin-top:25px;padding-bottom:15px;width:32%}.blog-box:nth-child(3n){margin-right:0}.b-desc-mobile{display:none}@media screen and (max-width:1125px){.blog-box{width:48%}.blog-box,.blog-box:nth-child(3n){margin-right:4%}.blog-box:nth-child(2n){margin-right:0}}@media screen and (max-width:750px){.blog-box{width:100%}.blog-box,.blog-box:nth-child(2n),.blog-box:nth-child(3n){margin-right:0}.b-desc-mobile{display:block}.b-desc-web{display:none}}.blog-img{background:#000;border-radius:15px 15px 0 0;height:50%}.blog-img,.blog-img .lazyload-wrapper{align-items:center;display:flex;justify-content:center}.blog-img .lazyload-wrapper{height:100%!important;width:100%!important}.blog-img img{max-height:90%;max-width:90%}.blog-box h2,.blog-box p{margin-left:3%;width:94%}.blog-box h2{border-bottom:1px solid #aeb3b9;color:#fff;margin-bottom:10px;padding-bottom:10px}.blog-box .read-more{background:none;border:none;font-size:16px;font-weight:700;margin-bottom:15px;margin-left:3%;padding:0;transition:.3s;width:-webkit-max-content;width:max-content}.blog-box .read-more:hover{opacity:.8}.blog-box .read-more span{font-weight:700}.blog-box p{line-height:25px;margin-top:5px}.play-video{align-items:center;border:none;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;opacity:.7;transition:.3s;width:80px}.play-video:hover{opacity:.6}.fullScreen{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999999}.fullScreen video{max-height:90%;max-width:90%}.full-close{align-items:center;border:none;display:flex;font-weight:700;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:.3s;width:50px}.full-close:hover{opacity:.8}.detail{display:flex;justify-content:center;max-width:100%!important}.detait-container{background:#1f222859;max-width:60%;min-height:300px;min-width:60%;padding-bottom:15px}.detail .box{align-items:center;display:flex;justify-content:space-between;margin-left:10px;margin-right:12px;margin-top:20px}.detail .connector{background:#aeb3b9;flex-grow:1;height:.3px;margin-left:5px;margin-right:5px}.exchange-evidence{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.exchange-evidence img{height:auto!important;max-width:80%;width:auto!important}.info-to-pay{background:#1f2228;border:.3px solid #39f786;border-radius:15px;margin-left:10px;margin-right:10px;margin-top:20px;padding:15px}.account-info{align-items:center;display:flex;justify-content:space-evenly}.detail .wallet_number{max-width:60%;overflow-wrap:break-word}@media screen and (max-width:1300px){.account-info{flex-direction:column;justify-content:center}.account-info .name{margin-top:10px}}@media screen and (max-width:800px){.detait-container{min-width:100%!important;width:100%!important}.container,.detait-container{max-width:100%!important}}.exchange-progressing{align-items:center;display:flex;height:100px;margin-left:10px;max-width:100%;width:100%}.bulle{display:flex;position:relative}.bulle label{bottom:-30px;position:absolute}.exch-started .started{background:red;color:#fff}.exch-payed .payed,.exch-payed .payed-bar,.exch-payed .started{background:orange!important;color:#fff}.exch-finished .bar,.exch-finished .bulle span{background:green!important;color:#fff}.bulle span{align-items:center;background:#777373;border-radius:50%;display:flex;font-weight:700;height:40px;justify-content:center;min-width:40px;width:40px}.exchange-progressing .bar{background:#777373;flex-grow:1;height:10px}.exchange-progressing .right{margin-right:20px}.exchange-progressing .right label{right:0}.chat{border-radius:15px;border-width:1px;bottom:40px;display:flex;flex-direction:column;height:70%;padding-bottom:2px;right:40px;transition:.3s;width:400px}.c-header{border-radius:15px 15px 0 0;font-size:18px;height:10%;min-height:10%}.c-header,.c-input span{align-items:center;display:flex}.c-input span{font-size:20px;justify-content:center;width:45px}.c-content{background:#111a22;border-radius:0 0 15px 15px;border-top:none!important;display:flex;flex-direction:column;flex-grow:1;margin-bottom:2px;margin-left:2px;margin-right:2px;max-height:90%;position:relative}.chat-container{flex-grow:1;overflow-x:hidden;overflow-y:auto}.chat-input{align-items:center;background:#1f2228de;border-radius:10px;height:60px;margin:7px;position:relative}.chat-input textarea{background:#111a22;border:none;border-radius:10px;flex-grow:1;height:55%;margin-right:3px;outline:none;padding:10px 40px 10px 10px;resize:none}.chat-container::-webkit-scrollbar{width:5px}.chat-container::-webkit-scrollbar-thumb{background:#39f786;border-radius:10px}.chat-container::-webkit-scrollbar-track{background:#111a22}.chat-input textarea::-webkit-scrollbar{width:4px}.chat-input textarea::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.chat-input textarea::-webkit-scrollbar-track{background:#111a22}.chat-input button{background:none;border:none;color:#39f786;cursor:pointer;position:absolute;right:5px}.c-h-right-icon,.chat-input button{align-items:center;justify-content:center}.c-h-right-icon{background:#39f786;border:1px solid #ffffffb3;border-radius:50%;height:35px;right:10px;width:35px}.c-enter-photo{align-items:center;cursor:pointer;height:80%;justify-content:center;width:50px}.chat-btn{border:none;border-radius:10px;bottom:20px;cursor:pointer;font-size:30px;height:60px;right:20px;transition:.3s;width:60px}.chat-btn:hover{opacity:.8}.close{cursor:pointer}.msg-count{align-items:center;background:red;border-radius:50%;display:flex;font-size:15px!important;font-weight:700;height:35px;justify-content:center;right:-2px;top:-10px;width:35px}.pre-photo{background:#1f2228;border-radius:3px;bottom:65px;display:flex;height:90px;justify-content:space-between;left:2%;width:96%}.close-pre-photo button{background:none;border:none;color:red;cursor:pointer;margin-top:5px}.pre-photo-box{margin-left:5px;margin-top:5px;max-height:80px;max-width:80px}.pre-photo-box img{border-radius:5px;max-height:100%;max-width:100%}.prev-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:10px;width:100%}.prev-container button{background:#1f222880;border:1px solid #1f2228;border-radius:50%;height:60px;transition:.3s;width:60px}.prev-container button:hover{background:#1f2228e6}@media screen and (max-width:1024px){.chat{bottom:0;right:0;width:100%}.c-content{border-radius:0}}@media screen and (max-width:500px){.chat{border-radius:0;height:100%}}.chat-box{flex-direction:column;margin-left:7px;margin-right:7px;margin-top:20px;max-width:100%;min-height:-webkit-max-content;min-height:max-content}.chat-box .loadingImageContainer .loading-spiner{max-height:30px!important;max-width:30px!important}.me-chat{align-items:flex-end}.other-chat{align-items:flex-start}.chat-box .content{border-radius:30px;overflow-wrap:break-word;padding:10px}.me-chat .content{background:#39f786;max-width:90%}.other{display:flex}.other-chat .content{background:#1f2228de}.chat-box .date{color:#535050;font-size:12px;margin-top:10px}.other-chat .date{margin-left:45px}.other .content-image{margin-left:80px}.chat-box .content-image{cursor:pointer;display:flex;margin-left:50px;margin-top:10px;max-height:130px;max-width:130px}.chat-box .content-image img{max-height:130px!important;max-width:130px!important}.other img{border-radius:50%;margin-right:10px;max-height:35px;max-width:35px}.cookie{align-items:center;background:#111a2299;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.cookie .container{border-radius:10px;max-height:70%;max-width:600px;width:80%}.cookie .container p{line-height:30px;margin:15px}.cookie .action{display:flex;margin-bottom:20px;margin-left:15px}.cookie .refuse-btn{align-items:center;background:red;border-radius:10px;display:flex;height:55px;justify-content:center;margin-left:20px;min-width:120px;text-align:center;text-decoration:none}@media screen and (max-width:600px){.cookie .container{width:90%}.cookie .action{justify-content:space-between;margin-right:15px}}.full-display-file{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.full-display-file audio,.full-display-file img,.full-display-file video{max-height:90%;max-width:90%}.btn-close-full{background:#1f222880;border:1px solid #1f2228;border-radius:50%;color:red;font-weight:bolder;height:60px;position:absolute;right:10px;top:10px;transition:.3s;width:60px}.btn-close-full:hover{background:#1f2228e6}
/*# sourceMappingURL=main.9b83e454.css.map*/