@charset "UTF-8";.mt-6{margin-top:15px!important}.ml-1{margin-left:5px!important}.ml-3{margin-left:10px!important}@font-face{font-family:IRANSans;font-style:normal;font-weight:900;src:url("/assets/IRANSansWeb(FaNum)_Black-CQ_AEm09.eot");src:url("/assets/IRANSansWeb(FaNum)_Black-CQ_AEm09.eot?#iefix") format("embedded-opentype"),url("/assets/IRANSansWeb(FaNum)_Black-DmC2Enxd.woff2") format("woff2"),url("/assets/IRANSansWeb(FaNum)_Black-BFUbudCW.woff") format("woff"),url("/assets/IRANSansWeb(FaNum)_Black-u1QyFeh7.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:700;src:url("/assets/IRANSansWeb(FaNum)_Bold-t5ej40nz.eot");src:url("/assets/IRANSansWeb(FaNum)_Bold-t5ej40nz.eot?#iefix") format("embedded-opentype"),url("/assets/IRANSansWeb(FaNum)_Bold-BxX8b-19.woff2") format("woff2"),url("/assets/IRANSansWeb(FaNum)_Bold-BDP7CiAY.woff") format("woff"),url("/assets/IRANSansWeb(FaNum)_Bold-DPbHk_MY.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url("/assets/IRANSansWeb(FaNum)_Medium-DNpFURl3.eot");src:url("/assets/IRANSansWeb(FaNum)_Medium-DNpFURl3.eot?#iefix") format("embedded-opentype"),url("/assets/IRANSansWeb(FaNum)_Medium-prpwRvkU.woff2") format("woff2"),url("/assets/IRANSansWeb(FaNum)_Medium-BLvkUsou.woff") format("woff"),url("/assets/IRANSansWeb(FaNum)_Medium-DVO95u4R.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url("/assets/IRANSansWeb(FaNum)_Light-CzjgBTUn.eot");src:url("/assets/IRANSansWeb(FaNum)_Light-CzjgBTUn.eot?#iefix") format("embedded-opentype"),url("/assets/IRANSansWeb(FaNum)_Light-D4L-oemt.woff2") format("woff2"),url("/assets/IRANSansWeb(FaNum)_Light-Dc84zieM.woff") format("woff"),url("/assets/IRANSansWeb(FaNum)_Light-D-4bXYCN.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url("/assets/IRANSansWeb(FaNum)_UltraLight-BKd4gVRm.eot");src:url("/assets/IRANSansWeb(FaNum)_UltraLight-BKd4gVRm.eot?#iefix") format("embedded-opentype"),url("/assets/IRANSansWeb(FaNum)_UltraLight-DRThYolg.woff2") format("woff2"),url("/assets/IRANSansWeb(FaNum)_UltraLight-BRZUt6g8.woff") format("woff"),url("/assets/IRANSansWeb(FaNum)_UltraLight-Bte3Vk_2.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url("/assets/IRANSansWeb(FaNum)-BpVQ0sc1.eot");src:url("/assets/IRANSansWeb(FaNum)-BpVQ0sc1.eot?#iefix") format("embedded-opentype"),url("/assets/IRANSansWeb(FaNum)-D6ezUcLA.woff2") format("woff2"),url("/assets/IRANSansWeb(FaNum)-CtTq_6aa.woff") format("woff"),url("/assets/IRANSansWeb(FaNum)-DJeHl2M5.ttf") format("truetype")}.loader-container{display:flex;justify-content:center;align-items:center;position:absolute;z-index:8}.loader-container.fit-width{width:fit-content!important}.loader-container.align-right{right:0!important;left:unset!important}.loader-container.bg-light-gray{background-color:#a3a6b780}.loader-container.bg-dark-gray{background-color:#3f404766}.loader-container.start-point{top:0!important;left:0!important}.loader-container.full-screen{width:100%!important;height:100%!important}.loader-container .loader{border:1px solid #18338c;border-top:1px solid #e9ecf7;border-radius:50%;animation:pulse .7s ease-in-out infinite;box-shadow:0 2px 5px #00000080}@keyframes pulse{0%{transform:rotate(0)}50%{transform:rotate(360deg)}to{transform:rotate(720deg)}}*{box-sizing:border-box;scroll-behavior:smooth!important}img,svg,span,small,ul,li,a,label{transition:all .2s ease-in-out!important}p,h1,h2,h3,h4,h5,h6,ul,li{padding:0!important;margin:0!important}.pages-layout{width:100%;height:100%}:root{--background-color: #fff;--on-background-hover: #edeff5;--text-color: #000;--dashboard-background: #e8eaf1;--dashboard-box: #dfe0e7;--font-family: "IRANSans", "Tahoma", "BYekan", "B Yekan", "Sans Serif", monospace}.dark{--background-color: #303031;--on-background-hover: #3d3d3e;--text-color: #fff;--dashboard-background: #3f4047;--dashboard-box: #2c2c30}html{overflow:hidden}body{width:100dvw;height:100dvh;margin:0!important;padding:0!important;direction:rtl;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family)!important}body #root{width:100%;height:100%}input,button{font-family:var(--font-family)!important}[class~=MuiGrid-container]{width:100%!important}.main-loading{width:100dvw;height:100dvh;position:fixed;top:0;left:0;background-color:#10233799;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;text-shadow:0 1px 4px #a3a6b7;z-index:2000}.main-loading span{position:absolute;top:calc(50% - 15px);font-weight:700;font-size:1.2rem}.main-loading .lottie-animation{width:300px}@media(max-width:576px){.main-loading span{width:60%;max-width:200px;font-weight:500;font-size:1rem;text-align:center}.main-loading .lottie-animation{width:100%;max-width:250px}}.no-data-found{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;min-height:150px;color:#c3c4cd;transition:all .2s ease-in-out}.no-data-found svg{width:50px;height:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-data-found span{font-size:1rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.no-data-found:hover{color:#a3a6b7}.no-data-found:hover svg{rotate:-7deg}.no-data-found .no-group{width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.no-data-found .no-group .text{text-align:center}.no-data-found .no-group .text .fixed{color:#a3a6b7;font-size:.9rem}.no-data-found .no-group .text .value{color:#3f4047;font-weight:500;margin-inline:7px}.no-data-found .no-group .text .value:before{content:"«";margin-left:3px}.no-data-found .no-group .text .value:after{content:"»";margin-right:3px}.noc{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.main-watermark{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.main-watermark .inner-watermark{width:fit-content;cursor:pointer}.main-watermark .inner-watermark p{width:100%;font-size:10px;font-weight:500;color:#b7b7b7;text-wrap:nowrap;text-overflow:ellipsis}.main-watermark.auth-style{position:absolute;bottom:0;left:0}.main-watermark.dashboard-style{position:absolute;bottom:90px;left:0}@media(max-width:768px){.main-watermark.dashboard-style{bottom:80px}}@media(max-width:576px){.main-watermark.dashboard-style{bottom:70px}}.main-watermark.dashboard-style .inner-watermark{padding-inline:10px;background-color:#fff}.control-Label{width:100%;font-size:.7rem;color:#72747d;letter-spacing:-4%;height:20px;transition:all .2s ease-in-out!important;margin-right:3px}.inputer{transition:all .2s ease-in-out!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;width:100%;height:75px}.inputer.number-helper{height:100px}.inputer .input-area{width:100%;height:48px;min-height:48px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;border-radius:16px;border:1.5px solid #dfe0e7;overflow:hidden;background-color:#fff;z-index:1;transition:all .2s ease-in-out!important}.inputer .end-icon{height:100%;width:28px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#a3a6b7;cursor:pointer;display:none}.inputer .end-icon.ishow{display:flex}@media(max-width:576px){.inputer .end-icon{display:flex}}.inputer .end-icon svg{width:18px;height:18px}.inputer .end-icon:hover{color:#1b3a9e}.inputer input{width:100%;border:none;outline:none;padding:11px 10px;color:#2c2c30;font-size:1rem;text-align:right;transition:all .2s ease-in-out!important}.inputer input::placeholder{font-size:.85rem;color:#72747d;opacity:1}.inputer input::-webkit-outer-spin-button,.inputer input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inputer input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;letter-spacing:1px}.inputer input[type=color]{height:50px;padding:5px}@media(max-width:768px){.inputer input[type=color]{max-width:unset}}.inputer .value-to-locale-string{width:100%;padding-inline:10px;z-index:0;transform:translateY(-30px)}.inputer .value-to-locale-string.show{transform:translateY(-5px)}.inputer .value-to-locale-string p{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-grow:1;font-size:.9rem;color:#5f4c18;padding:2px 10px!important;background-color:#bf99301a;border-radius:0 0 16px 16px}.inputer:hover .control-Label{color:#1b3a9e}.inputer:hover .input-area{border-color:#1b3a9e}.inputer:hover .end-icon{display:flex;color:#1b3a9e}.inputer.focus .control-Label{color:#18338c;font-weight:500}.inputer.focus .input-area{border-color:#18338c}.inputer.focus .end-icon{display:flex;color:#18338c}.spc-button{width:100%;min-width:200px!important;border-radius:16px!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px!important;border:none!important;box-shadow:none!important}@media(max-width:768px){.spc-button.md-mt-6{margin-top:15px!important}}.spc-button.inside-button{min-width:unset!important;max-width:180px!important;height:46px}@media(max-width:576px){.spc-button.inside-button.sm-grow{max-width:unset!important;width:100%!important}}@media(max-width:576px){.spc-button{min-width:unset!important;width:100%!important}}.spc-button[class~=MuiButton-sizeSmall]{padding:7px 17px!important;font-size:.8rem!important}.spc-button[class~=MuiButton-sizeLarge]{padding:12px 6px!important;font-size:1.05rem!important}.spc-button[class~=MuiButton-colorWarning]{color:#fff}.spc-button[class~=MuiButton-colorPrimary]{border:2px solid #1e40af!important}.spc-button[class~=MuiButton-colorPrimary].Mui-disabled{border:2px solid #dfe0e7!important}.spc-button[class~=MuiButton-colorError]{background-color:#cd0404!important}.spc-button[class~=MuiButton-colorError].Mui-disabled{background-color:#f8d9d9!important}.spc-button[class~=MuiButton-colorSecondary]{background-color:#fff;border:2px solid #1e40af!important;color:#1e40af!important}.spc-button[class~=MuiButton-colorSecondary]:hover{background-color:#e9ecf7!important}.spc-button[class~=MuiButton-colorSecondary].Mui-disabled{border:2px solid #dfe0e7!important}.spc-button [class~=MuiButton-startIcon],.spc-button [class~=MuiButton-endIcon]{margin-inline:0!important}.spc-button[class~=Mui-disabled]{background-color:#f8f9fb!important;color:#c3c4cd!important}.spc-button .spc-button-label{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;font-size:1rem;white-space:nowrap}@media(max-width:576px){.spc-button .spc-button-label{font-size:.9rem;font-weight:500}}@media(max-width:368px){.spc-button .spc-button-label{font-size:.85rem;font-weight:300}}.icon-button{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;padding:6px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;cursor:pointer;background-color:var(--background-color)}.icon-button .icon-button-label{display:none;color:#fff;font-size:.95rem!important;font-weight:500}.icon-button svg{width:100%;height:100%;fill:#002c69}.icon-button:hover{background-color:var(--on-background-hover)}.icon-button.danger-icon svg{fill:#cd0404}.icon-button.danger-icon:hover{background-color:#f8d9d9}.icon-button.danger-icon-dialog{background-color:#fae6e6}.icon-button.danger-icon-dialog svg{fill:#cd0404}.icon-button.danger-icon-dialog:hover{background-color:#f8d9d9}.icon-button.cui-edit{width:24px;height:24px;min-width:24px;min-height:24px;padding:0;background-color:transparent}.icon-button.cui-edit svg{color:#1e40af}.icon-button.cui-edit:hover svg{fill:#ff9500}.icon-button.cui-delete{width:24px;height:24px;min-width:24px;min-height:24px;padding:0;background-color:transparent}.icon-button.cui-delete svg{color:#1e40af}.icon-button.cui-delete:hover svg{fill:#cd0404}.icon-button.cui-add{width:100%;height:45px;min-width:unset;min-height:unset;padding:10px;border-radius:16px;background-color:#1e40afb3;transition:all .2s ease-in-out}.icon-button.cui-add .icon-button-label{display:inline-block}.icon-button.cui-add svg{width:45px;fill:#fff}.icon-button.cui-add:hover{background-color:#1e40af;scale:1.02}@media(max-width:576px){.icon-button.cui-add .icon-button-label{display:none!important}.icon-button.cui-add{background-color:#1e40af;border-radius:50%;height:50px;width:50px;box-shadow:0 2px 4px #0006}}.MuiDialog-paper{border-radius:16px!important;min-width:400px!important}@media(max-width:576px){.MuiDialog-paper{width:85%!important;margin:0!important;min-width:unset!important;max-width:unset!important}}@media(max-width:368px){.MuiDialog-paper{width:90%!important}}.dialog-head{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;padding:20px 30px;border-bottom:2px solid #e8eaf1;background-color:#edeff5}.dialog-head .MuiDialogTitle-root{padding:0!important;font-size:1.1rem}.MuiDialogContent-root{padding:20px 15px!important}.MuiDialogActions-root{padding:10px!important;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px}.control-drawer{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:15px}.control-drawer.w-100 .control-drawer-inner{width:100%}.control-drawer .control-drawer-inner{width:calc(50% - 15px);min-width:200px}@media(max-width:576px){.control-drawer{flex-direction:column}.control-drawer .control-drawer-inner{width:100%;min-width:unset}}.iselect{width:100%;transition:all .2s ease-in-out!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;position:relative}.iselect .selector-button{width:100%;height:48px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 12px;background-color:#ffffff80;border-radius:16px;border:1px solid #dfe0e7;outline:none;position:relative;color:#edeff5;transition:all .2s ease-in-out}.iselect .selector-button svg{transition:rotate .2s ease-in-out!important;font-size:1.2rem;color:#c3c4cd;transition:all .2s ease-in-out!important}.iselect .selector-button .title{flex-grow:1;font-size:.9rem;color:#72747d}.iselect .selector-button .title.no-options{color:#c3c4cd}.iselect .selector-button .title.not-empty{color:#3f4047;font-size:.9rem}.iselect:hover .control-Label{color:#1b3a9e}.iselect:hover .selector-button{border-color:#1b3a9e}.iselect:hover .selector-button svg{color:#1b3a9e}.iselect.focus .control-Label{color:#173083}.iselect.focus .selector-button{border-color:#173083}.iselect.focus .selector-button svg{color:#173083;rotate:-180deg}.iselect-Popper{z-index:11}.iselect-Popper .ispd{background-color:#fff;padding:15px;border-radius:16px;box-shadow:0 4px 7px #0003;margin-block:2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;max-height:200px;overflow-x:hidden;overflow-y:auto;position:relative}.iselect-Popper .ispd .no-options{padding-right:10px;color:#fbf7eb;font-size:.8rem}.iselect-Popper .ispd .iselect-option{direction:rtl;width:100%;height:46px;min-height:46px;padding:10px 12px;border-radius:6px;background-color:#fff;cursor:pointer;overflow:hidden}.iselect-Popper .ispd .iselect-option:hover{background-color:#edeff5}.iselect-Popper .ispd .iselect-option span{color:#3f4047;font-size:.9rem;text-wrap:nowrap;text-overflow:ellipsis}.iselect-Popper .ispd .iselect-option.selected{background-color:#1b3a9e}.iselect-Popper .ispd .iselect-option.selected span{color:#fff;font-weight:500}.iselect-Popper .ispd .iselect-option.selection{background-color:#dfe0e780;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.iselect-Popper .ispd .iselect-option.selection span{color:#18338c;font-weight:500}.iselect-Popper .ispd .iselect-option.selection .selection-icon{display:flex;flex-direction:row;align-items:center;justify-content:center}.iselect-Popper .ispd .iselect-option.selection .selection-icon svg{font-size:18px;fill:#18338c}.landing-index{width:100%;height:100dvh;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#e8eaf1;padding:10px;transition:all .2s ease-in-out}@media(max-width:576px){.landing-index{background-color:#c3c4cd}}.landing-index .landing-box{width:fit-content;height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #b9c4e6;border:2px solid #b9c4e6;padding:30px;transition:all .2s ease-in-out}.landing-index .landing-box h4{font-size:1.3rem;font-weight:500}.landing-index .landing-box span{width:100%;font-weight:500;line-height:35px;text-align:center;color:#2c2c30}.landing-index .landing-box p{width:100%;font-size:1.2rem;transition:all .2s ease-in-out;text-align:center;color:#72747d}.landing-index .landing-box a{text-decoration:none;background-color:#1b3a9e;color:#fff;padding:12px 30px;border-radius:16px;text-align:center}.landing-index .landing-box a:hover{background-color:#1e40af}.landing-index .landing-box.status-1{background-color:#d9f2d9;border-color:#b0e4b1;box-shadow:0 4px 20px #b0e4b1}.landing-index .landing-box.status-1 p{color:#007e02}.landing-index .landing-box.status-2,.landing-index .landing-box.status-5{background-color:#f8d9d9;border-color:#f0b1b1;box-shadow:0 4px 20px #f0b1b1}.landing-index .landing-box.status-2 p,.landing-index .landing-box.status-5 p{color:#9a0303}.landing-index .landing-box.not_allow{background-color:#f8d9d9;border-color:#f0b1b1;box-shadow:0 4px 20px #f0b1b1}.landing-index .landing-box.not_allow span{color:#cd0404}.landing-index .landing-box.not_allow a{background-color:#9a0303}.landing-index .landing-box.expire_time{background-color:#f9f2e1;border-color:#f2e5c0;box-shadow:0 4px 20px #bf9930}.landing-index .landing-box.expire_time span{color:#9f8028}.landing-index .landing-box.expire_time a{background-color:#9f8028}.landing-index .landing-box.overflow,.landing-index .landing-box.api_err_network{background-color:#fff;border-color:#b3cdf2;box-shadow:0 4px 20px #4d89e0}.landing-index .landing-box.overflow h4,.landing-index .landing-box.api_err_network h4{color:#003d93}.landing-index .landing-box.overflow span,.landing-index .landing-box.api_err_network span{color:#004ebd}@media(max-width:576px){.landing-index .landing-box{height:100%;width:100%}.landing-index .landing-box p{font-size:1rem}}@media(max-width:368px){.landing-index .landing-box p{font-size:.9rem}}.auth-layout{width:100%;height:100dvh;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.auth-layout .login-lottie{width:100dvw;height:100dvh;position:fixed;top:0;left:auto;height:100%;display:block!important}.auth-layout .login-lottie .login-lottie-content{width:100%;height:100%;background-color:#e5e4db;display:flex;align-items:center}.auth-layout .login-lottie .login-lottie-content svg{width:100%!important;height:unset!important}@media(max-width:1289px){.auth-layout .login-lottie .login-lottie-content{display:block}.auth-layout .login-lottie .login-lottie-content svg{height:100dvh!important;width:unset!important}}@media(max-width:1140px){.auth-layout .login-lottie .login-lottie-content{direction:ltr}.auth-layout .login-lottie .login-lottie-content svg{height:100%!important;width:unset!important}}@media(max-width:768px){.auth-layout .ac-image{display:block!important}.auth-layout .login-lottie{display:none!important}}.ac-image{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;display:none!important;gap:20px;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}.ac-image .backblur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1;display:none}@media(max-width:576px){.ac-image .backblur{display:block}}@media(max-width:576px){.ac-image{position:fixed;top:0;left:0;z-index:1}}.ac-content{position:relative;width:100%;max-width:420px;min-width:350px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:50px;z-index:3;padding:100px 40px;background-color:#ffffffe6;transition:all .2s ease-in-out}@media(max-width:576px){.ac-content{width:100%;min-width:unset;max-width:unset;z-index:2;background-color:#dfe0e7e6}}@media(max-width:368px){.ac-content{padding:100px 10px}}.ac-content p{font-size:1.2rem;line-height:30px}@media(max-width:576px){.ac-content p{text-align:center}}.VerificationInput{width:100%;direction:ltr;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:15px}.VerificationInput .verify-remain-time{width:100%;text-align:center;font-size:.8rem;color:#72747d;margin-bottom:10px}.VerificationInput .VerificationInputCharacter{background-color:#ffffff80}.back-to-login{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.back-to-login small{color:#dfe0e7;cursor:pointer}.back-to-login small:hover{color:#18338c}.verify-expire-time{width:100%;text-align:center;font-size:.9rem;color:#cd0404;margin-bottom:10px}.VerificationInputCharacter{border-radius:16px;border:1px solid #edeff5;font-size:1.3rem}.error-box{width:100%;text-align:center;color:#cd0404!important}.dashboard-base{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-block:10px}@media(max-width:576px){.dashboard-base{height:auto}}.dashboard-base .dashboard-back{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--dashboard-background);z-index:-1;transition:all .2s ease-in-out}.dashboard-base .left-side-extender{position:absolute;left:0;top:15%;height:80px;width:22px;display:flex;align-items:center;justify-content:center;background-color:#b3cdf2;box-shadow:0 0 5px #0006;color:#fff;border-radius:0 10px 10px 0;font-size:.9rem;z-index:1000;display:none;cursor:pointer;transition:all .2s ease-in-out}.dashboard-base .left-side-extender svg{transition:all .2s ease-in-out;rotate:0deg}.dashboard-base .left-side-extender.open{left:420px}.dashboard-base .left-side-extender.open svg{rotate:180deg}@media(max-width:576px){.dashboard-base .left-side-extender.open{left:411px}}@media(max-width:440px){.dashboard-base .left-side-extender.open{z-index:1001;border-radius:10px 0 0 10px;left:unset;right:0}}.dashboard-base .left-side-extender:hover{background-color:#669ae4}.dashboard-base .left-side-extender.active{background-color:#ff9500;animation:alert .8s ease-in-out infinite}@keyframes alert{0%{top:15%}50%{top:16%}to{top:15%}}@media(max-width:992px){.dashboard-base .left-side-extender{display:flex}}.dashboard-base .box{width:90%;height:90%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}@media(max-width:768px){.dashboard-base .box{width:95%;height:97dvh}}.dashboard-base .box>div{height:100%;background-color:var(--background-color);border:1px solid var(--dashboard-box);box-shadow:0 0 7px var(--dashboard-box);transition:all .2s ease-in-out;border-radius:16px}.dashboard-base .box .left-side{min-width:0;max-width:100vw;transform:translate(0);opacity:1;overflow:hidden}.dashboard-base .box .left-side.mode-show{width:350px;transform:translate(0);opacity:1;margin-right:20px}.dashboard-base .box .left-side.mode-hide{width:0;transform:translate(-100%);opacity:0;pointer-events:none}.dashboard-base .box .left-side.ism-mode-show{width:80%;transform:translate(0);opacity:1}@media(max-width:576px){.dashboard-base .box .left-side.ism-mode-show{width:95%}}.dashboard-base .box .left-side.ism-mode-hide{width:0;transform:translate(-100%);opacity:0;pointer-events:none}@media(max-width:992px){.dashboard-base .box .left-side{position:absolute;z-index:1000;top:10px;left:20px;height:97dvh;max-width:400px}}@media(max-width:576px){.dashboard-base .box .left-side{left:2.5%}}.dashboard-base .box .p-right-side{flex-grow:1;width:calc(100% - 350px);padding:0;position:relative;overflow:hidden}.dashboard-base .box .p-right-side.rg-fade{scale:.97!important}.dashboard-base .box .p-right-side .rg-dimmer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:900;transition:all .2s ease-in-out}.dashboard-base .box .p-right-side .rg-dimmer.show{display:block;background-color:#0006}.dashboard-base .box .p-right-side .rg-dimmer.hide{left:100%;background-color:transparent}.dashboard-base .box .p-right-side .right-side{width:100%;height:100%;opacity:1;scale:1;transition:all .2s ease-in-out}.dashboard-base .box .p-right-side .right-side.fade-out{opacity:0;scale:.95;pointer-events:none}.dashboard-base .box .p-right-side .right-side.fade-in{opacity:1;scale:1}.left-side.mode-hide+.dashboard-base .box .p-right-side .right-side{width:100%}.notification{width:100%;z-index:100;position:absolute;top:-100px;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all .2s ease-in-out}.notification .notification-inner{width:80%;padding:14px 20px;border-radius:16px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;font-size:1.1rem}.notification .notification-inner span{flex-grow:1}.notification .notification-inner[color=success]{background-color:#e6f6e6;border:1px solid #007e02;color:#007e02}.notification .notification-inner[color=warning]{background-color:#fbf7eb;border:1px solid #9f8028;color:#9f8028}.notification.mode-show{transform:translateY(120px)}.notification.mode-hide{transform:translate(0)}.right-side-content{padding:20px;height:100%;display:flex;flex-direction:column;gap:20px;transition:all .2s ease-in-out}@media(max-width:768px){.right-side-content{padding:15px;gap:15px}}@media(max-width:576px){.right-side-content{padding:10px;gap:10px}}.right-side-content .rs-head{width:100%;height:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.right-side-content .rs-head span{flex-grow:1}@media(max-width:576px){.right-side-content .rs-head span{display:none}}.right-side-content .rs-head .rs-head-infos{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.right-side-content .rs-body{width:100%;max-height:calc(100% - 170px);flex-grow:1}@media(max-width:768px){.right-side-content .rs-body{max-height:calc(100% - 150px)}}@media(max-width:576px){.right-side-content .rs-body{max-height:calc(100% - 130px)}}@media(max-width:368px){.right-side-content .rs-body{max-height:calc(100% - 120px)}}.right-side-content .divider-with-watermark{height:1px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.right-side-content .divider-with-watermark div{flex-grow:1;height:1px;background-color:#dfe0e7}.right-side-content .divider-with-watermark p{font-size:10px;font-weight:500;color:#b7b7b7;text-wrap:nowrap;text-overflow:ellipsis;cursor:pointer}.right-side-content .rs-footer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;height:60px;min-height:60px;overflow:hidden}.right-side-content .rs-footer .spc-button{width:fit-content!important;padding-inline:20px!important}@media(max-width:768px){.right-side-content .rs-footer{justify-content:center}.right-side-content .rs-footer .spc-button{width:unset!important;flex-grow:1;padding:10px!important}}@media(max-width:576px){.right-side-content .rs-footer{gap:5px}}@media(max-width:300px){.right-side-content .rs-footer .spc-button{padding:5px!important}.right-side-content .rs-footer .spc-button .spc-button-label{display:none}.right-side-content .rs-footer .spc-button svg{font-size:unset!important;width:28px;height:28px}}.user-profile{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;overflow-y:auto;overflow-x:hidden}.user-profile .user-mobile{width:100%;min-height:48px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px;font-size:.9rem;background-color:#e6eefb;color:#1a68d7;padding:12px 16px;border-radius:12px;overflow:hidden}.user-profile .user-mobile svg{color:#669ae4;width:20px;height:20px}.user-profile .user-mobile span{font-weight:300;color:#669ae4}@media(max-width:576px){.user-profile .user-mobile span{display:none}}.user-profile .user-mobile p{font-weight:500;letter-spacing:1px;direction:ltr}.step-styles{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;overflow-x:hidden;overflow-y:auto}.step-styles .designer-inline{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px}.step-styles .step-page-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px}.step-styles .step-page-info .spi-head{font-weight:700}.step-styles .step-page-info .spi-head .spi-warning{color:#cd0404;margin-inline:7px}@media(max-width:576px){.step-styles .step-page-info .spi-head{font-size:.9rem;font-weight:500}}.step-styles .step-page-info .spi-exp{font-size:.9rem}@media(max-width:576px){.step-styles .step-page-info .spi-exp{display:none}}.left-designer{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:auto}@media(max-width:768px){.left-designer{padding:20px}}.designed-unit-info{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px}.designed-unit-info .dui-head{width:90%;border-bottom:1px solid #e9ecf7;padding-bottom:20px;text-align:center}.designed-unit-info .dui-head span{color:#1e40af;font-weight:700}.dui-section{width:100%;min-height:50px;border:1px solid #edeff5;padding:12px 18px;border-radius:16px;display:flex;flex-direction:column;position:relative;gap:5px}.dui-section.price-show{background-color:#e9ecf7}.dui-section.price-show .price-place{width:100%;position:relative;overflow:hidden}.dui-section.price-show .price-place p{font-size:.9rem;font-weight:500;color:#122669}.dui-section.price-show .price-place .lottie-space{width:30px;height:24px;position:relative}.dui-section.price-show .price-place .lottie-space .lottie-animation{position:absolute;top:-1px;left:0}.dui-section.price-show .price-place .lottie-space .lottie-animation svg g g path{fill:#173083}.dui-section .dui-info{width:100%;display:flex;flex-direction:row;align-items:center;gap:5px}.dui-section .dui-info span:first-child{font-size:.8rem;color:#1e40af;text-wrap:nowrap}.dui-section .dui-info span:first-child:after{content:":";margin-inline:3px}.dui-section .dui-info span:nth-child(2){font-size:.9rem;font-weight:500;color:#122669;flex-grow:1}.dui-section .dui-info span:nth-child(3){color:#122669;font-size:.7rem;opacity:.4;width:55px;min-width:55px;max-width:55px;text-wrap:nowrap;text-overflow:ellipsis;text-align:center}.dui-section .dui-info.space{justify-content:space-between}.dui-section .dui-info.unitLocation input{flex-grow:1;border:none;outline:none;padding:5px 10px;border-radius:6px;font-size:.9rem;font-weight:500}.dui-section .dui-info.unitLocation input::placeholder{color:#c3c4cd;font-size:.85rem;font-weight:300}.dui-section .dui-info.unitLocation input:focus{background-color:#e9ecf780}.dui-section .dui-info.unitLocation input:focus::placeholder{color:#b9c4e6}.dui-section .dui-info .count-manager{width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:5px;padding-inline:10px}.dui-section .dui-info .count-manager .counter-display{width:60px;border-radius:6px;background-color:#edeff5;color:#1b3a9e;font-size:1.2rem;font-weight:500;text-align:center;transition:all .2s ease-in-out}.dui-section .dui-info .count-manager .counter-display.err{animation:warn .5s ease-in-out 1}@keyframes warn{0%{background-color:#edeff5;color:#1b3a9e}25%{background-color:#f0b1b1;color:#fff}50%{background-color:#edeff5;color:#1b3a9e}75%{background-color:#f0b1b1;color:#fff}to{background-color:#edeff5;color:#1b3a9e}}.dui-section .dui-info .count-manager .count{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%;padding:3px;border:none;margin:0!important;transition:all .2s ease-in-out;cursor:pointer}.dui-section .dui-info .count-manager .count svg{width:100%;height:100%;fill:#fff}.dui-section .dui-info .count-manager .count.plus{background-color:#00a803;opacity:.3}.dui-section .dui-info .count-manager .count.plus:hover{opacity:1}.dui-section .dui-info .count-manager .count.plus:active{scale:.9;background-color:#008602}.dui-section .dui-info .count-manager .count.minus{background-color:#cd0404;opacity:.3}.dui-section .dui-info .count-manager .count.minus:hover{opacity:1}.dui-section .dui-info .count-manager .count.minus:active{scale:.9;background-color:#a40303}.dui-section .dui-info .count-manager .count.disabled{cursor:default;background-color:#e8eaf1}.dui-section .dui-info .count-manager .count.disabled svg{fill:#c3c4cd}@media(max-width:768px){.dui-section .dui-info .count-manager .count{opacity:1!important}}.dui-section .count-price{width:90%;position:absolute;bottom:0;left:5%;z-index:-1;padding:7px 20px;max-height:35px;border-radius:0 0 12px 12px;background-color:#ffefd9;opacity:.7;transition:all .2s ease-in-out}.dui-section .count-price.show{transform:translateY(37px)}.dui-section .count-price.hide{transform:translate(0)}.dui-section .count-price span{color:#995900!important}.dui-section .count-price span:first-child{font-size:.7rem}.dui-section .count-price span:nth-child(2){font-size:.8rem}.dui-section .count-price span:nth-child(3){font-size:.6rem}.mian-unit-designer{width:320px;min-width:320px;height:280px;min-height:280px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid #dfe0e7;border-radius:16px;background-color:#edeff5;border-end-end-radius:0px;overflow:hidden;padding:4px!important;position:relative}@media(max-width:992px){.mian-unit-designer{width:100%;min-width:unset;border-end-end-radius:16px}}.mian-unit-designer .openfl-designer{width:100%;height:100%;background-color:#fff;border-radius:12px;border-end-end-radius:0px;border:1px solid #dfe0e7;position:relative;transition:all .2s ease-in-out;image-rendering:optimizeQuality;-ms-interpolation-mode:nearest-neighbor;display:flex;flex-direction:row;align-items:center;justify-content:center}.mian-unit-designer .openfl-designer.show{opacity:1}.mian-unit-designer .openfl-designer.hide{opacity:.05}@media(max-width:992px){.mian-unit-designer .openfl-designer{width:290px;height:270px;border-end-end-radius:12px}}@media(max-width:576px){.mian-unit-designer .openfl-designer{width:100%;height:100%}}.mian-unit-designer .lottie-space{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:10;background-color:#2742524d}.mian-unit-designer .lottie-space .lottie-animation{width:90%;height:90%;opacity:.9}.mian-unit-designer .save-status{width:100%;height:50px;position:absolute;bottom:0;z-index:9;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all .2s ease-in-out}.mian-unit-designer .save-status span{font-size:.9rem;font-weight:500}.mian-unit-designer .save-status.status-0{transform:translateY(60px)}.mian-unit-designer .save-status.status-1{transform:translateY(0);background-color:#b0e4b199;color:#007e02}.mian-unit-designer .save-status.status-2{transform:translateY(0);background-color:#f0b1b199;color:#9a0303}.item_clicked{animation:clicked .15s cubic-bezier(.4,0,.2,1)}@keyframes clicked{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.new-user-dialog{width:100%;display:flex;flex-direction:column;gap:20px}.new-user-dialog .d-head{color:#1b3a9e}.new-user-dialog .d-body{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.new-user-dialog .d-body .d-infos{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px}.new-user-dialog .d-body .d-infos ul{padding-right:20px!important}.new-user-dialog .d-body .d-infos ul li{padding:3px 10px 3px 0!important}.new-user-dialog .d-body .d-infos span{font-size:.95rem}.new-user-dialog .d-body .so-shape{width:250px!important;min-width:250px!important;height:190px!important;min-height:190px!important}@media(max-width:576px){.new-user-dialog .d-body{flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:0}.new-user-dialog .d-body .so-shape{width:100%!important;min-width:100%!important;height:240px!important;min-height:240px!important}.new-user-dialog .d-body .d-infos span{font-size:.9rem}}.new-user-dialog .d-help{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#e0eeff;color:#1b3a9e;padding:10px;border-radius:16px}.new-user-dialog .d-help p{text-align:center}@media(max-width:576px){.new-user-dialog .d-help{font-size:.8rem}}.step-one{width:100%;height:100%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:50px}@media(max-width:992px){.step-one{gap:20px}}@media(max-width:768px){.step-one{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.so-shape{width:100%;max-width:670px;height:100%;max-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center}.so-shape .entered-unit-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;font-size:.9rem;color:#a3a6b7}.so-shape .entered-unit-info p{text-wrap:nowrap}@media(max-width:768px){.so-shape{width:100%}}.so-shape .image-shape{width:100%;height:100%;display:flex;flex-direction:column;direction:ltr;transition:all .2s ease-in-out;font-size:.9rem}.so-shape .image-shape .is-row-1{width:100%;height:30px;display:flex;flex-direction:row;transition:all .2s ease-in-out}.so-shape .image-shape .is-row-1 .isr-11{width:30px;height:30px}.so-shape .image-shape .is-row-1 .isr-12{width:calc(100% - 30px);height:30px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all .2s ease-in-out}.so-shape .image-shape .is-row-1 .isr-12>div{flex-grow:1;height:1px;background-color:#c3c4cd;transition:all .2s ease-in-out}.so-shape .image-shape .is-row-1 .isr-12 span{padding-inline:10px;background-color:var(--background-color)}.so-shape .image-shape .is-row-2{height:calc(100% - 30px);display:flex;flex-direction:row;transition:all .2s ease-in-out}.so-shape .image-shape .is-row-2 .isr-21{width:30px;height:calc(100% - 30px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease-in-out}.so-shape .image-shape .is-row-2 .isr-21>div{height:100%;width:1px;background-color:#c3c4cd;transition:all .2s ease-in-out}.so-shape .image-shape .is-row-2 .isr-21 span{padding-inline:10px;text-wrap:nowrap;background-color:var(--background-color)}.so-shape .image-shape .is-row-2 .isr-22{width:calc(100% - 30px);height:calc(100% - 30px);padding:2px;transition:all .2s ease-in-out;position:relative}.so-shape .image-shape .is-row-2 .isr-22 .so-shape-exp{position:absolute;top:calc(50% - 12px);left:calc(50% - 75px);font-size:.8rem;font-weight:500;color:#1e40afb3;text-align:center}@media(max-width:368px){.so-shape .image-shape .is-row-2 .isr-22 .so-shape-exp{width:90px;left:calc(50% - 45px);font-size:.7rem}}.so-shape .image-shape .is-row-2 .isr-22 .so-sample-image{width:100%;height:100%;background-color:#caf2ff;box-shadow:0 0 5px #0000001a;border:4px solid #c3c4cd;border-radius:4px;transition:all .2s ease-in-out;position:relative;overflow:hidden}.so-shape .image-shape .is-row-2 .isr-22 .so-sample-image:before{position:absolute;content:"";display:block;width:150%;height:100%;rotate:-30deg;top:-40%;left:-50%;background:#fff;background:linear-gradient(0deg,rgba(255,255,255,.2) 0%,transparent 60%)}.inside-inputer{width:180px!important;height:30px!important;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:3px;padding:0!important;background-color:#fff!important;position:relative}.inside-inputer span{padding:0!important;color:#a3a6b7}.inside-inputer span:before{content:"(";font-size:.8rem;color:#a3a6b7;margin-right:1px}.inside-inputer span:after{content:")";font-size:.8rem;color:#a3a6b7;margin-left:1px}.inside-inputer input{border:none;background-color:transparent;margin:0;-webkit-appearance:textfield;appearance:textfield;border-radius:4px;padding:1px;font-size:.9rem;font-weight:500;-moz-appearance:textfield;width:100px;text-align:center}.inside-inputer input:focus{outline:1px solid #b9c4e6}.inside-inputer.is-nan input{background-color:#fbb;color:#e92727}.inside-inputer.is-nan span{color:#e92727}.inside-inputer.is-nan span:before{color:#fbb}.inside-inputer.is-nan span:after{color:#fbb}.inside-inputer .input-hinter{position:absolute;width:100%;height:32px;top:40px;left:0;background-color:#b9c4e64d;border:2px solid rgba(185,196,230,.2);border-radius:6px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;z-index:1}.inside-inputer .input-hinter small{font-size:.9rem;font-weight:500;color:#1b3a9e}.inside-inputer .input-hinter small:nth-child(2){margin-right:3px;font-size:.8rem}.inside-inputer.mode-height{position:absolute;top:45%;left:-75px;rotate:-90deg;padding-inline:10px!important;z-index:1}.step-one-left{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.slo-head{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;position:relative}.slo-head .tabs{width:50%;background-color:#f8f9fb;border-bottom:2px solid #e8eaf1;text-align:center;padding:15px;cursor:pointer;transition:all .2s ease-in-out}.slo-head .tabs:first-child{border-radius:0 12px 0 0}.slo-head .tabs:last-child{border-radius:12px 0 0}.slo-head .tabs.active{background-color:#1e40af;border-color:#122669;color:#fff}.slo-head .tabs.one-tab{width:100%;height:50px;padding:10px;border-radius:12px 12px 0 0;background-color:#1e40af;border-color:#122669;color:#fff;cursor:default;position:fixed;top:0;left:0;z-index:2;box-shadow:0 2px 7px #0000001a}.slo-body{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;overflow-x:hidden;overflow-y:auto;padding-top:60px;padding-bottom:60px;position:relative}.infinite-loader-marker{width:100%;height:2px}.display-unit-info{width:100%;height:35px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-inline:20px;position:fixed;bottom:0;left:0;background-color:#ffffffe6;z-index:2;color:#72747d;font-size:.85rem;font-weight:400;box-shadow:0 -2px 7px #0000001a}.display-unit-info .total-price{display:flex;flex-direction:row;align-items:center;gap:3px}.cunit-item{width:100%;min-height:180px;display:flex;flex-direction:column;gap:2px;box-shadow:0 0 7px #0000001a;border-radius:12px;position:relative;overflow:hidden;transition:all .2s ease-in-out}@media(max-width:368px){.cunit-item{min-height:220px}}@media(max-width:300px){.cunit-item{min-height:330px}}.cunit-item>div{border:2px solid #e8eaf1}.cunit-item>div:first-child{border-radius:12px 12px 0 0;width:inherit;flex-grow:1;padding-block:5px}.cunit-item>div:last-child{border-radius:0 0 12px 12px;width:inherit;min-height:40px;border-color:#dde2f3}@media(max-width:368px){.cunit-item>div:last-child{min-height:70px}}.cunit-item .cunit-data{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:0 5px}@media(max-width:300px){.cunit-item .cunit-data{padding:10px;gap:0;flex-direction:column}}.cunit-item .cunit-data .cui-img{width:100px;min-width:100px;height:100px;border-left:1px solid #e8eaf1;overflow:hidden;transition:all .2s ease-in-out;display:flex}.cunit-item .cunit-data .cui-img img{width:110%;height:auto;object-fit:contain;transition:all .2s ease-in-out}@media(max-width:992px){.cunit-item .cunit-data .cui-img{width:120px}}@media(max-width:300px){.cunit-item .cunit-data .cui-img{width:100%;height:120px;border-left:none;border-bottom:1px solid #e8eaf1;justify-content:center}.cunit-item .cunit-data .cui-img img{width:auto;height:110%;object-fit:contain;transition:all .2s ease-in-out}}.cunit-item .cunit-data .cui-infos{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}@media(max-width:300px){.cunit-item .cunit-data .cui-infos{width:100%}}.cunit-item .cunit-data .cui-infos .inner-info{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;transition:all .2s ease-in-out}.cunit-item .cunit-data .cui-infos .inner-info span{white-space:nowrap}.cunit-item .cunit-data .cui-infos .inner-info:before{content:"";width:6px;height:6px;min-width:6px;min-height:6px;border-radius:50%;background-color:#dfe0e7;transition:all .2s ease-in-out}@media(max-width:368px){.cunit-item .cunit-data .cui-infos .inner-info:before{background-color:#a3a6b7}}.cunit-item .cunit-data .cui-infos .inner-info span{font-size:.8rem;font-weight:500}.cunit-item .cunit-data .cui-infos .inner-info span:first-child{color:#a3a6b7;font-weight:unset}.cunit-item .cunit-data .cui-infos .inner-info span:first-child:after{content:":"}@media(max-width:368px){.cunit-item .cunit-data .cui-infos .inner-info span:first-child{display:none}}.cunit-item .cunit-data .cui-actions{position:absolute;top:2px;left:2px;width:100%;height:calc(100% - 40px);border-top-left-radius:10px;display:none;flex-direction:row-reverse;padding:10px;transition:all .2s ease-in-out;background:transparent;background:linear-gradient(135deg,rgba(102,154,228,.2) 0%,transparent 70%,transparent 100%)}.cunit-item .cunit-data .cui-actions .cui-actions-inner{width:fit-content;height:fit-content;padding:5px;background-color:#e6eefb;border:1px solid #B3CDF2;border-radius:7px;display:flex;flex-direction:column;gap:10px}@media(max-width:992px){.cunit-item .cunit-data .cui-actions{background:none!important;display:flex!important}.cunit-item .cunit-data .cui-actions .cui-actions-inner{background-color:#e6eefbb3}}.cunit-item .cunit-data:hover .cui-actions{display:flex}.cunit-item .cunit-pricing{background-color:#e9ecf7;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;padding-inline:10px}@media(max-width:368px){.cunit-item .cunit-pricing{flex-direction:column;align-items:flex-start;justify-content:center}}.cunit-item .cunit-pricing>div{width:50%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px}.cunit-item .cunit-pricing>div svg{width:20px;height:20px;color:#1e40af}.cunit-item .cunit-pricing>div>span:nth-child(2){font-weight:500;font-size:.9rem;color:#122669}.cunit-item .cunit-pricing>div>span:nth-child(3){color:#122669;font-size:.8rem;opacity:.4}.cproject-item{width:100%;min-height:120px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 7px #0000001a;border-radius:12px;overflow:hidden;padding:20px}@media(max-width:576px){.cproject-item{min-height:155px}}.cproject-item .cpi-info{width:100%;display:flex;align-items:center;justify-content:center;gap:5px}@media(max-width:576px){.cproject-item .cpi-info{flex-wrap:wrap;justify-content:flex-start}}.cproject-item .cpi-info .cpi-title{font-weight:500;flex-grow:1}@media(max-width:576px){.cproject-item .cpi-info .cpi-title{width:100%!important}}.cproject-item .cpi-info .cpi-uct{color:#72747d;font-size:.8rem}.cproject-item .cpi-info .cpi-uct:after{content:":";margin-inline:3px}.cproject-item .cpi-info .cpi-ucn{font-weight:500}.item-fade-in{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-item{border:none;box-shadow:none;border-radius:unset}@media(max-width:368px){.dialog-item{height:fit-content!important}}.dialog-item .question{width:100%;border:none;border-radius:unset}.dialog-item .cunit-data{box-shadow:none;border-radius:16px!important;flex-direction:column;height:fit-content!important;gap:5px;border-color:#fae6e64d!important;background-color:#fae6e633;padding:10px}.dialog-item .cunit-data .cui-img{width:100%;height:150px;border-left:none;border-bottom:1px solid #fae6e6;justify-content:center}.dialog-item .cunit-data .cui-img img{width:auto;height:110%;max-height:150px;border:none;border-radius:unset;background-color:unset!important}.dialog-item .cunit-data .cui-infos{width:100%;align-items:flex-start;gap:5px}.dialog-item .cunit-data .cui-infos .inner-info{width:100%;color:#a40303}.dialog-item .cunit-data .cui-infos .inner-info:before{background-color:#f0b1b1}@media(max-width:368px){.dialog-item .cunit-data .cui-infos .inner-info:before{background-color:#f0b1b1}}.dialog-item .cunit-data .cui-infos .inner-info span:nth-child(1){color:#5c0202}@media(max-width:368px){.dialog-item .cunit-data .cui-infos .inner-info span:nth-child(1){display:block}}.dialog-item .cunit-data .cui-infos .inner-info span:nth-child(3){font-size:.7rem;color:#a40303}.cproject-new{position:fixed;bottom:20px;right:10px;width:calc(100% - 20px)}@media(max-width:576px){.cproject-new{bottom:40px;right:20px;width:40px}}.step-two{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;transition:all .2s ease-in-out}@media(max-width:768px){.step-two{gap:10px;padding:5px}}@media(max-width:576px){.step-two{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;overflow-y:auto}}.step-two .st-item{width:30%;min-width:250px;max-width:400px;height:300px;box-shadow:0 2px 7px #dfe0e7;border-radius:16px;transition:all .2s ease-in-out;border:2px solid #e8eaf1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;overflow:hidden;position:relative}.step-two .st-item span{font-size:1.1rem;font-weight:500}@media(max-width:576px){.step-two .st-item span{font-size:1em}}@media(max-width:368px){.step-two .st-item span{font-size:.9rem}}.step-two .st-item .lottie-animation{width:120%;max-width:450px;height:200px;display:flex;flex-direction:row;align-items:center;justify-content:center}.step-two .st-item .lottie-animation svg{width:100%!important;height:auto!important}@media(max-width:768px){.step-two .st-item .lottie-animation{width:140%}}@media(max-width:576px){.step-two .st-item .lottie-animation{width:150%;min-width:unset;max-width:300px;height:100%;max-height:180px}}.step-two .st-item:hover{background-color:#f8fafe}.step-two .st-item.selected{border-color:#1e40af;box-shadow:0 3px 7px #b9c4e6}.step-two .st-item .no-image{width:70%;height:70%;min-height:120px;background:linear-gradient(115deg,#f0fbff,#a9ebff 80%);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:16px;margin-bottom:10px;opacity:.5;padding:20%}.step-two .st-item .no-image svg{width:100%;height:auto;fill:#7dc5e6}@media(max-width:992px){.step-two .st-item{width:45%;min-width:unset;max-width:unset}}@media(max-width:576px){.step-two .st-item{width:100%;height:auto;padding:5px 5px 20px;flex-direction:column;align-items:center;justify-content:flex-start}.step-two .st-item:hover svg,.step-two .st-item .selected svg{scale:1!important}}@media(max-width:368px){.step-two .st-item{padding:15px}}.step-three{width:100%;height:calc(100% - 200px);flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}@media(max-width:576px){.step-three{position:relative}}.step-three .unit-hinter{position:absolute;top:90px;left:20px;background-color:#e6f6e6;color:#008602;border-radius:12px;padding:3px 12px;font-size:.8rem;transition:all .2s ease-in-out}.step-three .unit-hinter p{direction:ltr}@media(max-width:768px){.step-three .unit-hinter{top:75px}}@media(max-width:576px){.step-three .unit-hinter{display:none}}.step-three .st-shape-list{width:100%;height:100%;min-height:250px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:20px;border-radius:16px;background-color:var(--background-color);transition:all .2s ease-in-out}@media(max-width:992px){.step-three .st-shape-list{gap:10px;flex-direction:column}}.step-three .st-shape-list .st-shape-category{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.step-three .st-shape-list .st-shape-category .spc-button{min-width:fit-content!important;height:42px;min-height:42px}@media(max-width:992px){.step-three .st-shape-list .st-shape-category{width:100%;height:auto;flex-direction:row;align-items:flex-start;overflow-y:hidden;overflow-x:auto;padding:5px 10px 15px;border-bottom:2px solid #edeff5;box-shadow:0 3px 5px #e8eaf1}}.step-three .st-shape-list .st-shape-items{width:100%;height:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:20px;overflow-x:hidden;overflow-y:auto;transition:all .2s ease-in-out}@media(max-width:768px){.step-three .st-shape-list .st-shape-items{gap:10px}}.step-three .st-shape-list .st-shape-items .st-shape{width:calc(20% - 25px);height:210px;position:relative;border-radius:16px;border:2px solid #e8eaf1;overflow:hidden}@media(max-width:1676px){.step-three .st-shape-list .st-shape-items .st-shape{width:calc(25% - 20px)}}@media(max-width:1289px){.step-three .st-shape-list .st-shape-items .st-shape{width:calc(33% - 15px)}}@media(max-width:992px){.step-three .st-shape-list .st-shape-items .st-shape{width:calc(25% - 15px);height:160px}}@media(max-width:768px){.step-three .st-shape-list .st-shape-items .st-shape{width:calc(33% - 10px)}}@media(max-width:576px){.step-three .st-shape-list .st-shape-items .st-shape{width:calc(50% - 5px)}}@media(max-width:368px){.step-three .st-shape-list .st-shape-items .st-shape{width:100%}}.step-three .st-shape-list .st-shape-items .st-shape .st-shape-main{width:100%;height:100%;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:5px}@media(max-width:368px){.step-three .st-shape-list .st-shape-items .st-shape .st-shape-main{width:100%;flex-direction:column;align-items:center;justify-content:flex-start}}.step-three .st-shape-list .st-shape-items .st-shape .st-shape-main img{width:100%;object-fit:contain;height:calc(100% - 20px);transition:all .2s ease-in-out}@media(max-width:368px){.step-three .st-shape-list .st-shape-items .st-shape .st-shape-main img{height:calc(100% - 20px);max-width:70%}}.step-three .st-shape-list .st-shape-items .st-shape .st-shape-main .lottie-animation{width:100%;height:calc(100% - 20px);transition:all .2s ease-in-out}.step-three .st-shape-list .st-shape-items .st-shape .st-shape-main .unit-name{height:20px;min-height:20px;font-size:.8rem;font-weight:500;color:#3f4047}.step-three .st-shape-list .st-shape-items .st-shape .st-shape-more-info{position:absolute;top:0;left:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background-color:#e9ecf7;color:#fff;border-radius:0 0 16px;opacity:.7;z-index:1;cursor:pointer;transition:all .1s ease-in-out}.step-three .st-shape-list .st-shape-items .st-shape .st-shape-more-info:hover{background-color:#1e40af;opacity:1}.step-three .st-shape-list .st-shape-items .st-shape:hover{background-color:#f8fafe}.step-three .st-shape-list .st-shape-items .st-shape.selected{border-color:#1e40af}.step-three .st-shape-list .st-shape-items .st-shape.selected .st-shape-more-info{background-color:#1e40af;opacity:1}.unit-shape-show-dialog{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:20px}@media(max-width:576px){.unit-shape-show-dialog{flex-direction:column;align-items:center}}.unit-shape-show-dialog .uss-image{width:200px;min-width:200px;height:200px;min-height:200px;transition:all .2s ease-in-out}.unit-shape-show-dialog .uss-image img{width:100%;height:auto}@media(max-width:368px){.unit-shape-show-dialog .uss-image{width:180px;min-width:180px;height:180px;min-height:180px}}.unit-shape-show-dialog .uss-infos{width:100%;height:200px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}@media(max-width:576px){.unit-shape-show-dialog .uss-infos{align-items:center;height:fit-content}}.unit-shape-show-dialog .uss-infos .title{color:#1b3a9e}.unit-shape-show-dialog .uss-infos .description{display:flex;flex-direction:row;gap:5px;margin-bottom:10px}.unit-shape-show-dialog .uss-infos .description span{font-size:.9rem;color:#72747d}.unit-shape-show-dialog .uss-infos .description span:after{content:":";margin-right:3px}.unit-shape-show-dialog .uss-infos .description p{font-size:.9rem;font-weight:500;max-width:300px}@media(max-width:576px){.unit-shape-show-dialog .uss-infos .description{margin-bottom:20px}.unit-shape-show-dialog .uss-infos .description span{display:none}.unit-shape-show-dialog .uss-infos .description p{text-align:center}}.unit-shape-show-dialog .uss-infos .links{width:100%}.unit-shape-show-dialog .uss-infos .links .sample-link{width:100%;display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px;border-radius:16px;background-color:#f8f9fb;box-shadow:0 2px 7px #0000001a}.unit-shape-show-dialog .uss-infos .links .sample-link span{font-size:.8rem;font-weight:300;color:#a3a6b7}.unit-shape-show-dialog .uss-infos .links .sample-link img{width:70px;height:auto;border-radius:16px;box-shadow:0 2px 7px #0003}.step-four{width:100%}.grade-tabs{display:flex;width:240px;gap:10px;margin-bottom:16px;position:relative;border-bottom:2px solid #e8eaf1}.grade-tabs .grade-tab{flex:1 1 0;padding:12px 16px;min-width:120px;border:none;background:transparent;color:#a3a6b7;border-radius:0;cursor:pointer;font-weight:500;position:relative;transition:color .2s}.grade-tabs .grade-tab.active{color:#1e40af}.grade-tabs .grade-tab-underline{position:absolute;bottom:-2px;height:4px;background:#1e40af;border-radius:4px 4px 0 0;transition:all .2s ease-in-out;z-index:2}.grade-groups{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.grade-groups .grade-group{width:100%;border:2px solid #e8eaf1;border-radius:16px!important;overflow:hidden;box-shadow:none}.grade-groups .grade-group .grade-group-header{display:flex;height:20px!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 7px #0000001a}.grade-groups .grade-group .grade-group-header svg{width:20px;height:20px;color:#a3a6b7;transition:all .2s ease-in-out}.grade-groups .grade-group .grade-group-header span{font-weight:600}.grade-groups .grade-group .grade-group-header:hover{background-color:#f8fafe}.grade-groups .grade-group.open{border:2px solid #1e40af!important}.grade-groups .grade-group.open .grade-group-header{background-color:#f0f5fd}.grade-groups .grade-group .grade-group-items{padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px}.grade-groups .grade-group .grade-group-items .grade-item{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:12px 16px;border:1px solid #edeff5;border-radius:16px;transition:all .2s ease-in-out;cursor:pointer;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.grade-groups .grade-group .grade-group-items .grade-item::-webkit-scrollbar{display:none}.grade-groups .grade-group .grade-group-items .grade-item svg{color:#edeff5}.grade-groups .grade-group .grade-group-items .grade-item.selected{border-color:#1e40af}.grade-groups .grade-group .grade-group-items .grade-item.selected svg{color:#1e40af}@media(max-width:768px){.grade-groups .grade-group .grade-group-items .grade-item{justify-content:space-between;gap:5px}}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .descriptions{font-size:.9rem!important;margin-right:5px}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .grade-sub-infos{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;background-color:#f8f9fb80;padding:3px 5px;border-radius:6px}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .grade-sub-infos .template-detail{width:15px!important;height:15px!important;border-radius:50%!important;box-shadow:0 0 3px #1e40af66;border:1px solid #b9c4e6;overflow:hidden}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .grade-sub-infos .template-detail.color{border-radius:50%!important}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .grade-sub-infos .template-detail.template{border-radius:4px!important}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .grade-sub-infos .template-detail.template img{width:100%;height:100%}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .grade-sub-infos .inner{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .grade-sub-infos .inner span{font-size:.8rem}.grade-groups .grade-group .grade-group-items .grade-item .grade-infos .grade-sub-infos .inner span:first-child:after{content:":";margin-inline:5px}.grade-groups .grade-group .grade-group-items.disabled .grade-item{background-color:#f8f9fb!important;color:#a3a6b7!important}.grade-groups .grade-group .grade-group-items.disabled .grade-item.selected{border-color:#a3a6b7}.grade-groups .grade-group .grade-group-items.disabled .grade-item svg{color:#a3a6b7!important}.grade-groups .grade-group .grade-group-items.disabled .grade-item .template-detail{box-shadow:0 0 3px #c3c4cd33!important;border:1px solid #dfe0e7!important}.empty-template{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#48010166;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:15;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.empty-template p{max-width:400px;font-weight:500;font-size:1.3rem;text-align:center;color:#9a0303;text-shadow:0 0 10px #fae6e6}.step-five{width:100%;height:100%}.step-five .st-glass-unselected{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.step-five .st-glass-unselected p{color:#72747d;font-size:1.2rem}.step-five .st-glass-unselected img{max-height:200px;opacity:.4}.st-glass-list{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:20px}.st-glass-list .st-glass-item{width:calc(20% - 20px);border:2px solid #e8eaf1;border-radius:16px;padding:12px 16px;position:relative;cursor:pointer}.st-glass-list .st-glass-item:hover{background-color:#f8fafe}.st-glass-list .st-glass-item.selected{border-color:#1e40af}@media(max-width:1676px){.st-glass-list .st-glass-item{width:calc(25% - 20px)}}@media(max-width:1289px){.st-glass-list .st-glass-item{width:calc(33% - 20px)}}@media(max-width:992px){.st-glass-list .st-glass-item{width:calc(50% - 20px)}}@media(max-width:768px){.st-glass-list .st-glass-item{width:100%}}.st-glass-list .st-glass-item .stgi-infos-head{width:calc(100% - 25px);display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px}.st-glass-list .st-glass-item .stgi-infos-head .stgi-title{font-weight:500}.st-glass-list .st-glass-item .stgi-infos-head .stgi-color-description{font-size:.8rem}.st-glass-list .st-glass-item .stgi-infos-head .stgi-color-description:before{content:"("}.st-glass-list .st-glass-item .stgi-infos-head .stgi-color-description:after{content:")"}.st-glass-list .st-glass-item .stgi-color{position:absolute;top:12px;left:16px;width:20px;height:20px;border-radius:4px;display:inline-block;overflow:hidden;box-shadow:0 2px 7px #0003}.st-glass-list .st-glass-item .stgi-color:before{position:absolute;content:"";display:block;width:30px;height:30px;rotate:45deg;top:-15px;left:-15px;background:#fff;background:linear-gradient(-90deg,rgba(255,255,255,.2) 0%,transparent 40%)}.st-glass-list .st-glass-item .stgi-description{font-size:.8rem;width:100%;margin-top:5px!important;color:#72747d}