.dis-none{display:none}.dis-block{display:block}.dis-inline{display:inline}.dis-inline-block{display:inline-block}.dis-flex{display:flex}.pos-relative{position:relative}.pos-absolute{position:absolute}.pos-fixed{position:fixed}.float-l{float:left}.float-r{float:right}.sizefull{width:100%;height:100%}.w-full{width:100%}.h-full{height:100%}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.min-w-full{min-width:100%}.min-h-full{min-height:100%}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-auto{top:auto}.bottom-auto{bottom:auto}.left-auto{left:auto}.right-auto{right:auto}.op-0-0{opacity:0}.op-0-1{opacity:.1}.op-0-2{opacity:.2}.op-0-3{opacity:.3}.op-0-4{opacity:.4}.op-0-5{opacity:.5}.op-0-6{opacity:.6}.op-0-7{opacity:.7}.op-0-8{opacity:.8}.op-0-9{opacity:.9}.op-1-0{opacity:1}.bgwhite{background-color:#fff}.bgblack{background-color:#000}.wrap-pic-w img{width:100%}.wrap-pic-max-w img{max-width:100%}.wrap-pic-h img{height:100%}.wrap-pic-max-h img{max-height:100%}.wrap-pic-cir{border-radius:50%;overflow:hidden}.wrap-pic-cir img{width:100%}.hov-pointer:hover{cursor:pointer}.hov-img-zoom{display:block;overflow:hidden}.hov-img-zoom img{width:100%;transition:all .6s}.hov-img-zoom:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.bo-cir{border-radius:50%}.of-hidden{overflow:hidden}.visible-false{visibility:hidden}.visible-true{visibility:visible}.flex-c-m{display:flex;justify-content:center;-ms-align-items:center;align-items:center}.text-right{text-align:right!important}.products-container{position:relative;overflow:hidden}.products-container hr{margin:20px 10%;color:#ecf0f0;border-style:solid;background:#ecf0f0;background-color:#ecf0f0}.products-container .title{color:#c3c6c6;font-size:20px}.products-container .product{text-align:start;padding:15px 10px;transition:background ease .2s;border-radius:10px;margin:10px 0;cursor:pointer;display:block}.products-container .product img{max-height:30px;height:auto;width:auto;object-fit:contain}.products-container .product:hover{background:#ecf0f0}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal.otp-modal .modal-content{width:90%}@media (min-width:768px){.modal.otp-modal .modal-content{width:500px}}.modal .modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.modal .close{color:#aaa;float:right;font-size:28px;font-weight:700;margin-top:-10px}.modal .close:focus,.modal .close:hover{color:#000;text-decoration:none;cursor:pointer}.modal .modal-footer{padding:2px 16px;display:flex;justify-content:center}.modal .modal-header{padding:2px 20px}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.modal .modal-body{padding:20px}.nami-button{font-size:16px;color:#fff;line-height:1.2;text-transform:uppercase;display:flex;justify-content:center;align-items:center;padding:0 20px;height:50px;background-color:#03bbcc;border-radius:25px;transition:all .3s}.nami-button:disabled{background-color:gray}.nami-button:hover:not(:disabled){background-color:#00f2ff}.input_disabled{color:#3e4351!important}.light .input_disabled{color:#b5c0c9!important}.modal.otp-modal input.otp{display:block;margin:auto auto;padding:0;width:9ch;background:repeating-linear-gradient(90deg,#696969 0,#696969 1ch,transparent 0,transparent 1.5ch) 0 100%/8.5ch 2px no-repeat;font:5ch droid sans mono,consolas,monospace;letter-spacing:.5ch}.modal.otp-modal input.otp:focus{outline:0;color:#47cc85}.modal.otp-modal .nami-button.submit_button{width:100%}.otp-form-group{display:flex;align-items:center;justify-content:space-between}.otp-inputbar{width:64px;height:64px;border-radius:4px;text-align:center;font-size:20px;font-weight:500;line-height:1.4;color:#e2e8f0;background-color:#1c232e}@media screen and (max-width:548px){.otp-inputbar{width:48px;height:48px}}@media screen and (max-width:412px){.otp-inputbar{width:44px;height:44px}}@media screen and (max-width:370px){.otp-inputbar{width:40px;height:40px;font-size:14px}}.light .otp-inputbar{color:#1e1e1e;background-color:#f5f5f5}.otp-inputbar:focus{border:1px solid #47cc85}.otpinput-error{border:1px solid #f93636!important}@font-face{font-family:SFPro}@font-face{font-family:SFPro}@font-face{font-family:SFPro}@font-face{font-family:SFPro}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:SFPro}a:focus{outline:0!important}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}p{font-family:SFPro;font-size:14px;line-height:1.7;color:#666;margin:0}li,ul{margin:0;list-style-type:none}input{outline:0}textarea{outline:0;border:none}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}textarea:focus::-moz-placeholder{color:transparent}textarea:focus:-ms-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder{color:#adadad}input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}textarea::-webkit-input-placeholder{color:#adadad}textarea:-moz-placeholder{color:#adadad}textarea::-moz-placeholder{color:#adadad}textarea:-ms-input-placeholder{color:#adadad}button{outline:0!important;border:none;background:0 0}button:hover{cursor:pointer}iframe{border:none!important}.txt2{font-family:SFPro;font-size:14px;line-height:1.5;color:#333;text-transform:uppercase}.bg1{background-color:#3b5998}.bg2{background-color:#1da1f2}.bg3{background-color:#ea4335}.bg4{background-color:#e8e8e8}.color_red{color:#ea4335}.limiter{width:100%;margin:0 auto}.container-login{background-color:#fdfdfd;width:100%;min-height:100vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background-repeat:no-repeat;background-position:center;background-size:cover}.wrap-login{width:90%;background:#fff;border-radius:10px;border:1px solid #dadce0;overflow:hidden;padding:40px}@media (min-width:768px){.wrap-login{width:500px}}.login-form{width:100%}#select-user{width:100%}.login-form-header{text-align:center}.login-form-header img{width:50px;height:auto;object-fit:contain}.login-form-title{padding-top:20px;padding-bottom:20px;display:block;font-family:SFPro;font-size:30px;color:#666;line-height:1.2;text-align:center}.login-form-title .message_text{font-size:16px}.register_section{padding-top:20px}.register_section .register_section_title{font-size:14px;color:#666;text-align:center}.wrap-input{margin-bottom:15px;width:100%;position:relative;border-bottom:2px solid #d9d9d9}.label-input{font-family:SFPro;font-size:14px;color:#333;line-height:1.5;padding-left:7px}.input{font-family:SFPro;font-size:16px;color:#333;line-height:1.2;display:block;width:100%;height:40px;background:0 0;padding:0 7px 0 7px}.focus-input{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}.focus-input::after{content:attr(data-symbol);font-family:SFPro;color:#adadad;font-size:22px;display:flex;align-items:center;justify-content:center;position:absolute;height:calc(100% - 20px);bottom:0;left:0;padding-left:13px;padding-top:3px}.focus-input::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#7f7f7f;transition:all .4s}.input:focus+.focus-input::before{width:100%}.has-val.input+.focus-input::before{width:100%}.input:focus+.focus-input::after{color:#03bbcc}.has-val.input+.focus-input::after{color:#03bbcc}.container-login-form-btn{display:flex;flex-wrap:wrap;justify-content:center}.container-login-form-btn span{padding:20px 0;font-size:14px}.wrap-login-form-btn{width:100%;display:block;position:relative;z-index:1;border-radius:6px;overflow:hidden;margin:0 auto;margin-bottom:10px}.wrap-login-form-btn.disabled{background-color:#1c232e}.wrap-login-form-btn:not(.disabled){background-color:#47cc85;box-shadow:0 5px 30px 0 rgba(3,216,222,.2);-moz-box-shadow:0 5px 30px 0 rgba(3,216,222,.2);-webkit-box-shadow:0 5px 30px 0 rgba(3,216,222,.2);-o-box-shadow:0 5px 30px 0 rgba(3,216,222,.2);-ms-box-shadow:0 5px 30px 0 rgba(3,216,222,.2)}.user_name_detail{margin-bottom:20px}.login-form-bgbtn{position:absolute;z-index:-1;width:100%;height:100%;/*!*background: #03bbcc;*!*//*!*background: -webkit-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);*!*/background-position:center;transition:all .8s}.login-form-btn img{height:40px;display:none}.loading_form img{display:block!important}.loading_form span{display:none}.loading_form{background-color:#47cc85!important}.forgot_password{padding-top:0;padding-bottom:20px}.oauth_method{text-align:center;padding-top:20px;padding-bottom:20px;font-family:SFPro;font-size:14px;color:#666}.validate-input{position:relative}.alert-validate{content:attr(data-validate);border:1px solid #f93636!important}.alert-validate::after{content:attr(data-validate)}.alert-validate:hover:before{visibility:visible;opacity:1}@media (max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}.login-social-item{font-size:25px;color:#fff;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;margin:5px}.login-social-item img{width:20px}.login-social-item:hover{color:#fff;background-color:#333}@media (max-width:576px){.wrap-login{padding-left:15px;padding-right:15px}}.login-method-container{position:relative}.login-method-container #back-from-fnx{color:#7d7d7d;font-size:16px;position:absolute;left:0}.login-method-container #back-from-fnx:hover{color:#11bfcf}.styled-checkbox{position:absolute;opacity:0}.styled-checkbox+label{position:relative;cursor:pointer;padding:0}.styled-checkbox+label:before{content:'';margin-right:12px;display:inline-block;vertical-align:text-top;width:16px;height:16px;background:#141921;border-radius:3px;border:1px solid #222940}@media screen and (min-width:640px){.styled-checkbox+label:before{width:24px;height:24px}}.styled-checkbox:checked+label:before{background:#47cc85}.styled-checkbox:checked+label:after{content:'';position:absolute;left:3px;top:8px;background:#fff;width:2px;height:2px;box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (min-width:640px){.styled-checkbox:checked+label:after{left:7px;top:12px}}.light .styled-checkbox+label:before{background:#fff;border:1px solid #dcdfe6}.light .styled-checkbox:checked+label:before{background:#47cc85}.light .styled-checkbox:checked+label:after{background:#fff;box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.choose_account .choose_account_item{display:flex;padding:10px 0;border-bottom:1px solid #dadce0;cursor:pointer;line-height:1.4;text-decoration:none}.choose_account .choose_account_item:hover{background-color:#eee}.choose_account .choose_account_item .avatar{margin-left:10px;display:flex;align-items:center;justify-content:center;width:30px;height:40px}.choose_account .choose_account_item .avatar img{width:30px;border-radius:50%}.choose_account .choose_account_item .detail{padding-left:15px;display:flex;flex-direction:column;justify-content:center}.choose_account .choose_account_item .detail .name{color:#202124;font-size:16px;font-weight:600}.choose_account .choose_account_item .detail .email{color:#3c4043;font-size:14px}footer{padding-top:30px;text-align:right}footer .select_language select{background:0 0;border:none;font-size:14px;color:#666}.oauth-err-msg{padding-top:20px;padding-bottom:20px;display:block;font-family:SFPro;font-size:15px;color:#666;line-height:2em;text-align:center}.oauth-err-msg .service-name{display:inline-block;font-weight:700}.oauth-err-msg .service-name:first-letter{text-transform:uppercase}.oauth-err-msg .message_text{font-size:16px}#oauth_error .container-login-form-btn{width:unset}#oauth_error .wrap-login-form-btn{min-width:50%;width:unset}#oauth_error .wrap-login-form-btn a.login-form-btn{text-decoration:unset!important}@font-face{font-family:SFPro;font-weight:400;src:local("SFPro"),url(/fonts/SFPro/SF-Pro-Text-Regular.otf) format("opentype")}@font-face{font-family:SFPro;font-weight:500;src:local("SFPro"),url(/fonts/SFPro/SF-Pro-Text-Medium.otf) format("opentype")}@font-face{font-family:SFPro;font-weight:600;src:local("SFPro"),url(/fonts/SFPro/SF-Pro-Text-Semibold.otf) format("opentype")}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#e2e8f0!important;-webkit-box-shadow:0 0 0 30px #1c232e inset!important;font-weight:400;font-size:14px}@media screen and (min-width:640px){input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{font-size:16px}}.light input:-webkit-autofill,.light input:-webkit-autofill:active,.light input:-webkit-autofill:focus,.light input:-webkit-autofill:hover{-webkit-text-fill-color:#1f2633!important;-webkit-box-shadow:0 0 0 30px #eeeff0 inset!important;font-weight:400;font-size:14px}@media screen and (min-width:640px){.light input:-webkit-autofill,.light input:-webkit-autofill:active,.light input:-webkit-autofill:focus,.light input:-webkit-autofill:hover{font-size:16px}}input[type=checkbox]{accent-color:#222940!important;-webkit-filter:invert(100%) hue-rotate(18deg) brightness(1.7);filter:invert(100%) hue-rotate(18deg) brightness(1.7)}[data-af-custom-fonts=af-creatives-text]{font-family:SFPro!important}.dark #quick-install{--background:#141921;--img-background:#000;--svg-color:#fff;--text-primary:#e2e8f0;--text-secondary:#8694b2;--teal:#47cc85}#quick-install{--background:#f2f4f5;--img-background:#fff;--svg-color:#1e1e1e;--text-primary:#1e1e1e;--text-secondary:#768394;--teal:#30bf73;--btn-padding:0 0.5rem}@media (min-width:360px){#quick-install{--btn-padding:0 0.75rem}}#quick-install .responsive-wrapper{background-color:var(--background)!important}#quick-install .responsive-wrapper>div>div{display:flex!important;align-items:center}#quick-install .responsive-wrapper>div>div>:first-child{margin:0!important;margin-left:.25rem!important}#quick-install .responsive-wrapper>div>div>:first-child svg{padding:0!important;width:1.25rem!important;height:1.25rem!important}#quick-install .responsive-wrapper>div>div>:first-child svg>path{fill:var(--svg-color)}#quick-install .responsive-wrapper>div>div>:nth-child(2){align-items:center}#quick-install .responsive-wrapper>div>div>:nth-child(2)>:first-child>div>div{padding:.5rem;background:var(--img-background);border-radius:6px}#quick-install .responsive-wrapper>div>div>:nth-child(2)>:first-child>div>div img{min-width:1.5rem!important;min-height:1.5rem!important;width:1.5rem!important;height:1.5rem!important}#quick-install .responsive-wrapper>div>div>:nth-child(2)>:last-child>div>:first-child span{color:var(--text-primary)!important;font-weight:600!important;line-height:20px!important}#quick-install .responsive-wrapper>div>div>:nth-child(2)>:last-child>div>:last-child{margin-top:.25rem!important}#quick-install .responsive-wrapper>div>div>:nth-child(2)>:last-child>div>:last-child span{color:var(--text-secondary)!important;font-weight:400!important;line-height:16px!important}#quick-install .responsive-wrapper>div>div>:last-child{display:block;margin:0!important;margin-left:auto!important;margin-right:.5rem!important;white-space:nowrap}#quick-install .responsive-wrapper>div>div>:last-child div div{background-color:var(--teal)!important}#quick-install .responsive-wrapper>div>div>:last-child div div button{font-size:.875rem!important;font-weight:600!important;margin:var(--btn-padding)!important}