@charset "UTF-8";@font-face{font-family:Pretendard GOV Variable;src:url(/fonts/PretendardGOVVariable.ttf) format("ttf");font-display:swap}*{font-family:Pretendard GOV Variable,Pretendard GOV,sans-serif;margin:0;padding:0;font-display:swap}html,body{scrollbar-gutter:stable}html ::-webkit-scrollbar,body ::-webkit-scrollbar{width:6px}html ::-webkit-scrollbar-track,body ::-webkit-scrollbar-track{background:#cfcfcf;border-radius:0}html ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb{background:#8f33d84d;border-radius:0}html ::-webkit-scrollbar-thumb:hover,body ::-webkit-scrollbar-thumb:hover{background:#666}body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select,span,em,label,:before,:after{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:none;font-family:inherit;line-height:1.5;letter-spacing:inherit}html{height:100%;margin:0;padding:0;font-size:16px}body{overflow-x:hidden;height:100%;margin:0;padding:0}input[type=text],input[type=tel],input[type=password],input[type=file],input[type=number],input[type=email],input[type=date],input[type=search],textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:none;outline:none;color:#fff;background:none;font-family:Pretendard GOV Variable,Pretendard GOV,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}a{text-decoration:none;color:inherit}li{list-style:none}body.modal-open{overflow:hidden;touch-action:none}button{transition:background .2s ease-in-out!important}button:focus{outline:1px solid #c0c0c0!important;box-shadow:0 0 5px #ffffff80!important}button :focus{outline:1px solid #c0c0c0!important;box-shadow:0 0 5px #ffffff80!important}.pagestyle{width:100%;min-height:100vh;height:100%;display:flex;justify-content:center;align-items:center;position:relative!important;background:#f8f9fa}.picture{max-width:100%;height:auto;display:block}input[type=radio]{accent-color:#8f33d8}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0,0,0,0);white-space:nowrap}.mainstyle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.overflow,.overflowhidden{overflow-y:hidden}.box-col{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.box{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.wrapper{height:calc(100vh - 179.9px);display:flex;justify-content:center;align-items:center;width:100%}@media screen and (max-width: 450px){.wrapper{height:calc(100vh - 141px)}}.w300px{width:18.75rem;height:fit-content}.wh100{width:100%;height:100%}.radius10{border-radius:.5rem}.border{border:1px solid #08040a}.border-red{border:1px solid #f00}:root{--header-height: 70px;--tab-height: 82px}.detailContainer{width:100%;height:100%}@media screen and (max-width: 500px){.detailContainer{overflow-y:auto;width:100%;left:0}}.mainContainer{width:100%;padding-left:6.25rem;padding-top:41px;height:100%;background:#fff;display:flex;transition:all .5s}@media screen and (max-width: 1254px){.mainContainer{height:100%}}@media screen and (max-width: 500px){.mainContainer{overflow-y:auto;width:100%;left:0;top:2.5625rem;height:calc(100% - 2.5625rem);padding-left:0;padding-top:0}}.mainClose{left:0!important;width:100%!important;padding:0!important}.mainClose .homeContainer{padding-top:73px!important}@media screen and (max-width: 660px){.mainClose .homeContainer{padding-top:57px!important}}@media screen and (max-width: 500px){.mainClose .homeContainer{padding-top:0!important}}.mainClose .mypageWholeContainer{padding-top:73px!important}@media screen and (max-width: 500px){.mainClose .mypageWholeContainer{padding:0!important;justify-content:flex-start}}.mainlogo250{width:15.5625rem;height:4.625rem}@media screen and (max-width: 450px){.mainlogo250{width:9.375rem;height:2.78625rem}}.mainlogo200{width:200px;height:42px;object-fit:contain}@media screen and (max-width: 1000px){.mainlogo200{width:150px;height:30px}}@media screen and (max-width: 500px){.mainlogo200{width:100px;height:20px}}.gslogo100{width:100%;height:42px;object-fit:contain}@media screen and (max-width: 1000px){.gslogo100{width:100%;height:30px}}@media screen and (max-width: 500px){.gslogo100{width:100%;height:20px}}.headerLogo{width:24px;height:24px;background-image:url(/assets/logo/tiny_logo.webp);background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer}@media screen and (max-width: 450px){.headerLogo{width:1.25rem;height:1.25rem}}.tinylogo{width:40px;height:40px;background-image:url(/assets/logo/tiny_logo.webp);background-position:center;background-repeat:no-repeat;background-size:contain}.alarmIcon{width:2.25rem;height:2.25rem;border-radius:50%;background:#8f33d8!important;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}@media screen and (max-width: 450px){.alarmIcon{width:1.5rem;height:1.5rem;border-radius:50%}.alarmIcon svg{width:1.125rem;height:1.125rem}}.f16{font-size:1rem}@media (max-width: 450px){.f16{font-size:.75rem}}.f10{font-size:.625rem}.f24{font-size:1.5rem}.bold{font-weight:700}.textWhite{color:#fff}.bgBlue{background:#4c4452}.bgGray{background:#08040a}.HoverPurple:hover,.HoverPurple:focus{background:#8f33d8;transition:all .3s}.HoverBlue:hover,.HoverBlue:focus{background:#4c4452;transition:all .3s}.p8{padding:.5rem}.gap10{gap:.625rem}.gap16{gap:1rem}.gap32{gap:2rem}.dpnone,.dpNone,.displayNone{display:none!important}.displayFlex{display:flex!important}.mainClose{left:0!important;width:100%!important}.inputP{padding:.5rem .5rem .5rem 2.25rem}.inputP{padding-left:.5rem!important}.SvgInput{position:relative;width:100%}.loginInput{border:1px solid #000;width:100%;font-size:1rem;padding:8px;padding-left:2.25rem;color:#5d5d5d;font-weight:400;box-shadow:0 3px 6px #00000040;transition:all .3s ease-in-out}.loginInput:focus{color:#0d0d0d}.error{color:#ee0043;width:100%;font-size:12px;margin-bottom:-8px}@media screen and (max-width: 450px){.error{font-size:.75rem;margin-bottom:-4px}}.guideline{width:100%;font-size:12px;margin-bottom:-8px;color:#666}@media screen and (max-width: 450px){.guideline{font-size:.75rem;margin-bottom:-4px}}.errorMessage{color:#ee0043;width:100%}@media (max-width: 768px){.errorMessage{font-size:12px}}.forgotPassword{font-size:14px;color:#8f33d8;width:100%;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-in-out}.forgotPassword .remember-email-container{display:flex;justify-content:center;align-items:center;gap:8px}.forgotPassword .remember-email-container label{text-decoration:underline;position:relative;padding-left:28px;cursor:pointer;font-size:16px;user-select:none}@media screen and (max-width: 768px){.forgotPassword .remember-email-container label{font-size:12px}}.forgotPassword .remember-email-container label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #ccc;border-radius:4px;background-color:#fff;transition:all .2s ease}.forgotPassword .remember-email-container input[type=checkbox]:checked+label:before{background-color:#863ec3;border:1px solid #ccc}.forgotPassword .remember-email-container label:after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%) scale(0);width:8px;height:8px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 8"><path fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 4l3 3l5-6"/></svg>');background-repeat:no-repeat;background-position:center;transition:transform .2s ease}.forgotPassword .remember-email-container input[type=checkbox]:checked+label:after{transform:translateY(-50%) scale(1)}.forgotPassword .remember-email-container input{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.forgotPassword a{width:fit-content;text-decoration:underline;font-size:16px}@media screen and (max-width: 768px){.forgotPassword a{font-size:12px}}.forgotPassword a:hover{color:#08040a}.frontSvg{position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}@media (max-width: 450px){.frontSvg{width:1rem;height:1rem}}.backSvg{position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.confirmBTN{background:#08040a;padding:.5rem;font-size:1rem;width:30%;height:100%;transition:all .2s}@media (max-width: 450px){.confirmBTN{font-size:.75rem}}.value{background:#8f33d8;color:#000}.passwordButton:focus,.passwordButton:hover{outline:none!important}.backDesc{width:100%;font-size:1rem;font-weight:700;display:flex;gap:1rem;color:#0d0d0d;height:2.75rem;align-items:center;z-index:9}.backDesc i{width:2.25rem;height:2.25rem;border-radius:50%;background:#e8e8e8;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s}.backDesc i svg{transition:all .3s;width:2.25rem;height:2.25rem;fill:#8f33d8;transform:rotate(180deg)!important;margin-left:-.125rem}.backDesc i:hover{background:#8f33d8}.backDesc i:hover svg{fill:#e8e8e8}.backDesc span{display:flex;flex-direction:column;justify-content:center;align-items:start}@media (max-width: 500px){.backDesc{gap:1rem;font-size:.75rem}.backDesc i{width:1.5rem;height:1.5rem;border-radius:50%}.backDesc i svg{width:1.5rem;height:1.5rem}}.backBtn{position:absolute}.deviceInformationBox{border-radius:1.25rem;box-shadow:inset 0 0 0 .7px #ffffff80;padding:.375rem;background:#08040a;display:flex;align-items:center;justify-content:space-between;width:100%}.colorCircle{width:1.6875rem;height:1.6875rem;border-radius:50%;overflow:hidden}.colorCircle2{width:1.875rem;height:1.875rem;border-radius:50%;overflow:hidden}@media screen and (max-width: 500px){.devControl{width:24px;height:24px}}.CircleRed{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#ff0004e6 0% 100%);border:1px solid #ee0043}.CircleFinish{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#3897f0e6 0% 100%);border:1px solid #3897f0}.CircleGreen{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#05c168e6 0% 100%);border:1px solid #05c168}.CircleIdle{box-shadow:inset 0 0 0 .7px #ffffff80;background:linear-gradient(0deg,#e8740fe6 0% 100%);border:1px solid #e8740f}.informationIconBox{width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center}.informationIconBox .polygon{width:1.875rem;height:1.875rem;border-radius:50%;position:relative;background:linear-gradient(0deg,#fff0,#ffffff52)}.informationIconBox .polygon:before{content:"";position:absolute;inset:0;border-radius:50%;padding:.71px;background:linear-gradient(0deg,#ffffff80,#fff3 21%,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.informationIconBox .deviceStatusInfo,.informationIconBox .deviceNameInfo{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.informationIconBox .deviceStatusInfo p,.informationIconBox .deviceNameInfo p{color:#0d0d0d;font-size:.75rem}.informationIconBox .deviceStatusInfo span,.informationIconBox .deviceNameInfo span{color:#0d0d0d;font-size:1.125rem;font-weight:700}@media (max-width: 450px){.informationIconBox{padding:.75rem .375rem;height:3.0625rem}.informationIconBox .colorCircle{width:1rem;height:1rem}.informationIconBox .informationIconBox{width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center}.informationIconBox .informationIconBox .polygon{width:1.5rem;height:1.5rem}.informationIconBox .informationIconBox .polygon svg{width:1rem;height:1rem}.informationIconBox .deviceStatusInfo{padding:.75rem .375rem}.informationIconBox .deviceStatusInfo p{color:#a0aec0;font-size:.625rem}.informationIconBox .deviceStatusInfo span{color:#e8e8e8;font-size:.875rem}.informationIconBox .deviceNameInfo{padding:0}.informationIconBox .deviceNameInfo p{font-size:.625rem}.informationIconBox .deviceNameInfo span{font-size:.875rem}}.deviceInformationDetailBox{border-radius:1.25rem;padding:.375rem;background:#e8e8e8;display:flex;align-items:center;justify-content:space-around;color:#0d0d0d;width:16.25rem}@media (max-width: 1480px),(max-width: 1300px),(max-width: 690px){.deviceInformationDetailBox{width:100%;align-items:center}}.deviceInformationDetailBox .colorCircle{width:1.9375rem;height:1.9375rem;border-radius:50%}.deviceInformationDetailBox .deviceStatusInfo,.deviceInformationDetailBox .deviceNameInfo{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.deviceInformationDetailBox .deviceStatusInfo p,.deviceInformationDetailBox .deviceNameInfo p{color:#5d5d5d;font-size:.75rem;text-align:center;width:100%}.deviceInformationDetailBox .deviceStatusInfo span,.deviceInformationDetailBox .deviceNameInfo span{color:#0d0d0d;font-size:1.125rem;font-weight:700}.deviceInformationDetailBox .empty{width:1.9375rem;height:1.9375rem;border-radius:50%;opacity:0}@media (max-width: 450px){.deviceInformationDetailBox{padding:.75rem .5rem}.deviceInformationDetailBox .empty,.deviceInformationDetailBox .colorCircle{width:1rem;height:1rem}.deviceInformationDetailBox .informationIconBox{width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center}.deviceInformationDetailBox .informationIconBox .polygon{width:1.5rem;height:1.5rem}.deviceInformationDetailBox .informationIconBox .polygon svg{width:1rem;height:1rem}.deviceInformationDetailBox .deviceStatusInfo{padding:0;gap:.25rem}.deviceInformationDetailBox .deviceStatusInfo p{color:#a0aec0;font-size:.5rem}.deviceInformationDetailBox .deviceStatusInfo span{color:#0d0d0d;font-size:.875rem}.deviceInformationDetailBox .deviceNameInfo{padding:0;gap:.25rem;width:100%}.deviceInformationDetailBox .deviceNameInfo p{font-size:.5rem}.deviceInformationDetailBox .deviceNameInfo span{font-size:.875rem}}.not-found{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:99vh;overflow:hidden}.not-found .textWhite{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.not-found .textWhite h1,.not-found .textWhite p{color:#0d0d0d}.not-found .textWhite button{background:#8f33d8;padding:12px;border-radius:6px;font-weight:700}.controlProgressBox{border-radius:1.25rem;box-shadow:inset 0 0 0 .7px #ffffff80;padding:.375rem;background:#08040a;display:flex;align-items:center;justify-content:space-between;width:100%}.controlProgressBox .controlProgress{padding:.625rem;display:flex;flex-direction:column;gap:.25rem;width:100%}.controlProgressBox .controlProgress p{font-size:1.125rem;font-weight:700;color:#e8e8e8}.controlProgressBox .controlProgress span{font-size:1.25rem;font-weight:700}.controlProgressBox .controlProgress .controlbar{width:100%;background:#473b90;height:.5625rem;border-radius:.375rem}@media (max-width: 450px){.controlProgressBox{display:none}}.switch-Detail-container{width:100%;height:5rem;border-radius:1.625rem;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center}.switch-Detail-container p{position:absolute;font-size:2.25rem;opacity:20%}@media (max-width: 450px){.switch-Detail-container{height:3.75rem}}.switch-Detail-slider{width:8.5rem;height:3.25rem;background-color:#ccc;border-radius:6.25rem;position:absolute;display:flex;justify-content:center;align-items:center}@media (max-width: 450px){.switch-Detail-slider{width:5rem;height:2.625rem}}@media (max-width: 365px){.switch-Detail-slider{width:4.625rem;height:2.625rem}}.on{background-color:#fff}.progressDetailWrap{display:flex;gap:.375rem;justify-content:center;align-items:start;padding:1rem 0;flex-direction:column}.progressDetailWrap.on{background:transparent}.progressDetailWrap.on .progressHome{background:#e3e3e3}.progressDetailWrap.off p,.progressDetailWrap.off span{color:#828282!important}.progressDetailWrap.off .progressHome .progressHomeBar{width:0%}.progressDetailWrap .progressInfo p{color:#aeb9e1;font-weight:700;font-size:1.125rem}@media (max-width: 450px){.progressDetailWrap .progressInfo p{font-size:.875rem}}.progressDetailWrap .progressInfo span{font-weight:700;font-size:1.25rem}@media (max-width: 450px){.progressDetailWrap .progressInfo span{font-size:1rem}}.progressDetailWrap .progressHome{width:100%;height:1.25rem;background:#828282;border-radius:.625rem;position:relative}@media (max-width: 450px){.progressDetailWrap .progressHome{height:1rem}}.progressDetailWrap .progressHome .progressHomeBar{background:#473b90;width:50%;height:1.25rem;border-radius:.625rem;position:absolute;top:0}@media (max-width: 450px){.progressDetailWrap .progressHome .progressHomeBar{height:1rem}}.scrollToTop{display:flex;justify-content:center;align-items:center;position:fixed;bottom:6.25rem;right:35%;z-index:10;opacity:.3;background:#fff;width:2.5rem;height:2.5rem;border-radius:50%;transition:all .3s}@media (max-width: 450px){.scrollToTop{right:1rem}}.scrollToTop:hover{opacity:1}.scrollToTop .arrow{transform:rotate(90deg)}.donutProgress{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center}.donutProgress svg{transition:all 1s ease-in-out}.donutProgress svg circle{transition:all 1s ease-in-out}@media (max-width: 450px){.donutProgress{width:3.75rem !important!important;height:3.75rem !important!important}}.close{left:-6.25rem!important;visibility:hidden}.asideContainer{z-index:12!important;transition:all .5s;height:100vh;position:fixed;left:0;top:0;width:6.25rem;background:#f9f9f9;box-shadow:3px 0 6px #0000001a;display:none;align-items:center;flex-direction:column}@media (max-width: 500px){.asideContainer{display:none!important}}.asideContainer .sideNavigationBtnWrap{width:100%;display:flex;align-items:center;padding:4.8px .625rem}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn{display:flex;justify-content:center;align-items:center;border-radius:.375rem;position:relative;z-index:99999!important;width:40px;height:40px}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:focus,.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:hover{background:#8f33d81a}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:focus svg,.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:hover svg{fill:#8f33d8}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:focus:before,.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:hover:before{content:"Close Side";position:absolute;right:-4.7rem;top:50%;transform:translate(-.625rem,-50%);background:#000;color:#fff;font-size:.7rem;padding:.25rem;border-radius:.25rem;white-space:nowrap;z-index:99999!important}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:focus:after,.asideContainer .sideNavigationBtnWrap .sideNavigationBtn:hover:after{content:"";position:absolute;top:50%;right:-.21875rem;transform:translateY(-50%);border-width:.3125rem;border-style:solid;z-index:99999!important;border-color:transparent #000 transparent transparent}.asideContainer .sideNavigationBtnWrap .sideNavigationBtn svg{transform:rotate(180deg)}.asideContainer .asideTabWrapper{display:flex;flex-direction:column;gap:1.1875rem}.asideContainer .asideTabWrapper .adddeviceactive svg path{fill:none!important;stroke:#fff}.asideContainer .asideTabWrapper .active{background:#8f33d8!important;border:1px solid #c0c0c0}.asideContainer .asideTabWrapper .active p{color:#fff!important}.asideContainer .asideTabWrapper .active svg path{fill:#fff;stroke:#fff}.asideContainer .asideTabWrapper .active:hover svg path,.asideContainer .asideTabWrapper .active:focus svg path{fill:auto!important}.asideContainer .asideTabWrapper .active :nth-child(4) svg path{fill:#08040a}.asideContainer .asideTabWrapper .asideTab{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border:1px solid #e9e9e9;width:4.6875rem;border-radius:.375rem;gap:.5rem;padding:.5rem 0;cursor:pointer;transition:all .3s!important}.asideContainer .asideTabWrapper .asideTab:hover,.asideContainer .asideTabWrapper .asideTab:focus{background:#8f33d833}.asideContainer .asideTabWrapper .asideTab:nth-child(3) p{line-height:75%}.asideContainer .asideTabWrapper .asideTab p{transition:color .3s ease-in-out!important;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.75rem;color:#666;font-weight:700;font-size:11px}.navOpen{width:100%!important;left:0!important}.lightHeaderContainer{background:#fff;position:fixed;width:calc(100% - 6.25rem);top:0;left:6.25rem;border-bottom:.0625rem solid #e8e8e8;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;z-index:11;transition:left .5s,width .5s}@media (max-width: 500px){.lightHeaderContainer{width:100%;left:0}}.lightHeaderContainer .lightHeaderTitle{display:flex;justify-content:center;align-items:center;gap:1rem;font-weight:700;color:#0d0d0d}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn{display:flex;justify-content:center;align-items:center;position:relative;width:24px;height:24px}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:focus,.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:hover{background:#8f33d81a}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:focus svg,.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:hover svg{fill:#8f33d8}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:focus:before,.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:hover:before{content:"Open Side";position:absolute;left:30px;top:100%;width:fit-content;transform:translate(-50%);background:#000;color:#fff;font-size:.7rem;padding:.25rem;border-radius:.25rem;white-space:nowrap}.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:focus:after,.lightHeaderContainer .lightHeaderTitle .sideNavigationBtn:hover:after{content:"";position:absolute;right:34%;top:68%;transform:translate(-50%) rotate(90deg);border-width:.3125rem;border-style:solid;border-color:transparent #000 transparent transparent}.lightHeaderContainer .lightheaderAlarmContainer{display:flex;justify-content:center;align-items:center;gap:1rem}.lightHeaderContainer .lightheaderAlarmContainer .lightheaderUserContainer{display:flex;justify-content:center;align-items:center;gap:.25rem}.lightHeaderContainer .lightheaderAlarmContainer .lightheaderUserContainer .HeaderMyPageBtn{display:flex;justify-content:center;align-items:center;gap:.5rem}.lightHeaderContainer .lightheaderAlarmContainer .lightheaderUserContainer p{font-weight:700;color:#0d0d0d;font-size:.75rem}.memberItemLoading{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 3px 6px #00000026;display:flex;justify-content:center;align-items:center;padding:2px}.memberItemLoading img{width:100%!important;height:100%!important;object-fit:contain}.lightheaderUserStatus{width:.5rem;height:.5rem;border-radius:50%;position:relative}.lightheaderUserStatus.connected{background:#05c168}.lightheaderUserStatus.reconnecting{background:#e8740f}.lightheaderUserStatus.disconnected{background:#ee0043}.LoadingOverlay{position:fixed;height:100%;z-index:99999;top:50%;background:#000c;left:50%;transform:translate(-50%,-50%)}.spinner{width:3.125rem;height:3.125rem;border:.375rem solid #8f33d8;border-top:.375rem solid #8f33d8;border-radius:50%}.loadingOverlayAddDevice{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;border-radius:8px;z-index:10}.loadingOverlayAddDevice p{position:absolute;left:0;right:0;bottom:35%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;font-weight:700;z-index:99}@media (max-width: 690px){.loadingOverlayAddDevice p{font-size:16px}}@media (max-width: 500px){.loadingOverlayAddDevice p{font-size:12px}}.loadingOverlayAddDevice .loadingSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px}.loadingOverlayAddDevice .loadingSpinner .spinner{width:100%!important;height:100%!important;border:2px solid #ccc;border-top:2px solid #8f33d8;border-radius:50%;animation:spin 1s linear infinite}.loadingOverlay,.loadingOverlaylogin{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;border-radius:8px;z-index:99999!important}.loadingOverlay p,.loadingOverlaylogin p{position:absolute;left:0;right:0;bottom:35%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;font-weight:700;z-index:99}@media (max-width: 690px){.loadingOverlay p,.loadingOverlaylogin p{font-size:16px}}@media (max-width: 500px){.loadingOverlay p,.loadingOverlaylogin p{font-size:12px}}.loadingOverlay .loadingSpinner,.loadingOverlaylogin .loadingSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px}.loadingOverlay .loadingSpinner .spinner,.loadingOverlaylogin .loadingSpinner .spinner{width:100%!important;height:100%!important;border:2px solid #ccc;border-top:2px solid #8f33d8;border-radius:50%;animation:spin 1s linear infinite}.loadingOverlaylogin .loadingSpinner .spinner{border-top-color:#8f33d8}.loadingOverlayAuthorizedContainer{position:fixed;width:100%;height:100vh;background:#0003;top:0;right:0;bottom:0;z-index:10}.loadingOverlayAuthorized{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.loadingOverlayAuthorized .loadingOverlayAuthorized-finish{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.loadingOverlayAuthorized .loadingOverlayAuthorized-finish p{font-size:20px;color:#8f33d8}.loadingOverlayAuthorized .loadingSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;box-shadow:0 0 10px #0000004d}.loadingOverlayAuthorized .loadingSpinner svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(2)}.loadingOverlayAuthorized .loadingSpinner .spinner{width:60px;height:60px;border:8px solid #f0f0f0;border-top:8px solid #863ec3;border-radius:50%;animation:spin 1s linear infinite}.loadingOverlayContainer{background:#000c;width:100%;height:100%;position:fixed;inset:0;z-index:101}.loginContainer{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;position:relative;background:url(/assets/bg1920-D95Pn18S.jpg) no-repeat center center;background-size:cover}.loginContainer .bglogo{position:absolute;top:16px;left:16px;width:100px;height:21px;object-fit:contain}@media screen and (max-width: 500px){.loginContainer .bglogo{display:none}}@media (max-width: 1080px){.loginContainer{background:url(/assets/bg1080-BFHm47np.jpg) no-repeat center center}}@media (max-width: 500px){.loginContainer{background:url(/assets/bg500-CdllKdbs.jpg) no-repeat center center;background-size:cover}}.loadingOverlay p{color:#fff}@media (max-width: 690px){.loadingOverlay p{font-size:16px}}@media (max-width: 500px){.loadingOverlay p{font-size:12px}}.loadingOverlay .loadingSpinner .spinner{border:2px solid #ccc;border-top:2px solid #8f33d8;animation:spin 1s linear infinite}.dd{width:100%;height:108px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.loginSvgContainer{position:relative;width:100%;display:flex;flex-direction:column;align-items:start;gap:2rem}.descImg{object-fit:contain}.loginlogo{width:200px;height:42px;object-fit:contain}@media (max-width: 600px){.loginlogo{height:100%}}@media (max-width: 450px){.loginlogo{width:100px;height:100%}}.boxlogin{display:flex;gap:10px;width:100%;height:100%}.boxlogin button{width:100%}.loginform{width:100%;gap:16px;padding:50px}.loginform button{background:#e8e8e8;color:#5d5d5d;transition:all .3s}.loginform button:hover{background:#8f33d8;color:#fff}@media (max-width: 450px){.loginform{padding:0 1rem}}.loginBtn{position:relative;border-radius:.5rem;height:40px!important;background:#08040a!important;color:#fff!important;box-shadow:0 3px 6px #00000040}.loginBtn:hover{background:#8f33d8!important}.noDeviceMatch h2,.noDeviceMatch h1,.noDeviceMatch h5{text-align:center;display:flex;justify-content:center;align-items:center;width:400px}.noDeviceMatch .noDeviceImg{height:100%;display:flex;justify-content:center;align-items:center}.noDeviceMatch .noDeviceImg a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.noDeviceMatch .noDeviceImg img{width:100%;height:100%;object-fit:contain}@media (max-width: 600px){.noDeviceMatch{padding:1rem}.noDeviceMatch .noDeviceMatchContent{width:100%;padding:1rem}.noDeviceMatch .noDeviceMatchContent h1{font-size:1.5rem}.noDeviceMatch .noDeviceMatchContent h2{font-size:1rem}.noDeviceMatch .noDeviceMatchContent h5{font-size:.8rem}}.authContainer{display:flex;justify-content:center;align-items:center;align-items:start;gap:16px}@media (max-width: 900px){.authContainer{flex-direction:column-reverse;align-items:center;justify-content:center}.authContainer .authDescContainer{width:100%}}.AuthInnerContainer{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:14px;padding-top:16px}@media (max-width: 900px){.AuthInnerContainer{padding-top:0;font-size:12px}}.authDescContainer{width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:16px;border-radius:8px;background:#8f33d826;padding:16px;margin-top:16px}.authDescContainer hr{border:1px solid #8f33d8;width:100%;margin:0}.authDescContainer .nonewhite .verified{background:transparent!important}.authDescTitle{display:flex;justify-content:start;align-items:center;padding-left:7px;gap:16px}.authDescTitle svg{width:24px;height:24px}.authDescTitle p{font-weight:700}.authDescItem{display:flex;flex-direction:column;width:100%;gap:8px}.authDescItem p{font-size:12px;color:#495057}.authWarnItem{width:100%;display:flex;gap:8px;justify-content:start;align-items:start}.authWarnItem p{line-height:1.4;font-size:10px;color:#495057}.authWarnItem p span{color:#8f33d8;padding:0 2px;display:inline-block;line-height:1.4;font-size:10px;width:fit-content}.authWarnItem svg{flex-shrink:0;width:14px;height:14px}.authWarnItem svg path{stroke-width:1.3px}.authDescContainerMobile{display:none}@media (max-width: 900px){.authDescContainerMobile{display:flex;align-items:center;justify-content:start;gap:8px;width:100%;height:100%;background:#8f33d826;padding:12px;border-radius:8px;cursor:pointer}.authDescContainerMobile p{font-size:12px;color:#495057}}@media (max-width: 900px){.isMobileOpen{display:none}}.mainlogo100{width:6.25rem;height:1.875rem;background-image:url(../../assets/logo/carima_white.webp);background-position:center;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 450px){.mainlogo100{width:5rem;height:1.5rem}}.loginFooter{width:calc(100% - 6.25rem)!important;margin-left:6.25rem;background:#f3f3f3;color:#5d5d5d!important;height:100%;min-height:fit-content;padding:1rem;gap:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 1919px){.loginFooter{padding-bottom:73px}}@media screen and (max-width: 500px){.loginFooter{width:100%!important;margin:0;gap:1rem;padding-bottom:100px}}.footer{background:#f9f9f9;color:#5d5d5d!important;position:absolute;bottom:-20%;width:100%;height:fit-content;padding:1rem;gap:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 450px){.footer{gap:1rem;bottom:-26%}}@media screen and (max-width: 1300px){.footer{bottom:-26%}}.footerTop{display:flex;justify-content:space-between;align-items:center;width:100%}@media screen and (max-width: 450px){.footerTop{width:100%}}@media screen and (max-width: 1081px){.footerTop{width:100%}}.footerWrap{display:flex;justify-content:center;gap:.5rem}.footerWrap span{font-size:10px;color:#777}.footerWrap .footer-version-wrap{display:flex;justify-content:center;align-items:flex-end;gap:.5rem}.footerWrap .footer-logo-wrap{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){.footerWrap{flex-direction:column}}.mainFooterClose{margin:0;width:100%!important}.logocontainer{display:flex;gap:.5rem}.logocontainer span{border-radius:100%;width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center;border:.0625rem solid #5d5d5d;cursor:pointer}@media screen and (max-width: 450px){.logocontainer span{width:1.5rem;height:1.5rem}}a{width:1rem;height:1rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){a{width:.75rem;height:.75rem}}.middle400{font-size:.5rem;font-weight:700;display:flex;flex-direction:column;text-align:center;gap:.625rem}.middle400 .p10{font-size:.625rem;cursor:pointer}.middle400 .p10:hover{transition:all .3s;color:#8f33d8}@media screen and (min-width: 400px){.middle400{display:none}}.middle{font-size:.625rem;font-weight:700;display:flex;flex-direction:column;gap:.625rem;text-align:center}.middle .p14{font-size:.75rem;cursor:pointer}.middle .p14:hover{transition:all .3s;color:#8f33d8}@media screen and (max-width: 450px){.middle{display:none}}.footerBottom{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.5625rem}.footerBottom span:hover{border:.0625rem solid #8f33d8;transition:all .3s}.footerBottom span:hover .path{transition:all .3s;fill:#8f33d8}@media screen and (max-width: 450px){.footerBottom{font-size:.4375rem;width:100%}}@media screen and (max-width: 1081px){.footerBottom{width:100%}}.isDetail{width:calc(100% - 370px)!important;margin-left:370px!important}@media screen and (max-width: 1480px){.isDetail{width:calc(100% - 232px)!important;margin-left:232px!important}}@media screen and (max-width: 900px){.isDetail{width:100%!important;margin-left:0!important}}.wrapperRegister{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;border-radius:1.25rem;width:37.5rem}@media screen and (max-width: 450px){.wrapperRegister{width:100%}}.logoWrapper{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem;width:56%}@media screen and (max-width: 1080px){.logoWrapper img{width:100px;height:30px}}@media screen and (max-width: 900px){.logoWrapper{gap:.5rem;margin-bottom:1rem}}@media screen and (max-width: 450px){.logoWrapper{width:100%;margin-bottom:.5rem}}.flexRegister{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;overflow:hidden;overflow-y:hidden}@media screen and (max-width: 900px){.flexRegister{padding:2rem}}@media screen and (max-width: 450px){.flexRegister{padding:0rem;padding:0px 1rem}}i{width:6.25rem;height:6.25rem}@media screen and (max-width: 450px){i{width:3.125rem;height:3.125rem}}.inputwrap{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.inputwrap .inputFit{width:100%;position:relative}.inputwrap .inputFit .frontSvg{position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.inputwrap .inputFit .visible{cursor:pointer;position:absolute;top:50%;right:.5rem;transform:translate(-50%,-50%)}@media screen and (max-width: 450px){.inputwrap{width:18.75rem}.inputwrap .inputFit .frontSvg{width:1rem;height:1rem}}@media screen and (max-width: 450px){.validation-message{font-size:.75rem}}.formcontainer{display:flex;flex-direction:column;gap:.5rem;height:100%;width:100%}@media screen and (max-width: 450px){.formcontainer{gap:.5rem}}.genderinput{display:flex;padding:.5rem .5rem .5rem 1rem;background:#fff;color:#000;justify-content:space-between}@media screen and (max-width: 450px){.genderinput{font-size:.75rem}}.genderLabel{display:flex;justify-content:center;align-items:center;gap:.75rem}.labelGap{display:flex;gap:.5rem;align-items:center;justify-content:center}.submitBtn{background:#08040a;padding:.5rem;font-size:1rem;width:100%;height:100%;min-height:40px;color:#fff;font-weight:700;border-radius:.375rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){.submitBtn{font-size:.75rem}}.cancelBtn{background:#08040a;padding:.5rem;color:#fff;font-size:1rem;width:100%;height:100%;border-radius:.375rem;font-weight:700}@media screen and (max-width: 450px){.cancelBtn{font-size:.75rem}}.BTNWrap{font-weight:700;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.875rem}.BTNWrap .active{background:#8f33d8}@media screen and (max-width: 450px){.BTNWrap{gap:.5rem}}.successRegister{position:relative;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;gap:1rem;padding:50px}@media screen and (max-width: 450px){.successRegister{padding:32px}}.successRegister .message{display:flex;flex-direction:column;gap:1rem}.successRegister .message p{font-size:24px;font-weight:700}.successRegister .message p span{color:#8f33d8}@media screen and (max-width: 450px){.successRegister .message p{font-size:16px}}.successRegister .message h2{color:#0d0d0d;font-size:16px;font-weight:medium}@media screen and (max-width: 450px){.successRegister .message h2{font-size:12px}}.successRegister button{width:100%;padding:.75rem 1.5rem;border-radius:.375rem;background:#08040a;color:#fff;font-weight:700;font-size:1rem;transition:all .3s}.successRegister button:focus{background:#8f33d8;color:#e8e8e8}.successRegister button:hover{background:#8f33d8;color:#e8e8e8}@media screen and (max-width: 450px){.successRegister button{font-size:12px;padding:8px 24px}}.PolicyPage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.PolicyContainer{width:100%;padding:2rem;display:flex;gap:3rem;flex-direction:column;align-items:center;justify-content:space-between}@media screen and (max-width: 900px){.PolicyContainer{gap:1rem}}@media screen and (max-width: 450px){.PolicyContainer{gap:1rem}}.policyContent{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.forminner{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;border-radius:1.25rem;width:100%}@media screen and (max-width: 900px){.forminner{padding:0rem}}@media screen and (max-width: 450px){.forminner{gap:.5rem}}.tac{display:flex;align-items:center}.tgreen{color:#05c168;font-size:12px;margin-bottom:-8px}@media screen and (max-width: 450px){.tgreen{margin-bottom:-4px}}.tred{color:#ee0043}.bgreen{outline:.0625rem solid #05c168;border:.0625rem solid #05c168}.bred{outline:.0625rem solid #ee0043;border:.0625rem solid #ee0043}.bgray{border-width:.125rem;border-style:inset;border-color:light-dark(rgb(118,118,118))}.langSelect{position:relative;cursor:pointer}.langSelect select{border:.0625rem solid #08040a;background:#fff;font-size:.875rem;font-weight:400;color:#000;border-radius:.625rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.5rem 1.5rem .5rem 1.75rem;cursor:pointer}.langSelect .drop{position:absolute;top:50%;right:0%;transform:translateY(-50%);pointer-events:none;cursor:pointer}.langSelect .globe{position:absolute;top:50%;left:.25rem;transform:translateY(-50%);pointer-events:none;cursor:pointer}@media screen and (max-width: 900px){.langSelect select{font-size:10px;padding-left:1.6rem}}@media screen and (max-width: 450px){.langSelect select{font-size:.75rem;padding-left:1.6rem}.langSelect .globe{width:1rem;height:1rem}}.terms{color:#000;height:12.5rem;overflow-y:auto;border:.0625rem solid #08040a;margin-top:-.3125rem;border-radius:.25rem;padding:.75rem .875rem;background:#fff;width:100%}@media screen and (max-width: 900px){.terms{width:100%;height:10rem}}@media screen and (max-width: 450px){.terms{font-size:.75rem;height:9.375rem}}.personalInformation{color:#000;height:12.5rem;overflow-y:auto;border:.0625rem solid #08040a;margin-top:-.3125rem;border-radius:.25rem;padding:.75rem .875rem;background:#fff;width:100%}@media screen and (max-width: 900px){.personalInformation{width:100%;height:10rem}}@media screen and (max-width: 450px){.personalInformation{font-size:.75rem;height:9.375rem}}.personalInformation::-webkit-scrollbar,.terms::-webkit-scrollbar{width:.625rem;height:.625rem}.personalInformation::-webkit-scrollbar-track,.terms::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0}.personalInformation::-webkit-scrollbar-thumb,.terms::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:.125rem}.policyTitle{color:#0d0d0d;display:flex;justify-content:start;align-items:center;gap:.5rem;font-size:1rem;white-space:nowrap;width:100%}.policyTitle span{color:#8f33d8}.policyTitle svg{cursor:pointer}@media screen and (max-width: 900px){.policyTitle{width:100%}}@media screen and (max-width: 500px){.policyTitle{font-size:.75rem}.policyTitle svg{width:20px;height:20px}.policyTitle span{font-size:.5rem}}.policyBTNWrap{width:100%;display:flex;justify-content:center;align-items:center;gap:1.75rem;margin-top:0}.policyBTNWrap button{font-weight:700;box-shadow:0 3px 6px #00000040}.policyBTNWrap .active{background:#8f33d8;color:#fff}@media screen and (max-width: 450px){.policyBTNWrap{margin-top:0}}.policyInner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.policyHeader{display:flex;justify-content:flex-end;align-items:center;width:100%}@media screen and (max-width: 900px){.policyHeader img{width:100px;height:100%}}.radioGroup{display:flex;justify-content:space-between;align-items:center;width:100%;color:#0d0d0d;gap:.5rem}.radioGroup .radioLabel{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.radioGroup .radioLabel input{width:auto!important;padding:0!important}@media screen and (max-width: 450px){.radioGroup .radioLabel{font-size:.75rem;width:100%}}.radioLabel:has(input[type=radio]:checked){color:#8f33d8}.allowPush{display:flex;justify-content:center;align-items:center;color:#0d0d0d}.allowPush label{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;line-height:2;text-wrap:nowrap}.toggleSwitchLabel{display:flex;align-items:center;cursor:pointer;gap:10px}.labelText{font-size:14px;color:#333}.toggleSwitchContainer{position:relative;display:inline-block;width:44px;height:24px}.hiddenCheckbox{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.hiddenCheckbox:checked+.slider{background-color:#8f33d8}.hiddenCheckbox:checked+.slider:before{transform:translate(20px)}@media screen and (max-width: 680px){.pushEmailWrap{flex-direction:column;align-items:flex-start!important;justify-content:center!important}}.inputbox{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.registerFormSection{height:auto;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.dot-wave{--uib-size: 30px;--uib-speed: .6s;--uib-color: #fff;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:var(--uib-size);height:calc(var(--uib-size) * .17);padding-top:calc(var(--uib-size) * .34)}.dot-wave__dot{flex-shrink:0;width:calc(var(--uib-size) * .17);height:calc(var(--uib-size) * .17);border-radius:50%;background-color:var(--uib-color);will-change:transform}.dot-wave__dot:nth-child(1){animation:jump824 var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.45) infinite}.dot-wave__dot:nth-child(2){animation:jump824 var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.3) infinite}.dot-wave__dot:nth-child(3){animation:jump824 var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.15) infinite}.dot-wave__dot:nth-child(4){animation:jump824 var(--uib-speed) ease-in-out infinite}@keyframes jump824{0%,to{transform:translateY(0)}50%{transform:translateY(-200%)}}button:hover,role[button]:hover{filter:drop-shadow(0 3px 8px rgba(0,0,0,.25)) saturate(130%)}.tabWrapper{width:100%;padding:0;gap:1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width: 450px){.tabWrapper{width:100%;gap:.75rem;font-size:.75rem}}.EmailTab,.PwTab{width:100%;padding:.5rem;text-align:center;cursor:pointer;color:#fff;background:#030303;box-shadow:0 3px 6px #00000040}.EmailTab.active,.PwTab.active{background:#8f33d8;color:#fff!important}@media screen and (max-width: 450px){.EmailTab,.PwTab{font-size:.75rem}}.value{background:#8f33d8!important;color:#fff}.logoWrap{width:100%}@media screen and (max-width: 450px){.logoWrap{padding:0 32px}}.findResult{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.findResultInner{display:flex;justify-content:center;align-items:center;gap:.5rem}.findResultInner p{font-weight:700}@media screen and (max-width: 768px){.findResultInner{font-size:12px}.findResultInner svg{width:14px;height:14px}}.buttonTab{width:100%;display:flex;flex-direction:column;gap:1rem}.buttonTab .find{width:100%;background:#8f33d8;padding:.5rem;font-weight:700;box-shadow:0 3px 6px #00000040}.buttonTab .cancel{width:100%;background:#030303;color:#fff;font-weight:700;padding:.5rem;box-shadow:0 3px 6px #00000040}.findtab{display:flex;gap:.625rem;font-weight:700;width:100%}.findInput{width:100%;display:flex;flex-direction:column;gap:1rem}.findForm{width:100%;gap:1rem}.wrapperFindAccount{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:2rem;color:#0d0d0d;width:100%;padding:50px}@media screen and (max-width: 500px){.wrapperFindAccount{padding:0rem;background:transparent!important;border-radius:0;overflow:hidden;width:100%;height:100%}}.inputFit{position:relative;width:100%}.inputFit .errorb{border:.0625rem solid #f00}.overlay{width:100%;max-width:37.5rem;height:100%;position:absolute;top:0;background:#fff;z-index:3;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3rem}.overlay .overlayInner{padding:4rem 0;width:80%;display:flex;justify-content:center;align-items:center;background:#e8e8e8;border-radius:.375rem;box-shadow:0 3px 6px #00000040}.overlay .overlayInner h3{color:#8f33d8}.overlay .overlayInner div{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 768px){.overlay .overlayInner div{flex-direction:column;justify-content:center;align-items:center}}.BTNContainer{width:80%}.resetPwHeader{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0d0d0d;gap:1.5rem}.resetPwHeader form{padding:0!important;gap:1.5rem}.resetPwHeader .img{width:100%;display:flex}.resetPwHeader span{font-size:20px;color:#8f33d8}.resetPwHeader h3{text-align:center}@media screen and (max-width: 768px){.resetPwHeader{padding:1rem}.resetPwHeader span{font-size:16px}.resetPwHeader h3{font-size:12px}}@media screen and (max-width: 450px){.resetPwHeader{font-size:.875rem}.resetPwHeader span{font-size:1.125rem}.resetPwHeader h3{text-align:center;display:flex;flex-direction:column}}.sendEmailContainer{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;position:relative;padding:0rem 2rem}.sendEmailContainer p{word-break:keep-all;font-size:14px;width:100%}.sendEmailContainer p span{color:#8f33d8;font-weight:700;margin:0 10px}@media screen and (max-width: 450px){.sendEmailContainer p{display:flex}.sendEmailContainer p span{margin:0!important;white-space:nowrap;text-indent:-100px!important}}.sendEmailContainer .btnWrap{display:flex;justify-content:center;align-items:center;gap:1rem;flex-direction:column;width:100%}.sendEmailContainer .btnWrap :last-child{background:#030303;color:#fff}.sendEmailContainer .btnWrap button{width:100%;font-weight:700;padding:.5rem;border-radius:6px;box-shadow:0 3px 6px #00000040}@media screen and (max-width: 450px){.sendEmailContainer .btnWrap{gap:.75rem}.sendEmailContainer .btnWrap button{font-size:.75rem}}.sendEmailContainer button{padding:1rem;border-radius:.75rem;background:#8f33d8;font-weight:700;font-size:1rem}.sendEmailContainer .sendEmailInner{color:#0d0d0d;display:flex;flex-direction:column;width:100%;height:70%;justify-content:center;align-items:center;gap:2rem}.sendEmailContainer .sendEmailInner .logoContainer{width:100%;display:flex;justify-content:start;align-items:center}@media screen and (max-width: 450px){.sendEmailContainer p{display:flex;flex-direction:column;align-items:center;justify-content:center}}.verificationWrapper{height:100vh;display:flex;flex-direction:column;gap:16px;align-items:start;justify-content:center;padding:32px;border-radius:12px;color:#8f33d8;width:100%}.verificationWrapper span{width:100%;display:flex;justify-content:center;align-items:center}.verificationWrapper h2{text-align:center;color:#0d0d0d}.verificationWrapper p{text-align:center}.verificationWrapper button{background:#8f33d8;padding:8px;border-radius:12px;font-weight:700;font-size:18px;width:100%}@media screen and (max-width: 450px){.verificationWrapper{padding:16px}.verificationWrapper h2{font-size:18px;text-align:center}.verificationWrapper p,.verificationWrapper button{font-size:14px}}.resetPwContainer{width:100%;height:100vh}.resetPwContainer .formcontainerReset{display:flex;padding:16px;flex-direction:column;width:100%}.resetPwContainer .formcontainerReset .ResetInput{width:100%}.homeContainer{background:#f8f9fa;height:100%;min-height:calc(100vh - 41px);padding:1rem;width:100%}@media screen and (max-width: 660px){.homeContainer{padding:1rem 1rem 6rem}}@media screen and (max-width: 500px){.homeContainer{padding:1rem!important;overflow:hidden;height:calc(100vh - 121px);min-height:calc(100vh - 121px)!important;padding-top:0!important}}.pWrap{color:#2c3e50;font-size:1.25rem;font-weight:600;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:1.25rem;text-align:center;line-height:1.6}@media screen and (max-width: 450px){.pWrap{font-size:1rem}}.addDevice{display:flex;justify-content:center;align-items:center;gap:.5rem;background:#fff;border-radius:12px;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000026;transition:transform .3s,box-shadow .3s}.addDevice:hover{transform:translateY(-2px)}.addDevice:hover{box-shadow:0 6px 12px #00000026}.addDevice:hover svg path{fill:#fff!important}.addDevice:hover button{background:#8e44ad;color:#fff}.addDevice button{font-size:1rem;font-weight:600;width:100%;padding:.8rem;border-radius:12px;transition:all .3s;color:#2c3e50;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem}.addDevice button p{width:100%;display:flex;justify-content:center;align-items:center}.addDevice button:focus{background:#8e44ad;color:#fff;outline:none}.deviceExistsContainer{width:100%;z-index:2;padding:1rem;gap:1rem;min-height:calc(100vh - 73px);display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}@media screen and (max-width: 750px){.deviceExistsContainer{width:100%;padding:1.5rem}}@media screen and (max-width: 500px){.deviceExistsContainer{padding:0;box-shadow:none;background:transparent;min-height:calc(100vh - 153px)!important}}.bookmarkTabWrap{display:flex;align-items:center;justify-content:center;gap:.5rem}@media screen and (max-width: 660px){.bookmarkTabWrap{gap:.3rem}}.bookmark{padding:.625rem;border-radius:.5rem;font-weight:700;width:100px;display:flex;justify-content:space-around;align-items:center;gap:.75rem;cursor:pointer;color:#666!important}.bookmark svg{flex-shrink:0}.save:hover{background:#8f33d8;color:#fff!important}.isClickedTab{background-image:url(/assets/img/ddasfwww.png)!important;color:#fff!important}.isClickedTab svg path{fill:#b974f1!important}@media screen and (max-width: 690px){.isClickedTab{font-size:.5625rem;width:4.375rem;gap:.375rem}.isClickedTab .verified{width:.625rem;height:.625rem}.isClickedTab .verified svg{width:1rem;height:1rem}}.BookMarkTab{width:100%;display:flex;flex-direction:column;gap:.5rem;border-radius:.5rem}.BookMarkTab .headerBook{display:flex;align-items:center;gap:.375rem;justify-content:space-between}.BookMarkTab .headerBook .filterIconWrap .filterIcon{width:32px;height:32px;border-radius:50%;box-shadow:0 3px 6px #0000001a;border:1px solid #e4e4e4;display:flex;justify-content:center;align-items:center;transition:all .3s ease;cursor:pointer}.BookMarkTab .headerBook .filterIconWrap .filterIcon:hover{background:#e4e4e4}.BookMarkTab .headerBook .filterIconWrap .filterIcon.filterOpen{background:#2c3e50}.BookMarkTab .headerBook .filterIconWrap .filterIcon.filterOpen svg path{fill:#fff}.BookMarkTab .headerBook .filterIconWrap .filterIcon svg{width:1rem;height:1rem;transition:all .3s ease}@media screen and (max-width: 660px){.BookMarkTab .headerBook .filterIconWrap .filterIcon{width:22px;height:22px;border-radius:50%}.BookMarkTab .headerBook .filterIconWrap .filterIcon svg{width:14px}}.BookMarkTab .headerBook .bookmark{border-radius:.5rem;font-size:.7rem;border:1px solid #c0c0c0!important;box-shadow:0 3px 6px #0000001a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;background:#f4f4f4;color:#2c3e50}.BookMarkTab .headerBook .bookmark span{display:flex;justify-content:center;align-items:center;width:.875rem;height:.875rem}.BookMarkTab .headerBook .bookmark span svg{width:1.4rem;height:1.4rem}.BookMarkTab .headerBook .bookmark:hover{background:#e4e4e4}.BookMarkTab .headerBook .bookmark.isClickedTab{color:#fff}.BookMarkTab .headerBook .bookmarkStatus{border-radius:.5rem;font-size:.7rem;border:1px solid #c0c0c0;box-shadow:0 3px 6px #0000001a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;font-weight:700;background:#f4f4f4;color:#666!important;padding:.625rem;position:relative}@media screen and (max-width: 500px){.BookMarkTab .headerBook .bookmarkStatus{width:auto;height:34px;font-size:10px;gap:6px;line-height:2}.BookMarkTab .headerBook .bookmarkStatus .statusp{display:none!important}.BookMarkTab .headerBook .bookmarkStatus svg{width:14px!important;height:14px!important}}.BookMarkTab .headerBook .bookmarkStatus svg{width:18px;height:16.8px}.BookMarkTab .headerBook .bookmarkStatus:hover{background:#e4e4e4}.BookMarkTab .headerBook .bookmarkStatus.isClickedTab{color:#fff}.BookMarkTab .headerBook .bookmarkStatus .customSelectDropdown{width:fit-content}.BookMarkTab .headerBook .bookmarkStatus .customSelectDropdown .filterViewContentItemContent p{font-size:12px!important}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem{display:flex;align-items:center;background:#fff;border:1px solid rgba(44,62,80,.1);cursor:pointer;border-radius:12px;width:100%;gap:.8rem;padding:.8rem;transition:all .3s}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem:hover{background:#8e44ad1a;border-color:#8e44ad}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.2rem;height:1.2rem;border:2px solid rgba(44,62,80,.2);border-radius:4px;flex-shrink:0;cursor:pointer;position:relative;transition:all .3s}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem input[type=checkbox]:checked{background:#8e44ad;border-color:#8e44ad}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:4px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-30%)}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem p{font-size:.9rem;font-weight:500;color:#2c3e50;margin:0}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem svg{width:1.25rem;height:1.25rem;transition:all .3s}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem .filterViewContentItemContent{display:flex;align-items:center;justify-content:start;gap:.5rem;flex:1}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem .filterViewContentItemContent span{width:16px;height:16px}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem .filterViewContentItemContentImg{display:flex;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;overflow:hidden}.BookMarkTab .headerBook .bookmarkStatus .filterViewContentItem .filterViewContentItemContentImg img{width:100%!important;height:100%!important;object-fit:contain}.multi{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important}@media screen and (max-width: 1000px){.multi{justify-content:center;padding-right:0!important}}.single{justify-content:start!important}@media screen and (max-width: 1300px){.single{justify-content:start!important}}.none{justify-content:center!important}.deviceListWrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(408px,408px));gap:1rem;width:100%;max-width:100%;transition:all .3s;justify-content:center;align-items:start}@media screen and (max-width: 1300px){.deviceListWrap{grid-template-columns:repeat(auto-fit,minmax(49%,0fr));justify-content:center}}@media screen and (max-width: 1034px){.deviceListWrap{grid-template-columns:repeat(auto-fit,minmax(48%,0fr));justify-content:center}}@media screen and (max-width: 950px){.deviceListWrap{grid-template-columns:repeat(auto-fit,minmax(100%,0fr));justify-content:center}}@media screen and (max-width: 450px){.deviceListWrap{gap:1.5rem;padding:0}}.deviceListWrap .mocSvg{width:1.875rem;height:1.875rem;background:#f4f4f4;border-radius:1.25rem}.deviceListWrap .deviceItem{max-width:100%;width:100%;box-shadow:0 .1875rem .375rem #00000026;border:.0625rem solid #c9c9c9;border-radius:.5rem;padding:1rem;gap:.75rem;display:flex;flex-direction:column;background:#fff;color:#0d0d0d;position:relative;transition:transform .3s,box-shadow .3s}.deviceListWrap .deviceItem:hover{transform:translateY(-2px)}@media screen and (max-width: 450px){.deviceListWrap .deviceItem{padding:.7rem 1rem;gap:.5rem}}.deviceListWrap .deviceItem .bookmarkMoreTab{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.deviceListWrap .deviceItem .bookmarkMoreTab .more{cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s ease}.deviceListWrap .deviceItem .bookmarkMoreTab .more:hover{opacity:.7}.deviceListWrap .deviceItem .bookmarkMoreTab .bookmarkTab{width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center}.deviceListWrap .deviceItem .bookmarkMoreTab .bookmarkTab svg{transition:all .3s ease}.deviceListWrap .deviceItem .bookmarkMoreTab .bookmarkTab svg path{fill:#2c3e50}.deviceListWrap .deviceItem .bookmarkMoreTab .bookmarkTab svg:hover path{fill:#8e44ad}.deviceListWrap .deviceItem .deviceContent{display:flex;align-items:center;width:100%;justify-content:center;gap:.5rem}.deviceListWrap .deviceItem .deviceContent .deviceImgWrap{flex:0 0 90px;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:90px}.deviceListWrap .deviceItem .deviceContent .deviceImgWrap img,.deviceListWrap .deviceItem .deviceContent .deviceImgWrap svg{width:100%;height:90px;object-fit:contain;border-radius:12px;transition:all .3s ease}@media screen and (max-width: 450px){.deviceListWrap .deviceItem .deviceContent .deviceImgWrap img,.deviceListWrap .deviceItem .deviceContent .deviceImgWrap svg{height:70px}}.deviceListWrap .deviceItem .deviceContent .deviceImgWrap .name{font-size:.8rem;font-weight:600;color:#2c3e50;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:100%}.deviceListWrap .deviceItem .deviceContent .deviceInformation{flex-direction:column;width:100%;height:100%;gap:.75rem;color:#0d0d0d;font-weight:700;font-size:2rem;display:flex;justify-content:center;align-items:center}.deviceListWrap .deviceItem .deviceContent .deviceInformation .name{padding:0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:9.375rem;text-align:center;font-size:1rem}.deviceListWrap .deviceItem .deviceContent .deviceInformation .MultiSliceCount{z-index:9;position:absolute;width:24px;height:24px;right:-5px;top:0;background:#fff;border-radius:100%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#8f33d8;box-shadow:0 0 10px #0000001a;border:1px solid #c0c0c0;letter-spacing:-1px}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper{display:flex;background:#f4f4f4;border-radius:.5rem;width:100%;padding:1rem;align-items:center;justify-content:space-between}@media screen and (max-width: 450px){.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper{padding:.5rem 1rem}}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .deviceFileContainer{display:flex;flex-direction:column;gap:.25rem}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .deviceFileContainer p{padding:0;font-size:10px;color:#5d5d5d}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .deviceFileContainer span{font-size:12px;color:#0d0d0d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:120px;font-weight:600}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .SelectedImgWrap{display:flex;justify-content:center;align-items:center;position:relative}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .SelectedImgWrap:hover .MultiSliceCount{z-index:0}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .SelectedImgWrap:hover .fullImg{display:flex}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .MultiSlice{position:absolute;top:50%;transform:translate(-50%,-50%) skew(0) scale(.9);border:1px solid #c0c0c0;background:#fff;width:100%;height:100%;border-radius:10px;box-shadow:0 0 10px #0000001a}.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .SelectedImg{background:#fff;width:80px;height:80px;box-shadow:0 0 10px #0000001a;transform:skew(0) scale(.9);border:1px solid #c0c0c0;border-radius:10px;position:relative;display:flex;justify-content:center;align-items:center;padding:6px;z-index:4}@media screen and (max-width: 450px){.deviceListWrap .deviceItem .deviceContent .deviceInformation .deviceFileWrapper .SelectedImg{padding:0 8px}}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status{width:100%;display:flex;align-items:center;border-radius:.5rem;background:#f4f4f4;padding:0 1rem;justify-content:space-between;gap:.75rem;height:5rem}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .pending{background:#9e9e9e!important}@media screen and (max-width: 450px){.deviceListWrap .deviceItem .deviceContent .deviceInformation .status{padding:8px 12px;height:100%}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap,.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .colorCircle2{width:24px!important;height:24px!important}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .lockOpenWrap{padding:0;width:24px;height:24px}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .lockOpenWrap .lockIcon{width:18px;height:18px}}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap{position:relative;width:42px;height:42px;display:flex;justify-content:center;align-items:center}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circle{width:1.875rem;height:1.875rem;border-radius:50%;background:#5b5b5b;overflow:hidden}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circlePrint{background:#05c168;border:1px solid #05c168}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circleIDLE{background:#e8740f;border:1px solid #e8740f}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circleOff{background:#ee0043;border:1px solid #ee0043}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .circleWrap .circleFinish{background:#3897f0;border:1px solid #3897f0}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .statusInfo{display:flex;flex-direction:column;justify-content:center;font-weight:600;gap:0;text-align:left}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .statusInfo p{font-size:12px;text-align:left;color:#5d5d5d}.deviceListWrap .deviceItem .deviceContent .deviceInformation .status .statusInfo span{font-size:16px;text-align:left}@media screen and (max-width: 866px){.deviceListWrap .deviceItem .deviceContent{flex-direction:row;align-items:center}}@media screen and (max-width: 630px){.deviceListWrap .deviceItem .deviceContent{flex-direction:column;gap:.5rem}}@media screen and (max-width: 450px){.deviceListWrap .deviceItem .deviceContent .status .statusInfo p{font-size:10px!important}.deviceListWrap .deviceItem .deviceContent .status .statusInfo span{font-size:12px!important}}.deviceListWrap .deviceItem .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:transparent;border:3px solid rgba(2,161,87,.2);border-radius:50%;box-shadow:0 0 20px #00000026}@media screen and (max-width: 500px){.deviceListWrap .deviceItem .loader{width:32px;height:32px;border:1px solid rgba(2,161,87,.2)}}.deviceListWrap .deviceItem .loader p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:medium;color:#fffc}.deviceListWrap .deviceItem .loader:before{content:"";position:absolute;inset:0;border:3px solid transparent;border-top:3px solid #4cd696;border-right:3px solid #4cd696;border-radius:50%;animation:animateC 1.5s linear infinite}.deviceListWrap .deviceItem .loader span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite}.deviceListWrap .deviceItem .bgop{background:#f4f4f4!important;border:none;text-indent:-9999999999px}.deviceListWrap .deviceItem .bgop.mocSvg{width:30px;height:30px;border-radius:50%}.deviceListWrap .deviceItem .bgop.mocImg{width:90px;height:90px;border-radius:12px}.deviceListWrap .deviceItem .bgop.more{width:30px;height:30px;border-radius:50%}.deviceListWrap .deviceItem .bgop.name{width:90px;height:1.2rem;margin-top:.5rem}.deviceListWrap .deviceItem .bgop.circle{width:1.75rem;height:1.75rem;border-radius:50%}.deviceListWrap .deviceItem .bgop img{opacity:0;height:6.25rem!important}.deviceListWrap .deviceItem .opacity0{opacity:0}.deviceListWrap .deviceItem .skeleton-shimmer{position:relative;overflow:hidden}.deviceListWrap .deviceItem .skeleton-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shimmer 1.5s infinite}.loaderA{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:transparent;border:3px solid rgba(2,161,87,.2);border-radius:50%;box-shadow:0 0 20px #00000026}@media screen and (max-width: 500px){.loaderA{width:32px;height:32px;border:1px solid rgba(2,161,87,.2)}}.loaderA:before{content:"";position:absolute;inset:0;border:3px solid transparent;border-top:3px solid #4cd696;border-right:3px solid #4cd696;border-radius:50%;animation:animateC 1.5s linear infinite}.loaderA span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite}.loaderB{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:transparent;border:3px solid rgba(232,116,15,.2);border-radius:50%;box-shadow:0 0 20px #00000026}@media screen and (max-width: 500px){.loaderB{width:32px;height:32px;border:1px solid rgba(232,116,15,.2)}}.loaderB:before{content:"";position:absolute;inset:0;border:3px solid transparent;border-top:3px solid #e8740f;border-right:3px solid #e8740f;border-radius:50%;animation:animateC 1.5s linear infinite}.loaderB span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite}.noBookmark{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff}.deviceNoRegisterContainer{width:100%;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:32px;height:100%;background:#f8f9fa;position:absolute;top:0}.verified{background:#fff;width:10px;height:10px;border-radius:50%;position:relative}.verified svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homePreviewImg{width:100%;height:100%;object-fit:contain;cursor:pointer}.fullImg{position:absolute;width:500%;height:auto;display:none;justify-content:center;align-items:center;right:-25%;top:-225%;z-index:99;padding:8px;background:#fff;border-radius:5px;border:1px solid #c0c0c0;box-shadow:0 3px 6px #0003}.fullImg .fullPreviewImg{width:100%!important;height:100%!important;object-fit:fill}.detailProcessItem .remainingTime .timeUnit{font-size:12px!important;color:#666;margin-left:2px;font-weight:700}.detailProcessItem .printingAnimation{width:40px;height:40px;position:relative;background:#f5f5f5;border-radius:100%;overflow:hidden;box-shadow:0 0 4px #0003;border:1px solid rgba(0,0,0,.3);flex-shrink:0}.detailProcessItem .printingAnimation svg{position:absolute;width:100%;height:100%}.detailProcessItem .printingAnimation .printerBed{position:absolute;bottom:0;width:100%;height:0;background:#3897f0}.detailProcessItem .printingAnimation .layers{position:absolute;inset:0;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center}.detailProcessItem .printingAnimation .layers .layer{width:100%;background:#863ec3;opacity:0;transform:translateY(100%);animation:layerUp 2.4s ease-out infinite;border-radius:2px 2px 0 0;box-shadow:0 0 2px #3897f04d;position:absolute;bottom:0}.filterView{display:flex;align-items:center;align-items:start;justify-content:start;gap:1rem;z-index:100;background:#fff;padding:2.5rem 1.5rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #00000014;width:fit-content;position:absolute;right:2rem;top:4.5rem}.filterView .filterViewContent{width:100%;display:flex;flex-direction:column;gap:1rem}.filterView .filterViewContentItemWrap{display:flex;flex-direction:column;align-items:start;gap:.5rem;width:100%}.filterView .filterViewContentItemWrap a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;color:inherit}.filterView .link{height:fit-content!important;justify-content:start!important;padding:.8rem;border-radius:12px;transition:all .3s}.filterView .link svg{width:1.25rem!important;height:1.25rem!important;border-radius:100%;transition:all .3s}.filterView .link:hover{color:#fff;background:#8e44ad}.filterView .link:hover svg{fill:#fff}.filterView .filterViewContentItem{display:flex;align-items:center;background:#fff;border:1px solid rgba(44,62,80,.1);cursor:pointer;border-radius:12px;width:100%;gap:.8rem;padding:.8rem;transition:all .3s}.filterView .filterViewContentItem:hover{background:#8e44ad1a;border-color:#8e44ad}.filterView .filterViewContentItem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.2rem;height:1.2rem;border:2px solid rgba(44,62,80,.2);border-radius:4px;cursor:pointer;position:relative;transition:all .3s}.filterView .filterViewContentItem input[type=checkbox]:checked{background:#8e44ad;border-color:#8e44ad}.filterView .filterViewContentItem input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:4px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-30%)}.filterView .filterViewContentItem p{font-size:.9rem;font-weight:500;color:#2c3e50;margin:0}.filterView .filterViewContentItem svg{width:1.25rem;height:1.25rem;transition:all .3s}.filterView .filterViewContentItem .filterViewContentItemContent{display:flex;align-items:center;justify-content:start;gap:.5rem;flex:1}.filterView .filterViewContentItem .filterViewContentItemContent span{width:16px;height:16px}.filterView .filterViewContentItem .filterViewContentItemContentImg{display:flex;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;overflow:hidden}.filterView .filterViewContentItem .filterViewContentItemContentImg img{width:100%!important;height:100%!important;object-fit:contain}@media screen and (max-width: 900px){.filterView{right:2rem;top:4.5rem;padding:2.5rem 1rem 1rem}.filterView .filterViewContentItem{padding:.6rem}.filterView .filterViewContentItem .filterViewContentItemContent p{font-size:.8rem}}@media screen and (max-width: 500px){.filterView{padding:2.5rem .5rem .5rem;top:4rem;right:1rem}.filterView .filterViewContent{gap:.8rem}.filterView .filterViewContentItemWrap{gap:.5rem}.filterView .filterViewContentItem{padding:.4rem}.filterView .filterViewContentItem .filterViewContentItemContent p{font-size:.75rem}}.filterViewClose{position:absolute;right:0;top:0;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s;display:flex;justify-content:center;align-items:center}.filterViewClose:hover{background:#2c3e501a}.filterViewClose svg{width:1.25rem;height:1.25rem;transition:all .3s}.filterIcon{display:flex;justify-content:center;align-items:center;height:100%}.filterIcon svg{transition:all .3s}.filterIcon:hover svg{fill:#8f33d8}@media screen and (max-width: 450px){.filterIcon svg{width:18px;height:17px}}.filterOpen svg{fill:#8f33d8}.noDeviceMatch{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:3rem}.noDeviceMatch h2,.noDeviceMatch h1,.noDeviceMatch h5{text-align:center;display:flex;align-items:center;justify-content:start;align-items:start;width:400px}.noDeviceMatch h1{color:#8f33d8}.noDeviceMatch .noDeviceImg{height:100%;display:flex;justify-content:center;justify-content:start;align-items:center}.noDeviceMatch .noDeviceImg a{display:flex;justify-content:center;justify-content:start;align-items:center;width:100%;height:100%}.noDeviceMatch .noDeviceImg img{width:100%;height:100%;object-fit:cover}.noDeviceMatch .noDeviceMatchContent{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem}@media screen and (max-width: 600px){.noDeviceMatch{padding:1rem}.noDeviceMatch .noDeviceMatchContent{width:100%;padding:1rem}.noDeviceMatch .noDeviceMatchContent h1{font-size:1.5rem}.noDeviceMatch .noDeviceMatchContent h2{font-size:1rem}.noDeviceMatch .noDeviceMatchContent h5{font-size:.8rem}}.deviceImageLink{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media screen and (max-width: 750px){.BookMarkTab{flex-wrap:wrap}.BookMarkTab .headerBook{width:100%;justify-content:space-between}.BookMarkTab .headerBook .bookmark{padding:8px}}@media screen and (max-width: 900px){.BookMarkTab{flex-wrap:wrap}.BookMarkTab .headerBook{justify-content:space-between}.BookMarkTab .headerBook .bookmarkStatus,.BookMarkTab .headerBook .bookmark{padding:8px;font-size:8px;width:fit-content}.BookMarkTab .headerBook .bookmarkStatus svg,.BookMarkTab .headerBook .bookmark svg{width:7.5px;height:14px}.BookMarkTab .headerBook .bookmarkStatus .verified,.BookMarkTab .headerBook .bookmark .verified{width:10px;height:10px}.BookMarkTab .headerBook .bookmarkStatus .verified svg,.BookMarkTab .headerBook .bookmark .verified svg{width:16px;height:16px}}@media screen and (max-width: 660px){.BookMarkTab .headerBook .bookmark,.BookMarkTab .headerBook .bookmarkStatus{gap:2px;padding:6px;width:fit-content}.BookMarkTab .headerBook .bookmark .verified,.BookMarkTab .headerBook .bookmarkStatus .verified{width:8px;height:8px}.BookMarkTab .headerBook .bookmark .verified svg,.BookMarkTab .headerBook .bookmarkStatus .verified svg{width:10px;height:10px}}@media screen and (max-width: 500px){.BookMarkTab .headerBook .bookmark{width:auto;padding:6px 10px;height:34px;font-size:10px;gap:6px;line-height:2}.BookMarkTab .headerBook .bookmark .verified{width:10px;height:10px}.BookMarkTab .headerBook .bookmark .verified svg{width:16px;height:16px}}.paginationControls{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.paginationControls button{width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#e8e8e8}.paginationControls .paginationControlsPage{font-size:16px;font-weight:600;display:flex;gap:.5rem;color:#0d0d0d}.paginationControls .paginationControlsPage :first-child{color:#8f33d8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes layerUp{0%{opacity:0;transform:translateY(100%)}20%{opacity:1}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes shimmer{0%{left:0}to{left:100%}}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;top:0;left:0%;z-index:10;height:100%;width:50%;background:linear-gradient(to right,#ffffff4d 10% 20%,#fff3 50%,#fff9)!important;animation:shimmer 1.5s infinite}.pendingRole:before{content:"";display:flex;color:#fff!important;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#636363cc;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:700;color:#333;z-index:20;width:100%;height:100%}.pendingLottie{position:absolute;z-index:49;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;padding:8px}.pendingLottie .web-cam-lottie-container{width:50%;height:100%}.pendingLottie .web-cam-lottie-container div{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media screen and (max-width: 1150px){.pendingLottie .web-cam-lottie-container svg{width:200px!important;height:220px!important}}.pendingLottie .lottie-container{width:50%;height:100%}@media screen and (max-width: 500px){.pendingLottie .web-cam-info svg{width:20px;height:20px}.pendingLottie .web-cam-info .p{gap:4px!important;font-size:10px!important}.pendingLottie .web-cam-info .p .title{gap:4px!important}}.pendingLottie .info{display:flex;justify-content:center;align-items:start;flex-direction:column;width:100%}.pendingLottie .info .p{font-size:11px;font-weight:700;box-shadow:0 3px 6px #0003;display:flex;width:100%;background:#f1f1f1;flex-direction:column;justify-content:center;align-items:start;padding:8px;border-radius:4px;color:#333;gap:8px}.pendingLottie .info .p .title{display:flex;justify-content:center;align-items:center;gap:8px}.homeLoadingContainer{width:100%;height:100%;position:absolute;background:#ffffff1a;z-index:100}.homeLoadingContainer .loadingOverlay p,.LoadingMain .loadingOverlay p{color:#333!important}.filterStatusWrap{width:100%}.customSelectWrap{display:flex;align-items:center;position:relative;background:#fff;border:1px solid rgba(44,62,80,.1);cursor:pointer;border-radius:12px;width:100%;gap:.8rem;padding:.8rem;transition:all .3s;font-size:.9rem;font-weight:500;color:#2c3e50;margin:0}.customSelectWrap:hover{background:#8e44ad1a;border-color:#8e44ad}.customSelectDropdown{position:absolute;top:calc(100% + 8px);background:#fff;z-index:50;width:110%;padding:8px;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:8px;left:50%;transform:translate(-50%)}.customSelectDropdown .filterViewContentItemContent p{font-size:9px!important}.statusSelectFilterWrap{width:100%}.statusSelectFilterWrapbookmark{display:flex;justify-content:center;align-items:center}button:hover{box-shadow:none!important;filter:none}.tabContainer{max-width:37.375rem;width:100%;border-top:.0625rem solid #e8e8e8;position:fixed;bottom:0;padding:1rem;color:#5d5d5d;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;z-index:10;display:none}.tabContainer .adddeviceactive svg path{stroke:#fff}.tabContainer .active{background:#8f33d8;color:#fff}.tabContainer .active svg{fill:#fff}.tabContainer .active svg path{fill:#fff}@media screen and (max-width: 500px){.tabContainer{display:flex;background:#fff;font-size:.625rem;padding:.5rem 1.5rem}.tabContainer svg{width:1.25rem;height:1.25rem}}.tabItem{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border:1px solid #e9e9e9;padding:.3125rem 0;border-radius:.375rem;font-size:.625rem;color:#5d5d5d;font-weight:700;cursor:pointer}.tabItem p{letter-spacing:-.01875rem}.tabItem:last-child p{letter-spacing:-.04375rem}@media screen and (max-width: 500px){.tabItem{width:3.75rem}}.tabLogo{width:2.25rem;height:2.25rem;background-image:url(/assets/logo/tiny_logo.webp);cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 500px){.tabLogo{width:1.25rem;height:1.25rem}}.headerContainer{max-width:598px;width:100%;border-bottom:1px solid #08040a;padding:16px;display:flex;color:#e8e8e8;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;background:#081028;position:fixed;z-index:10;top:-1px}.headerContainer .titleSpace{width:33.3%;display:flex;justify-content:center;align-items:center}.headerContainer .titleSpace p{white-space:nowrap}.alarmSpace{width:33.3%;display:flex;justify-content:end;align-items:center}.alarmIcon{width:36px;height:36px;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}@media screen and (max-width: 500px){.alarmIcon{width:24px;height:24px}.alarmIcon svg{width:18px;height:18px}}.LogoSpace{height:30px;width:33.3%;display:flex;justify-content:start;align-items:center}@media screen and (max-width: 450px){.LogoSpace{width:33.3%;height:20px}}.alarmRed{position:absolute;background:#8f33d8;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:10px;color:#fff;border-radius:100%;padding:0;font-weight:400;top:-4px;right:-8px;letter-spacing:-.5px}.alarmRed p{margin-left:-.5px}@media screen and (max-width: 500px){.alarmRed{width:18px;height:18px;font-size:9px}}.alarmSticky{position:fixed;right:30px;bottom:30px;z-index:11;display:flex;align-items:end;justify-content:center;gap:20px}.alarmSticky .visible{opacity:1!important}.alarmSticky .alarmIcon{box-shadow:0 2px 8px #0000004d;opacity:.5;transition:opacity .3s ease}.alarmSticky .alarmIcon:hover{opacity:1}.alarmSticky .alarmContentBox{display:flex;flex-direction:column;gap:10px}.alarmSticky .alarmContent{width:350px;height:fit-content;background:#fff;color:#fff;border-radius:10px;position:relative;box-shadow:0 2px 8px #0000004d;padding:10px;overflow:hidden;color:#0d0d0d;font-weight:400;flex-wrap:nowrap}.alarmSticky .alarmContent .alarmContentTextTitle{font-weight:700;display:flex;align-items:center;gap:4px}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner{display:flex;align-items:center;gap:4px;max-width:160px;width:fit-content;flex-shrink:0}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .idle{background:#e8740f}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .red{background:#ee0043}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .green{background:#05c168}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .success{background:#3897f0}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .grey{background:#a7a7a7}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner .alarmContentTextTitleCircle{width:10px;height:10px;border-radius:100%}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleDevice{display:flex;justify-content:start;align-items:center;gap:4px}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleDevice span{flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100px;font-size:13px}@media screen and (max-width: 1000px){.alarmSticky .alarmContent .alarmContentTextTitle{font-size:12px;width:100%;flex-direction:column}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleInner{width:100%}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleDevice{width:100%;display:flex;justify-content:start;align-items:start;gap:4px}.alarmSticky .alarmContent .alarmContentTextTitle .alarmContentTextTitleDevice span{font-size:9px}}.alarmSticky .alarmContent .Secondary{font-size:12px;display:-webkit-box;-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:4.2rem}@media screen and (max-width: 1000px){.alarmSticky .alarmContent .Secondary{width:100%;line-height:1.2;text-wrap:balance;font-size:10px}}.alarmSticky .alarmContent .alarmContentProgress{width:0%;background:#8f33d8;height:4px;position:absolute;top:0;left:0;border-radius:10px}.alarmSticky .alarmContent .alarmContentText{width:100%;display:flex;flex-direction:column;gap:4px;height:100%}.alarmSticky .alarmContent .alarmContentText p:last-child{font-size:11px;text-align:right}@media screen and (max-width: 500px){.alarmSticky{right:16px!important;bottom:100px!important;gap:10px}.alarmSticky .alarmContentTextTitle{font-size:12px}.alarmSticky .alarmContent{width:230px;height:100px}.alarmSticky .alarmContent .Secondary{width:100%;line-height:1.2;text-wrap:balance;font-size:10px}}@media screen and (max-width: 1000px){.alarmSticky{right:20px;bottom:20px;gap:10px}.alarmSticky .alarmContent{width:200px;height:fit-content}}.mypageWholeContainer{display:flex;flex-direction:column;color:#fff;align-items:center;justify-content:flex-end;width:100%;height:100%;padding:2rem;min-height:calc(100vh - 41px)!important}@media screen and (max-width: 500px){.mypageWholeContainer{width:100%;padding:0 0 50px}}.profileSettingWholeContainer{display:flex;flex-direction:column;color:#fff;background:#fff;align-items:center;justify-content:center;width:100%;height:100%;min-height:calc(100vh - 41px);padding:2rem}@media screen and (max-width: 500px){.profileSettingWholeContainer{align-items:start;justify-content:start;width:100%;padding:0;height:100%}}@media screen and (max-width: 450px){.profileSettingWholeContainer{width:100%;padding:0;height:calc(100% + 150px)}}.myPageContainer{display:flex;justify-content:center;align-items:center;border-radius:12px;height:100%;width:37.5rem;gap:1.5rem;padding:1rem;flex-direction:column;background:#fff;min-height:calc(100vh - 105px);box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}@media screen and (max-width: 680px){.myPageContainer{width:100%}}@media screen and (max-width: 500px){.myPageContainer{width:100%;min-height:calc(100vh - 76px);gap:1rem}}@media screen and (max-width: 450px){.myPageContainer{height:100%;width:100%;justify-content:center;padding-top:.75rem}}.ProfileContainer{display:flex;justify-content:center;align-items:center;border-radius:12px;height:100%;width:37.5rem;gap:1.5rem;padding:1rem;flex-direction:column;background:#fff;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}@media screen and (max-width: 680px){.ProfileContainer{width:100%;justify-content:start}}@media screen and (max-width: 500px){.ProfileContainer{width:100%;min-height:100%;height:100%;justify-content:start;gap:1rem}}@media screen and (max-width: 450px){.ProfileContainer{width:100%;justify-content:start;padding-top:41px}}.editProfileSection{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;top:0;left:100%;background:#8f33d8cc;z-index:10;transition:all .5s ease;opacity:0}.editProfileSection.active{left:0;opacity:1}.editProfileSection .backDesc{position:absolute;top:16px;left:16px;transition:opacity .5s ease .3s;opacity:0}.editProfileSection .backDesc.show{opacity:1}.profileIcon{padding-top:76px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0px}.profileIcon p{display:flex;justify-content:start;align-items:center;width:100%;padding:16px;gap:.5rem;font-weight:600}.profileIcon p span{background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 6px #00000040}.profileIcon .IconWrap{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;padding:16px;place-items:center}@media screen and (max-width: 680px){.profileIcon .IconWrap{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}@media screen and (max-width: 500px){.profileIcon .IconWrap{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}.profileIcon .is-selected{border:4px solid #50007e!important}.profileIcon .is-selected .checkAnimation{position:absolute;top:0;right:0;background:#fff;border-radius:50%;border:2px solid #50007e!important;box-shadow:0 3px 6px #0000001a}@media screen and (max-width: 680px){.profileIcon .is-selected .checkAnimation{top:-6px;right:-10px}}.profileIcon .IconBtn{background:#fff;border-radius:50%;width:100px;position:relative;height:100px;display:flex;justify-content:center;align-items:center;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000040}.profileIcon .IconBtn img{object-fit:contain}.profileIcon .IconBtn:focus{border:4px solid #50007e!important;transform:scale(1.1)}.profileIcon .IconBtn:hover{transform:scale(1.1);border:4px solid #50007e}@media screen and (max-width: 680px){.profileIcon .IconBtn{width:80px;height:80px}}@media screen and (max-width: 500px){.profileIcon .IconBtn{width:60px;height:60px;padding:8px}.profileIcon .IconBtn img{width:100%;height:100%}}.myPageTopSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%}@media screen and (max-width: 450px){.myPageTopSection{gap:.625rem}.myPageTopSection .mypagemainLogo{height:5rem}}@media screen and (max-width: 450px){.mypagemainLogo{height:5rem}}.myPageInfoBox{width:100%;border-radius:.5rem;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:1rem}.myPageInfoBox span{background:#fafafa;display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #d3d3d3;border-radius:5px}.myPageInfoBox .welcomeDesc{font-size:1rem;color:#0d0d0d}.myPageInfoBox .welcomeDesc strong{max-width:100px;width:fit-content;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.myPageInfoBox .welcomeDesc span{vertical-align:middle;font-size:1.25rem;color:#8f33d8;font-weight:700;margin-right:.5rem;margin-left:.375rem}.myPageInfoBox .commentHeader{color:#0d0d0d;font-size:1.25rem;font-weight:700}.myPageInfoBox .commentP{font-size:1rem;font-weight:300;color:#0d0d0d;word-break:break-all;overflow-wrap:break-word}@media screen and (max-width: 450px){.myPageInfoBox .welcomeDesc{font-size:.75rem}.myPageInfoBox .welcomeDesc span{font-size:.875rem}.myPageInfoBox .commentHeader{font-size:.75rem}.myPageInfoBox .commentP{font-size:.625rem}}.profileIconSection{width:80px;height:80px;border-radius:50%;border:1px solid #c0c0c0;background:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 6px #00000040;position:relative}.profileIconSection img{width:fit-content;height:fit-content;object-fit:contain}.profileIconSection button{width:30px;height:30px;display:flex;justify-content:center;align-items:center;position:absolute;border-radius:50%;background:#fff;top:-7.5px;right:-7.5px;border:1px solid #c0c0c0;box-shadow:0 3px 6px #0000001a}.profileIconSection button:hover{background:#8f33d8}.profileIconSection button:hover svg{transition:all .2s}.profileIconSection button:hover svg path{fill:#fff!important}@media screen and (max-width: 500px){.profileIconSection{width:40px;height:40px;padding:4px}.profileIconSection img{width:100%;height:100%;object-fit:contain}.profileIconSection button{top:-5px;right:-14px;width:24px;height:24px}.profileIconSection button svg{width:12px;height:12px}}.navigationBox{padding:2rem 1rem;box-shadow:0 .1875rem .375rem #00000026;color:#0d0d0d;border-radius:.5rem;border:.0625rem solid #c0c0c0;background:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s}.navigationBox:hover{box-shadow:0 .1875rem .375rem #0006}.navigationBox .navigationBoxTitle{display:flex;justify-content:center;align-items:center;gap:.5rem}.navigationBox span svg{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 500px){.navigationBox{padding:1.5rem 0rem 1.5rem 1rem;font-size:.75rem}}.logOutContainer{width:100%;display:flex;justify-content:end;align-items:center}.logOutContainer .logOutBtn{padding:1rem;border-radius:.5rem;background:#fff;box-shadow:0 .1875rem .375rem #00000026;border:.0625rem solid #c0c0c0;color:#0d0d0d;font-size:.75rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.logOutContainer .logOutBtn:hover{box-shadow:0 .1875rem .375rem #0006}@media screen and (max-width: 450px){.logOutContainer .logOutBtn{padding:.75rem;font-size:.625rem;gap:.25rem}.logOutContainer .logOutBtn svg{width:1.25rem;height:1.25rem}}.ProfileSettingContainer{width:37.5rem;flex-direction:column;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 750px){.ProfileSettingContainer{width:100%}}.profileSection{display:flex;flex-direction:column;gap:12px;width:100%}.profileTopSection{display:flex;justify-content:center;align-items:center;font-weight:700;width:100%;gap:1rem}.profileTopSection span{font-size:.875rem;color:#0d0d0d}.profileTopSection p{color:#8f33d8}@media screen and (max-width: 750px){.profileTopSection{flex-direction:row;gap:.75rem}}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%}form .profileContent{display:flex;flex-direction:column;gap:.75rem;width:100%}@media screen and (max-width: 500px){form .profileContent{gap:.5rem}}form .profileContent .profileInpuBox{width:100%;box-shadow:0 .1875rem .375rem #00000026;border-radius:.5rem;border:.0625rem solid #c0c0c0;background:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;font-weight:700;justify-content:space-between}form .profileContent .profileInpuBox .profileinputInner{width:calc(100% - 7.75rem);display:flex;flex-direction:column;justify-content:start;gap:8px;align-items:start}form .profileContent .profileInpuBox .profileinputInner p{width:100%}form .profileContent .profileInpuBox .profileinputwrap{width:calc(100% - 124px);justify-content:space-between;align-items:center;display:flex;gap:16px}form .profileContent .profileInpuBox .profileinputwrap input,form .profileContent .profileInpuBox .profileinputwrap select{width:100%;padding:6px 6px 6px 16px}form .profileContent .profileInpuBox .profileinputwrap button{padding:8px 16px;background:#08040a;height:100%;border:1px solid #000}form .profileContent .profileInpuBox .profileinputusernamewrap{width:100%;justify-content:space-between;align-items:center;display:flex;gap:16px}form .profileContent .profileInpuBox .profileinputusernamewrap input,form .profileContent .profileInpuBox .profileinputusernamewrap select{width:100%;padding:6px 6px 6px 16px}form .profileContent .profileInpuBox .profileinputusernamewrap button{padding:6px 8px;background:#08040a;font-size:12px;height:100%;border:1px solid #000}form .profileContent .profileInpuBox p{font-size:14px;width:100px;color:#0d0d0d}@media screen and (max-width: 750px){form .profileContent{width:100%}form .profileContent .profileInpuBox{width:100%;flex-direction:column;justify-content:center;align-items:start;gap:6px}form .profileContent .profileInpuBox p{font-size:12px}form .profileContent .profileInpuBox .profileinputInner,form .profileContent .profileInpuBox .profileinputwrap{width:100%}form .profileContent .profileInpuBox .profileinputwrap input{width:100%;padding:4px 4px 4px 8px}}.profileTextArea{display:flex;flex-direction:column;gap:16px;width:100%;color:#0d0d0d}.profileTextArea .profileTextAreaBox{box-shadow:0 3px 6px #00000026;gap:24px;width:100%;border-radius:8px;border:1px solid #c0c0c0;background:#fff;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column}.profileTextArea .profileTextAreaBox .profileTextAreaHeader{display:flex;width:100%;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}.profileTextArea .profileTextAreaBox .profileTextAreaContent{width:100%;height:100px}.profileTextArea .profileTextAreaBox .profileTextAreaContent textarea{width:100%;height:100%;padding:16px 16px 16px 24px;color:#828282;font-weight:300;font-size:14px;line-height:1.3}.profileTextArea .profileTextAreaBox .profileTextAreaContent textarea:focus{color:#000!important;font-weight:400}@media screen and (max-width: 750px){.profileTextArea .profileTextAreaBox .profileTextAreaHeader{font-size:12px}.profileTextArea .profileTextAreaBox .profileTextAreaContent{width:100%;height:100px}.profileTextArea .profileTextAreaBox .profileTextAreaContent textarea{padding:10px 10px 10px 12px;font-size:12px;line-height:1.3}}.profileSaveBtnContainer{width:100%;display:flex;justify-content:end;align-items:center}.profileSaveBtnContainer .profileSaveBtn{font-weight:700;padding:6px 24px;border-radius:20px;background:#08040a;cursor:pointer;transition:all .3s}.profileSaveBtnContainer .checked{background:#8f33d8}.serviceSettingContainer{width:100%;display:flex;flex-direction:column;gap:2rem}.withdrawalContainer{width:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;color:#0d0d0d}.withdrawalContainer .h5top{color:#666;margin-bottom:8px}.withdrawalContainer .topInner{display:flex;flex-direction:column;gap:8px}.withdrawalContainer .topInner h5{display:flex;justify-content:start;align-items:center;gap:6px}.withdrawalContainer .topInner h5 span{color:#8f33d8}.withdrawalContainer .topInner p{color:#8f33d8;font-size:13px}.withdrawalContainer hr{opacity:.5}@media screen and (max-width: 750px){.withdrawalContainer{height:fit-content;width:100%;gap:2px}}@media screen and (max-width: 450px){.withdrawalContainer{height:fit-content;width:100%;margin-top:0;gap:2px;padding:16px 16px 100px}.withdrawalContainer h5{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0px;font-size:12px}.withdrawalContainer h5 span{color:#8f33d8}}.middleInner{display:flex;flex-direction:column;justify-content:center;font-size:14px;gap:8px;width:100%}.middleInner .f{display:flex;align-items:center;gap:8px}.middleInner span{color:#666}.endInner{font-size:12px;color:#8f33d8;display:flex;flex-direction:column;gap:14px;line-height:2}.endInner .isntConfirm{color:#666}.endInner .confirm{font-size:14px;white-space:nowrap;display:flex;justify-content:center;align-items:center;gap:16px}.endInner .confirm button{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 750px){.endInner .confirm{font-size:10px}}.ConfirmedBtnContainer{width:100%;display:flex;justify-content:center;align-items:center;padding-top:16px}.ConfirmedBtnContainer .ConfirmedBtn{border:1px solid #666;background:#666;color:#444;padding:8px}.ConfirmedBtnContainer .isconfirm{border:1px solid #fff;background:#8f33d8;color:#fff}.profileOrganWrap{width:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;gap:16px}.profileOrganWrap input{cursor:pointer}.profileWrapper{width:100%;padding-bottom:0;height:100%;background:#f8f9fa}@media screen and (max-width: 500px){.profileWrapper{padding-top:0}}@media screen and (max-width: 750px){.resinput{width:100%!important;font-size:12px}}@media screen and (max-width: 450px){.resinput{font-size:10px}}.membershipWrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.addDeviceContainer{display:flex;flex-direction:column;background:#fff;width:100%;padding:1rem;gap:1rem;min-height:100vh;height:100%;overflow:hidden}.addDeviceContainer p{color:#0d0d0d}@media screen and (max-width: 500px){.addDeviceContainer{width:100%;height:calc(100vh - 121px);min-height:calc(100vh - 121px);padding-bottom:96px}}.addBoxContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:50px;width:100%}.addBoxContainer p{font-weight:700;font-size:24px}@media screen and (max-width: 500px){.addBoxContainer{gap:20px}}.addBoxD{transition:all .3s;width:250px;height:270px;background:#fff;border:1px solid #c0c0c0;color:#0d0d0d;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px;gap:10px;font-weight:700;cursor:pointer;box-shadow:0 3px 6px #00000026}@media screen and (max-width: 920px){.addBoxD{width:25%;height:30%}}.addBoxD img{object-fit:contain;width:150px;height:118px}@media screen and (max-width: 920px){.addBoxD img{width:110px;height:78px}}.addBoxD .itemName{white-space:nowrap;color:#8f33d8}.addBoxD span{font-size:12px;display:flex;width:100%;text-align:center;justify-content:center;align-items:center;font-weight:400}@media screen and (max-width: 920px){.addBoxD span{font-size:10px}}.addBoxD:hover{box-shadow:0 3px 6px #0006}@media screen and (max-width: 690px){.addBoxD{width:100%;height:100%;font-size:12px;padding:16px 24px}.addBoxD img{width:100%;height:78px;object-fit:contain}.addBoxD span{display:none}}.addBoxI{width:250px;height:270px;background:#fff;border:1px solid #c0c0c0;cursor:pointer;transition:all .3s;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#0d0d0d;box-shadow:0 3px 6px #00000026}@media screen and (max-width: 920px){.addBoxI{width:25%}}.addBoxI img{object-fit:contain;width:150px;height:118px}@media screen and (max-width: 920px){.addBoxI img{width:110px;height:78px}}.addBoxI .itemName{white-space:nowrap;color:#8f33d8}.addBoxI:hover{box-shadow:0 3px 6px #0006}.addBoxI span{font-size:12px;display:flex;width:100%;text-align:center;justify-content:center;align-items:center;font-weight:400}@media screen and (max-width: 920px){.addBoxI span{font-size:10px}}@media screen and (max-width: 690px){.addBoxI{width:100%;height:100%;padding:16px 24px;font-size:12px}.addBoxI img{width:100%;height:78px;object-fit:contain}.addBoxI span{display:none}}.addBoxInner{display:flex;flex-direction:column;gap:1rem;width:100%;justify-content:center;align-items:start;padding-left:1rem}@media screen and (max-width: 910px){.addBoxInner p{width:100%;font-size:18px}}@media screen and (max-width: 690px){.addBoxInner{gap:16px}.addBoxInner p{width:100%;font-size:18px}}@media screen and (max-width: 500px){.addBoxInner{padding-left:0rem}}.addBoxContent{display:flex;gap:12px;width:100%;justify-content:start;align-items:center}.addDeviceIdContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%}@media screen and (max-width: 450px){.addDeviceIdContainer{width:100%;height:fit-content}}.addBoxIdContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 1507px){.addBoxIdContainer{flex-direction:column}}@media screen and (max-width: 450px){.addBoxIdContainer{height:fit-content;width:100%}}.addBoxId{width:100%;height:100%;padding:2rem;color:#0d0d0d;border-radius:8px;background:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1rem}@media screen and (max-width: 1507px){.addBoxId{gap:0px}}@media screen and (max-width: 850px){.addBoxId{padding:1rem;gap:1rem}}@media screen and (max-width: 850px){.addBoxId{padding:1rem;gap:0rem}}.IdImgContainer{display:flex;width:fit-content;height:100%;justify-content:center;align-items:center;gap:10px;width:100%}@media screen and (max-width: 850px){.IdImgContainer{height:auto}}.IdImgContainer img{object-fit:contain;width:690px}@media screen and (max-width: 1507px){.IdImgContainer img{width:379px}}@media screen and (max-width: 850px){.IdImgContainer img{width:201px}}.IdImgContainer figcaption{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:20px;width:100%;height:100%;gap:1rem}@media screen and (max-width: 500px){.IdImgContainer figcaption{gap:4px}}.IdImgContainer figcaption .title{width:100%;border-bottom:1px solid #8f33d8;display:flex;justify-content:start;align-items:center}.IdImgContainer figcaption .title img{object-fit:contain;height:56px;width:fit-content}@media screen and (max-width: 1507px){.IdImgContainer figcaption .title img{height:29px}}@media screen and (max-width: 850px){.IdImgContainer figcaption .title img{height:19px}}.IdImgContainer figcaption .addboxinfo{display:flex;flex-direction:column;justify-content:center;align-items:center}.IdImgContainer figcaption .addboxinfo span{font-size:12px;color:#788490;font-weight:400;word-break:keep-all;height:136px}@media screen and (max-width: 850px){.IdImgContainer figcaption .addboxinfo span{height:100px;font-size:10px}}@media screen and (max-width: 630px){.IdImgContainer figcaption .addboxinfo span{height:80px;font-size:8px}}@media screen and (max-width: 499px){.IdImgContainer{width:100%;gap:0px}.IdImgContainer img{object-fit:contain;width:70px;height:100px}.IdImgContainer div{font-size:12px}.IdImgContainer div span{font-size:10px;font-weight:400}}.IdInputContainer{display:flex;flex-direction:column;width:30%;border:1px solid #c0c0c0;background:#fff;border-radius:8px;box-shadow:0 3px 6px #00000026;height:100%}.IdInputContainer .mock{width:100%;height:100%}.IdInputContainer form{padding:2rem 2rem 4rem;width:100%;gap:36px;display:flex;flex-direction:column!important;justify-content:space-between!important;align-items:center!important}.IdInputContainer form p{font-weight:700}.IdInputContainer form input,.IdInputContainer form select{border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000026}.IdInputContainer button{width:100%;border-radius:5px;background:#8f33d8;padding:8px}@media screen and (max-width: 1919px){.IdInputContainer form{padding:1.5rem;gap:1rem}}@media screen and (max-width: 1507px){.IdInputContainer{width:100%;flex-direction:row}}@media screen and (max-width: 750px){.IdInputContainer form{justify-content:center!important}.IdInputContainer p{font-size:10px}}@media screen and (max-width: 500px){.IdInputContainer form{justify-content:center!important;padding:.5rem;gap:.5rem}.IdInputContainer form .error,.IdInputContainer input{font-size:10px}.IdInputContainer button{padding:4px;height:auto}}.IdInputItem{font-size:12px;display:flex;flex-direction:column;gap:16px;width:100%}@media screen and (max-width: 500px){.IdInputItem{gap:8px;font-size:10px}}.addSubmitBtn{position:relative;height:35.98px}.IdInput{padding:8px 8px 8px 16px}.IdOverlayPopup{z-index:99999;width:100%;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0006;display:flex;justify-content:center;align-items:center;color:#000}.IdOverlayPopup .IdPopup{background:#e8e8e8;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:24px;border:1px solid #fff}.IdOverlayPopup .IdPopup span{display:flex;width:100%;gap:10px;font-weight:700;align-items:center;justify-content:center}.IdOverlayPopup .IdPopup button{width:100%;border-radius:10px;background:#8f33d8;padding:8px;transition:all .3s}.IdOverlayPopup .IdPopup button:hover{background:#4c4452}@media screen and (max-width: 450px){.IdOverlayPopup .IdPopup{padding:24px;display:flex;flex-direction:column;gap:12px}.IdOverlayPopup .IdPopup span{font-size:12px;gap:8px}.IdOverlayPopup .IdPopup span p{width:138px}.IdOverlayPopup .IdPopup button{font-size:12px}}.drawerBackdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);z-index:60}.drawerPanel{position:fixed;top:0;right:0;width:min(560px,92vw);height:100%;background:#fff;box-shadow:-6px 0 24px #0000002e;z-index:61;display:flex;flex-direction:column}.drawerClose{position:absolute;top:10px;right:12px;font-size:22px;line-height:1;background:transparent;border:0;cursor:pointer;padding:6px 8px}.drawerContent{height:100%;overflow:auto;padding:24px}@media (prefers-reduced-motion: reduce){.drawerPanel{transition:none!important}}.addDeviceHeader{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.addDeviceHeader div{display:flex;justify-content:center;align-items:center;gap:.5rem}.addDeviceHeader span{border-radius:50%;box-shadow:0 3px 6px #00000026;flex-shrink:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;color:#fff}.addDeviceHeader hr{background:#8f33d8;height:1px;width:100%;box-shadow:0 3px 6px #0000001a}.addDeviceHeader p{width:100%;white-space:nowrap;font-weight:700;font-size:16px}.addDeviceHeader .activeButton span{background:#8f33d8}.addDeviceHeader .activeButton p{font-weight:700;font-size:16px}.addDeviceHeader .nextButton span{background:#788490}.addDeviceHeader .nextButton p{color:#788490}@media screen and (max-width: 710px){.addDeviceHeader span{width:20px;height:20px;font-size:12px!important}.addDeviceHeader p{font-size:12px!important;letter-spacing:-.5px}.addDeviceHeader svg{width:16px;height:16px}}.IdDescContainer{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.IMLDescContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.IMLDescContainer .Desc{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}@media screen and (max-width: 500px){.IMLDescContainer .Desc{gap:4px}}.IMLDescContainer .sub{width:100%}.IMLDescContainer .sub p{font-size:12px;color:#788490;word-break:keep-all}@media screen and (max-width: 850px){.IMLDescContainer .sub p{font-size:10px}}@media screen and (max-width: 750px){.IMLDescContainer .sub p{font-size:8px}}.IMLDescContainer span{width:100%;border-bottom:1px solid #8f33d8;display:flex;justify-content:start;align-items:center}@media screen and (max-width: 850px){.IMLDescContainer span img{height:19px}}@media screen and (max-width: 750px){.IMLDescContainer span img{height:14px}}@media screen and (max-width: 630px){.IMLDescContainer span img{height:12px}}@media screen and (max-width: 500px){.IMLDescContainer{gap:.5rem}}.IMLImgContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.IMLImgContainer .imgSection{width:100%;display:flex;justify-content:center;align-items:center}.IMLImgContainer .imgSection img{object-fit:contain;width:50%}@media screen and (max-width: 500px){.IMLImgContainer img{object-fit:contain;width:25%}}.outputContainer{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;gap:1rem}.outputContainer .outputDesc{width:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%}@media screen and (max-width: 500px){.outputContainer .outputDesc{gap:4px}}.outputContainer .outputDesc span{width:100%;border-bottom:1px solid #8f33d8;display:flex;justify-content:start;align-items:center}@media screen and (max-width: 1507px){.outputContainer .outputDesc span img{height:29px}}@media screen and (max-width: 850px){.outputContainer .outputDesc span{height:19px}}@media screen and (max-width: 750px){.outputContainer .outputDesc span img{height:14px}}@media screen and (max-width: 630px){.outputContainer .outputDesc span img{height:12px}}.outputContainer .outputDesc .sub{width:100%}.outputContainer .outputDesc .sub p{font-size:12px;color:#788490;word-break:keep-all}@media screen and (max-width: 850px){.outputContainer .outputDesc .sub p{font-size:10px}}@media screen and (max-width: 630px){.outputContainer .outputDesc .sub p{font-size:8px}}.outputContainer .imgSection{width:100%;display:flex;height:100%}.outputContainer .imgSection img{height:100%;object-fit:contain;width:20%}.deviceDetailContainer{flex-direction:column;display:flex;justify-content:center;align-items:center;color:#fff;background:#fff;width:100%;height:100%}@media screen and (max-width: 450px){.deviceDetailContainer{width:100%;height:fit-content}}.deviceDetailMainContainer{display:flex;justify-content:end;width:100%;min-height:100vh;height:100%}@media screen and (max-width: 900px){.deviceDetailMainContainer{flex-direction:column}}.overFlowHidden{overflow:hidden!important;overflow-y:hidden!important;height:100%}.deviceDetailBoxContainer{transition:visibility .2s ease;backface-visibility:hidden;will-change:opacity,transform;width:calc(100% - 370px);min-height:100vh;height:100%;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:1.875rem;padding:2rem;z-index:8}@media screen and (max-width: 1480px){.deviceDetailBoxContainer{width:calc(100% - 241px)}}@media screen and (max-width: 900px){.deviceDetailBoxContainer{width:100%;padding:56.56px 16px 16px}}@media screen and (max-width: 500px){.deviceDetailBoxContainer{padding:56.56px 0 0;justify-content:start}}@media screen and (max-width: 500px){.yFull{height:fit-content!important;padding:1rem;min-height:calc(100vh - 64px);margin-bottom:80px}}.deviceDetailBox{transition:visibility .2s ease;width:100%;z-index:8;padding:1rem 2rem 2rem;gap:.5rem;display:flex;flex-direction:column;height:fit-content;min-height:calc(100vh - 64px);background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}@media screen and (max-width: 1200px){.deviceDetailBox{width:100%}}@media screen and (max-width: 1150px){.deviceDetailBox{width:100%;padding:1rem}}@media screen and (max-width: 500px){.deviceDetailBox{box-shadow:none;padding:1rem;min-height:calc(100vh - 153px)}}.deviceDetailInner{position:relative;display:flex;justify-content:center;width:100%;height:100%;gap:16px}@media screen and (max-width: 1200px){.deviceDetailInner{flex-direction:row;display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 1480px){.deviceDetailInner{align-items:start}}@media screen and (max-width: 1150px){.deviceDetailInner{flex-direction:column;gap:0px}}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .disabled{background:#e8e8e8!important}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoTop .detailImgWrap img{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoTop .DeviceInfoBoxWrap .deviceInformationDetailBox{text-indent:-9999999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoTop .DeviceInfoBoxWrap .deviceInformationDetailBox .colorCircle{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoBottom{text-indent:-999999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoLeft .detailInfoBottom svg{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .SliceWrap{text-indent:-9999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .SliceWrap button{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .SliceWrap div{background:#e8e8e8}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .SliceWrap div img{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .RecipeContainer{text-indent:-999999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .RecipeContainer button{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .RecipeContainer .svgContainer{background:#e8e8e8}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .SliceRecipeWrap .RecipeContainer .svgContainer svg{opacity:0}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .processInfo .pringtingControlContainer2{text-indent:-999999px}.bgop .deviceDetailBox .deviceDetailInner .detailInfoRight .processInfo .pringtingControlContainer2 svg{opacity:0}.bgop .topWrap i{background:#e8e8e8}.bgop .topWrap i svg{display:none}.bgop .topWrap .isClickedTab{font-weight:500;font-size:.875rem;color:#495057;border-radius:6px;padding:.375rem .75rem;display:inline-flex;align-items:center;gap:.5rem;text-indent:-99999999px;background:#e8e8e8}.bgop .topWrap .isClickedTab div{display:none}.bgop .deleteBtn{background:#e8e8e8;width:1.125rem;height:1.25rem;border-radius:.375rem}.bgop .deleteBtn svg{display:none}.backDetailBar{display:flex;flex-direction:column;gap:.75rem;width:100%}.backDetailBar .headerWrap{display:flex;align-items:center;justify-content:space-between;width:100%}.backDetailBar .topWrap{display:flex;align-items:center;gap:.75rem;position:relative}.backDetailBar .topWrap i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:6px;background:#e8e8e8;cursor:pointer;transition:all .2s ease;transform:rotate(180deg)}.backDetailBar .topWrap i:hover{background:#8f33d81a}.backDetailBar .topWrap i:hover svg{fill:#8f33d8}.backDetailBar .topWrap i svg{width:30px;height:30px;fill:#8f33d8}.backDetailBar .topWrap .isClickedTab{font-weight:500;font-size:.875rem;color:#495057;background:#e8e8e8;border-radius:6px;padding:.375rem .75rem;display:inline-flex;align-items:center;gap:.5rem;position:relative}.backDetailBar .topWrap .isClickedTab svg{width:1.5rem;height:1.5rem;fill:#8e44ad}.backDetailBar .topWrap .isClickedTab .info{position:absolute;right:-5px;top:2px;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;fill:#fff}.backDetailBar .authWrap{display:flex;align-items:center;gap:.3rem;border-radius:6px;width:fit-content}.backDetailBar .authWrap svg{width:16px;height:16px;fill:#8e44ad}.backDetailBar .authWrap p{color:#495057;font-size:12px;margin:0;line-height:1.5}@media screen and (max-width: 690px){.backDetailBar{padding:.5rem 1rem;gap:.5rem}.backDetailBar .topWrap{gap:.5rem}.backDetailBar .topWrap .sideNavigationBtn,.backDetailBar .topWrap i{width:1.75rem;height:1.75rem}.backDetailBar .topWrap .sideNavigationBtn svg,.backDetailBar .topWrap i svg{width:1rem;height:1rem}.backDetailBar .topWrap .isClickedTab{padding:.25rem .5rem;font-size:.75rem}.backDetailBar .topWrap .isClickedTab svg{width:.875rem;height:.875rem}.backDetailBar .authWrap{padding:.375rem .5rem;gap:.5rem}.backDetailBar .authWrap svg{width:1rem;height:1rem}.backDetailBar .authWrap p{font-size:.75rem}}.deviceDetailHeaderWrap{position:relative;display:flex;align-items:center;gap:12px;padding:.25rem .75rem;background:#f8f9fa;border-radius:6px}.deviceDetailHeaderWrap .rotate{transform:rotate(180deg)}.deviceDetailHeaderWrap .deviceDetailHeaderImgWrap{width:28px;height:28px;border-radius:50%;overflow:hidden;padding:2px;background:#fff;display:flex;justify-content:center;align-items:center}.deviceDetailHeaderWrap .deviceDetailHeaderImg{width:100%;height:100%;object-fit:contain}.deviceDetailHeaderWrap .deviceDetailHeaderNameWrap{flex:1;min-width:0}.deviceDetailHeaderWrap .deviceDetailHeaderNameWrap p{color:#2d223c;font-size:.85rem;font-weight:600;margin:0;width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deviceDetailHeaderWrap button{border:none;background:none;padding:0;cursor:pointer;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#fff;transition:background .15s}.deviceDetailHeaderWrap button svg{width:32px;height:32px;fill:#8e44ad;transition:transform .2s}.deviceDetailHeaderWrap button:hover{background:#f3e9fa}.deviceDetailHeaderWrap .deleteBtnWrap{display:flex;justify-content:center;align-items:center;position:absolute;bottom:-55px;right:-45px;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06);z-index:10;transform:translate(-50%,-50%);transition:all .2s ease}@media screen and (max-width: 690px){.deviceDetailHeaderWrap .deleteBtnWrap{bottom:-55px;right:-35px;width:70px}}.deviceDetailHeaderWrap .deleteBtnWrap button{border:none;background:none;padding:0;cursor:pointer;width:90px;height:36px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px;position:relative;overflow:hidden;transition:all .2s ease}.deviceDetailHeaderWrap .deleteBtnWrap button:active{transform:scale(.98)}.deviceDetailHeaderWrap .deleteBtnWrap button:hover{background:#ff4d4f;box-shadow:0 2px 8px #ff4d4f}.deviceDetailHeaderWrap .deleteBtnWrap button .text{transform:translate(0);color:#ff4d4f;font-weight:500;font-size:.875rem;padding:0 12px;transition:all .2s ease}.deviceDetailHeaderWrap .deleteBtnWrap button .icon{position:absolute;border-left:1px solid rgba(255,77,79,.2);transform:translate(90px);width:36px;height:36px;display:flex;justify-content:center;align-items:center;background:#ff4d4f;transition:all .2s ease}.deviceDetailHeaderWrap .deleteBtnWrap button svg{width:14px;height:14px;fill:#ff4d4f;transition:all .2s ease}.deviceDetailHeaderWrap .deleteBtnWrap button:hover .text{color:#fff}.deviceDetailHeaderWrap .deleteBtnWrap button:hover .icon{width:90px;border-left:none;transform:translate(0)}.deviceDetailHeaderWrap .deleteBtnWrap button:hover svg{fill:#fff}@media screen and (max-width: 690px){.deviceDetailHeaderWrap{gap:7px;padding:.15rem .25rem}.deviceDetailHeaderWrap .deviceDetailHeaderImgWrap{width:20px;height:20px;border-radius:50%;padding:1px}.deviceDetailHeaderWrap .deviceDetailHeaderNameWrap p{font-size:.7rem;max-width:48px}.deviceDetailHeaderWrap button{width:18px;height:18px}.deviceDetailHeaderWrap button svg{width:12px;height:12px}}.ResHeader{display:none}@media screen and (max-width: 900px){.ResHeader{position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:#fff;border-bottom:1px solid #c0c0c0;box-shadow:0 3px 6px #00000040;z-index:100}.ResHeader .ResHeaderButton{display:flex;justify-content:center;align-items:center;width:24px;height:24px}.ResHeader .ResHeaderButton .burger{position:relative;width:16px;height:16px;background:transparent;cursor:pointer;display:block}.ResHeader .ResHeaderButton .burger input{display:none}.ResHeader .ResHeaderButton .burger span{position:absolute;display:block;height:2px;width:16px;background:#8f33d8;border-radius:0;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.ResHeader .ResHeaderButton .burger span:nth-of-type(1){top:0;transform-origin:left center}.ResHeader .ResHeaderButton .burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.ResHeader .ResHeaderButton .burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.ResHeader .ResHeaderButton .burger input:checked~span:nth-of-type(1){transform:rotate(45deg) translate(-50%,-50%);top:50%;left:50%}.ResHeader .ResHeaderButton .burger input:checked~span:nth-of-type(2){width:0;opacity:0}.ResHeader .ResHeaderButton .burger input:checked~span:nth-of-type(3){transform:rotate(-45deg) translate(-50%,-50%);top:50%;left:55%}}.ResHeader .backDetailBar{padding:0!important}.layoutopen{opacity:1!important;width:100%!important}.ResdetailInfoLeft{display:none;transition:opacity .3s ease}@media screen and (max-width: 900px){.ResdetailInfoLeft{opacity:0;display:flex;flex-direction:column;justify-content:start;align-items:center;width:0%;height:100vh;background:#00000080;z-index:100;position:fixed;top:50px}}@media screen and (max-width: 690px){.ResdetailInfoLeft{top:45px}}.ResdetailInfoLeft .openSide{right:0!important}.ResdetailInfoLeft .detailInfoLeftInner{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:16px;padding:16px;position:absolute;top:0;right:-30%;z-index:100;width:100%;height:100vh;overflow-y:auto;background:#fff;transition:all .5s ease}@media screen and (max-width: 900px){.ResdetailInfoLeft .detailInfoLeftInner{right:-100%;gap:8px;padding:.5rem;width:auto}}@media screen and (max-width: 450px){.ResdetailInfoLeft .detailInfoLeftInner{right:-100%;gap:8px;padding:.5rem}}.ResdetailInfoLeft .InfoBottomContainer p{display:flex;align-items:center;gap:6px}@media screen and (max-width: 400px){.ResdetailInfoLeft .svgwrap{width:16px;height:16px}.ResdetailInfoLeft .svgwrap svg{width:12px;height:10px}}@media screen and (max-width: 450px){.ResdetailInfoLeft .deviceDetailTitle svg{width:20px;height:30px;flex-shrink:0}}.ResdetailInfoLeft .detailInfoTop{flex-direction:row}@media screen and (max-width: 400px){.ResdetailInfoLeft .detailInfoTop{gap:8px!important}}.ResdetailInfoLeft .detailInfoTop .detailImgWrap{background:#fff;border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000040;display:flex;justify-content:center;align-items:center;width:119px;height:138px}.ResdetailInfoLeft .detailInfoTop .detailImgWrap img{width:103px;height:93px;object-fit:contain}@media screen and (max-width: 400px){.ResdetailInfoLeft .detailInfoTop .detailImgWrap{width:100%!important;gap:16px!important;height:100%!important}.ResdetailInfoLeft .detailInfoTop .detailImgWrap img{width:90px;height:72px}}@media screen and (max-width: 400px){.ResdetailInfoLeft .detailInfoTop .deviceStatusWrap{font-size:10px!important}.ResdetailInfoLeft .detailInfoTop .deviceStatusWrap .statusText{font-size:8px!important}.ResdetailInfoLeft .detailInfoTop .deviceStatusWrap .colorCircle{width:24px;height:24px;border-radius:50%;flex-shrink:0!important}.ResdetailInfoLeft .detailInfoTop .deviceStatusWrap .DeviceStatusContainer:nth-child(2) .colorCircle{width:32px;height:32px;border-radius:50%}.ResdetailInfoLeft .detailInfoTop .deviceStatusWrap .DeviceStatusContainer:nth-child(2) .lockBox svg{width:24px;height:24px}}.ResdetailInfoLeft .detailInfoTop .DeviceInfoBoxWrap{flex-direction:column;width:100%;display:flex;justify-content:center;align-items:center;gap:7px}.ResdetailInfoLeft .lockWrap,.ResdetailInfoLeft .lockOpenWrap{display:flex;justify-content:center;align-items:center;border-radius:100%;padding:4px}.ResdetailInfoLeft .lockWrap{background:#aeb9e1;transition:transform .3s}.ResdetailInfoLeft .detailInfoBottom{flex-direction:column;width:100%;display:flex;justify-content:center;align-items:center;gap:12px}@media screen and (max-width: 400px){.ResdetailInfoLeft .detailInfoBottom .detailInfo{gap:8px!important}.ResdetailInfoLeft .detailInfoBottom .detailInfo p{font-size:10px!important}}.ResdetailInfoLeft .detailInfoBottom .disabled .powerbtnWrap{background:#0003!important}.InfoBottomContainer{background:#fff;border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000040;flex-direction:column;display:flex;justify-content:center;align-items:center;justify-content:space-between;width:100%;height:100%}.InfoBottomContainer p{color:#333!important}@media screen and (max-width: 1480px){.InfoBottomContainer{padding:0 12px!important}.InfoBottomContainer .authorizedWrapper{height:34px}.InfoBottomContainer .authorizedWrapper .svgwrap{width:10px}.InfoBottomContainer .authorizedWrapper .deviceDetailTitle svg{width:16px;height:16px}}@media screen and (max-width: 900px){.InfoBottomContainer{padding:0 10px!important}.InfoBottomContainer .authorizedWrapper .deviceDetailTitle svg{width:20px;height:20px}}@media screen and (max-width: 450px){.InfoBottomContainer p{font-size:12px!important}}.InfoBottomContainer p{font-weight:700;font-size:14px;color:#0d0d0d}@media screen and (max-width: 900px){.InfoBottomContainer p{font-size:12px}}.InfoBottomContainer h2{font-weight:700;font-size:16px;color:#0d0d0d}.InfoBottomContainer .lockBox{display:flex;align-items:center;gap:4px;justify-content:center}.InfoBottomContainer .offlinePower{background:#5d5d5d!important}.InfoBottomContainer .powerbtnWrap{width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#8f33d8}.detailInfoLeft .detailInfoLeftInner{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:16px;padding:16px;position:fixed;top:0;left:0;z-index:99;height:100%;box-shadow:0 3px 6px #0003;background:#fff;height:100vh;overflow-y:auto}.detailInfoLeft .InfoBottomContainer p{display:flex;align-items:center;gap:6px}.detailInfoLeft .lockWrap,.detailInfoLeft .lockOpenWrap{display:flex;justify-content:center;align-items:center;border-radius:100%;padding:4px}.detailInfoLeft .lockWrap{background:#aeb9e1;transition:transform .3s}@media screen and (max-width: 1480px){.detailInfoLeft{align-items:start;justify-content:start}.detailInfoLeft .detailInfoLeftInner{gap:8px}.detailInfoLeft .InfoBottomContainer p{font-size:12px!important}}@media screen and (max-width: 900px){.detailInfoLeft{display:none}}@media screen and (max-width: 400px){.detailInfoLeft{width:320px}.detailInfoLeft .InfoBottomContainer p{font-size:12px!important}}.detailInfoLeft .detailInfoBottom{flex-direction:column;width:100%;display:flex;justify-content:center;align-items:center;gap:12px}.detailInfoLeft .detailInfoBottom .disabled .powerbtnWrap{background:#0003!important}.detailInfoLeft .detailInfoBottom .InfoBottomContainer{background:#fff;border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000040;padding:12px;width:100%;align-items:start;justify-content:space-between}.detailInfoLeft .detailInfoBottom .InfoBottomContainer p,.detailInfoLeft .detailInfoBottom .InfoBottomContainer h2{font-weight:700;font-size:16px;color:#0d0d0d}.detailInfoLeft .detailInfoBottom .InfoBottomContainer .lockBox{display:flex;align-items:center;gap:4px;justify-content:center}.detailInfoLeft .detailInfoBottom .InfoBottomContainer .offlinePower{background:#5d5d5d!important}.detailInfoLeft .detailInfoBottom .InfoBottomContainer .powerbtnWrap{width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#8f33d8}.statusBox{display:flex;justify-content:center;align-items:center;width:40px;height:40px}.open svg{transition:transform .3s;transform:rotateX(180deg)}.authorizedWrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.authorizedWrapper .svgwrap{display:flex;justify-content:center;align-items:center}.AuthorizedUser{height:100%;display:flex;flex-direction:column;gap:16px;margin-top:16px;width:100%}.AuthorizedUser .dragDropText{color:#333!important;display:flex;justify-content:start!important;width:100%}.AuthorizedUser .loadingOverlay{position:absolute;inset:0;transform:translate(-50%,-50%);background:#fffc;display:flex;justify-content:center;align-items:center;z-index:10;width:100%;height:100%}.AuthorizedUser .loadingOverlay .loader{width:100px;height:100px}.AuthorizedUser .loadingOverlay .loadingSpinner{width:40px;height:40px}.AuthorizedUser .loadingOverlay .loadingSpinner .spinner{width:100%;height:100%;border:3px solid #f3f3f3;border-top:3px solid #863ec3;border-radius:50%;animation:spin 1s linear infinite}.big .loadingSpinner{width:100px;height:100px}.big .loadingSpinner .spinner{width:100%;height:100%;border:10px solid #fff;border-top:10px solid #863ec3;border-radius:50%;animation:spin 1s linear infinite}.AuthorizedItem{background-color:#f4f4f4;padding:12px;border-radius:8px;width:100%;position:relative}.AuthorizedItem.isOver{outline:1px dashed #8f33d8;outline-offset:2px;background:#8f33d80a}.dropHint{position:absolute;inset:52px 8px 8px;display:none;align-items:center;justify-content:center;text-align:center;color:#8f33d8;font-weight:600;border-radius:8px;pointer-events:none;z-index:2}.AuthorizedItem.isOver .dropHint{display:flex}.AuthorizedItemTitle{display:flex;align-items:center;gap:16px;padding-left:8px;margin-bottom:8px}.AuthorizedItemTitle svg{width:24px;height:24px}.AuthorizedItemTitle p{font-size:14px;font-weight:700;color:#0d0d0d}.AuthorizedItemTitle .roleBadge{margin-left:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;width:18px;height:20px;padding:0 6px;flex-shrink:0;border-radius:100%;font-size:12px;font-weight:600;line-height:18px;background:#eee;color:#333}.AuthorizedItemTitle .pendingBadge{background-color:#8f33d824;border:1px solid rgba(143,51,216,.25);color:#8f33d8}@media screen and (max-width: 1480px){.AuthorizedItemTitle .verified{width:10px;height:10px}.AuthorizedItemTitle svg{width:20px;height:20px}}.AuthorizedTitle{display:flex;flex-direction:column;gap:4px;align-items:start}.AuthorizedTitle p{font-size:14px}.AuthorizedTitle ::last-child{font-size:10px}.member{display:flex;flex-direction:column;gap:8px;min-height:40px;justify-content:center}.member svg{width:20px;height:20px}@media screen and (max-width: 1480px){.member svg{width:16px;height:16px}.member .verified{width:10px;height:10px}}@keyframes avatar-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.avatarSkeleton{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e9e9e9 37%,#f0f0f0 63%);background-size:400% 100%;animation:avatar-shimmer 1.2s ease-in-out infinite}.memberItem{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:4px;margin-bottom:4px;cursor:grab;transition:all .2s ease}.memberItem:hover:not(.dragDisabled):not(.masterRole){background-color:#8f33d833}.memberItem:hover:not(.dragDisabled):not(.masterRole) p{color:#8f33d8}.memberItem .memberItemLoading{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 3px 6px #00000040;display:flex;justify-content:center;align-items:center;padding:2px}.memberItem .memberItemLoading img{width:100%!important;height:100%!important;object-fit:contain}.memberItem.loading{opacity:.7;pointer-events:none}.memberItem.dragging{background-color:#8f33d833}.memberItem.dragging p{color:#8f33d8}.memberItem.dragDisabled,.memberItem.masterRole{cursor:default;opacity:.7;pointer-events:none}.memberItem.dragDisabled:hover,.memberItem.masterRole:hover{background-color:#8f33d833;cursor:default}.memberItem.masterRole{background:#f8f8f8;opacity:1}.memberItem.masterRole p{color:#666}.memberItem .loadingSpinner{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px}.memberItem .loadingSpinner .spinner{width:100%;height:100%;border:2px solid #f3f3f3;border-top:2px solid #863ec3;border-radius:50%;animation:spin 1s linear infinite}.no{color:#999;font-style:italic;padding:8px}.dragging{background-color:#e0e0e0;box-shadow:0 2px 4px #0000001a}.dragDisabled{cursor:not-allowed;opacity:.7}.detailInfoTop{display:flex;gap:8px;width:100%}@media screen and (max-width: 1480px){.detailInfoTop{width:100%;gap:8px}.detailInfoTop .detailImgWrap{width:100%!important;height:350px}.detailInfoTop .detailImgWrap img{height:100%}}@media screen and (max-width: 690px){.detailInfoTop{flex-direction:column;display:flex;justify-content:center;align-items:center;width:100%;gap:7px}.detailInfoTop .detailImgWrap{width:100%;height:250px}.detailInfoTop .detailImgWrap img{height:100%}}.detailInfoTop .detailImgWrap{background:#fff;border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000040;display:flex;justify-content:center;align-items:center;width:119px;height:138px}.detailInfoTop .detailImgWrap img{width:103px;height:93px;object-fit:contain}@media screen and (max-width: 1480px){.detailInfoTop .detailImgWrap,.detailInfoTop .detailImgWrap img{display:none!important}}.detailInfoTop .DeviceInfoBoxWrap{flex-direction:column;width:100%;display:flex;justify-content:center;align-items:center;gap:7px}@media screen and (max-width: 450px){.detailInfoTop{gap:24px}.detailInfoTop .detailImgWrap img{width:153px;height:154px;object-fit:contain}}.detailInfoRight{width:100%;display:flex;flex-direction:column;height:100%;gap:16px;min-height:calc(100vh - 128px);padding-top:16px}.detailInfoRight .processInfo .disable{background:#e8e8e8}.detailInfoRight .processInfo .disabled{position:absolute;inset:0;background:#0003;border-radius:20px}.departWrapper{display:flex;width:100%;flex-direction:column;gap:8px}@media screen and (max-width: 1670px){.departWrapper{display:none}}.resDepartWrapper{padding-top:16px;width:100%;height:100%;display:none;gap:8px}@media screen and (max-width: 1670px){.resDepartWrapper{display:flex;flex-direction:column}}.SliceRecipeWrap{width:100%;height:calc(100vh - 128px);gap:16px;display:flex;align-items:start;padding-top:16px}@media screen and (max-width: 1150px){.SliceRecipeWrap{padding-top:0}}@media screen and (max-width: 1919px){.SliceRecipeWrap{height:100%}}@media screen and (max-width: 1670px){.SliceRecipeWrap{flex-direction:column}.SliceRecipeWrap .uploadSlice{width:400px!important;height:245px!important}.SliceRecipeWrap .uploadRecipe{height:100%}}@media screen and (max-width: 1600px){.SliceRecipeWrap .uploadSlice{width:400px!important;height:245px!important}.SliceRecipeWrap .uploadRecipe{height:100%}}@media screen and (max-width: 1480px){.SliceRecipeWrap .uploadSlice{width:400px!important}.SliceRecipeWrap .uploadRecipe{width:100%;height:100%}.SliceRecipeWrap .RecipeInfo{gap:0!important;align-items:start!important}.SliceRecipeWrap .RecipeContainer{display:flex;flex-direction:row}}@media screen and (max-width: 1200px){.SliceRecipeWrap{flex-direction:column}}@media screen and (max-width: 690px){.SliceRecipeWrap .uploadSlice{width:100%!important;height:240px!important}.SliceRecipeWrap .RecipeContainer{display:flex;flex-direction:column}.SliceRecipeWrap .RecipeContainer .EmptyWrap{height:200px}.SliceRecipeWrap .RecipeWrap{width:100%}}.SliceRecipeWrap .SliceWrap{flex-direction:column;height:100%;width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.SliceRecipeWrap .SliceWrap .uploadSlice{background:#fff;display:flex;justify-content:center;align-items:center;width:100%}.SliceRecipeWrap .SliceWrap .uploadSlice img{background:#fff;width:100%;height:100%;object-fit:contain;border-radius:20px}@media screen and (max-width: 1670px){.SliceRecipeWrap .SliceWrap{gap:.5rem}}@media screen and (max-width: 1150px){.SliceRecipeWrap .SliceWrap{flex-direction:row}}.uploadSlice2{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.SliceInfo{margin-top:16px;width:100%}@media screen and (max-width: 690px){.SliceInfo .InfoWrap{flex-direction:column;align-items:start!important;gap:7px!important}}.SliceInfo .chooseSlice{display:flex;flex-direction:column;gap:8px;color:#5d5d5d}.SliceInfo .chooseSlice span{color:#5d5d5d;font-size:20px;font-weight:700}.SliceInfo .chooseSlice .sub{font-size:14px;white-space:nowrap}.SliceInfo .chooseSlice .valuetext{color:#8f33d8;font-size:18px;white-space:nowrap}.SliceInfo .chooseSlice .textskip{width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.SliceInfo .chooseSlice .textFull{width:100%!important}.SliceInfo .chooseSlice .textskiprecipe{width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.SliceInfo .chooseSlice .routingBtn{width:160px;padding:20px 10px;color:#fff;border-radius:6px;font-weight:700;font-size:20px;background:#08040a;letter-spacing:-.5px}.SliceInfo .chooseSlice .routingBtn:hover{outline:1px solid #8f33d8}.SliceInfo .chooseSlice .InfoWrap{display:flex;align-items:center;gap:36px;justify-content:space-between;width:100%}.SliceInfo .chooseSlice .InfoWrap .Info{display:flex;flex-direction:column}.RecipeContainer{width:100%;display:flex;flex-direction:column;gap:16px;height:100%}.RecipeWrap{display:flex;flex-direction:column;align-items:start;background:#fff;border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000040;padding:8px;width:100%}@media screen and (max-width: 1480px){.inforecipe{display:flex;flex-direction:column;align-items:start!important;gap:4px!important;text-align:center}.inforecipe .Info{text-align-last:left}}.svgContainer{width:100%;height:100%;border-radius:20px;display:flex;justify-content:center;align-items:center;padding:16px;background:#fff}.currentLayer{padding:16px;background:#e8e8e8;height:100%;width:100%;border-radius:20px;color:#0d0d0d;font-weight:700}.currentLayer .currentLayerInner{width:100%;height:100%;background:#fff;border-radius:20px;padding:16px;flex-direction:column;display:flex;justify-content:center;align-items:center}.printingControlContainer{border-top:1px solid #e8e8e8;padding:24px 0;flex-direction:column;display:flex;justify-content:center;align-items:center}.printingControlContainer .printingControlContent{width:100%;display:flex;flex-direction:column;gap:37px;padding:37px 16px;border-radius:20px;border:1px solid #08040a;background:#4c4452}.printingControlContainer .printingControlInfoWrap{flex-direction:column;gap:8px;width:50%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){.printingControlContainer .printingControlContent{width:100%;display:flex;flex-direction:column;gap:19px;padding:16px;border-radius:20px;border:1px solid #08040a;background:#4c4452}}.uploadContainer{width:100%;height:100%;display:flex;align-items:center;flex-direction:column}@media screen and (max-width: 750px){.uploadContainer{padding:19px 20px;height:fit-content}}@media screen and (max-width: 450px){.uploadContainer{padding:0;height:fit-content}}.leftContainer{flex-direction:column;gap:16px;padding-top:16px;display:flex;justify-content:center;align-items:center;width:100%;position:sticky;top:0}@media screen and (max-width: 1200px){.leftContainer{position:static}}@media screen and (max-width: 450px){.leftContainer{padding:0}}.recipeContainer{display:flex;width:100%;padding:0 100px;flex-direction:column}.recipeContainer .recipeInnerContainer{flex-direction:column;width:100%;display:flex;justify-content:center;align-items:center}.fileUploadContainer{transition:background .3s;width:100%;border:2px dashed rgba(255,255,255,.5);padding:60px 36px;border-radius:10px;display:flex;position:relative;justify-content:space-between;align-items:center;background:#8f33d8;box-shadow:0 4px 4px #0000001a}.fileUploadContainer .uploadDesc{display:flex;flex-direction:column;gap:12px;color:#fff}.fileUploadContainer .uploadDesc p{font-size:13px}.fileUploadContainer .uploadDesc span{font-size:12px;color:#fff}.fileUploadContainer button{padding:12px 16px;border-radius:5px;background:#08040a;font-weight:700;font-size:12px}@media screen and (max-width: 1550px){.fileUploadContainer{flex-direction:column;gap:14px}.fileUploadContainer .uploadDesc{display:flex;justify-content:center;align-items:center;flex-direction:column}.fileUploadContainer .uploadDesc p,.fileUploadContainer .uploadDesc span{font-size:10px}.fileUploadContainer button{margin-top:8px;padding:12px 32px}}@media screen and (max-width: 1200px){.fileUploadContainer{width:100%}}@media screen and (max-width: 860px){.fileUploadContainer{width:100%}}.dragging{border:2px solid #d0d0d0;box-shadow:0 2px 4px #0000001a;z-index:2}.fileinfo{display:flex;flex-direction:column;gap:4px}.fileinfo .slicename{font-size:12px;font-weight:700;color:#0d0d0d}.fileinfo .filesize{color:#828282;font-size:10px}.addedFileContainer{width:100%;color:#0d0d0d;display:flex;flex-direction:column;gap:16px;padding-top:16px}@media screen and (max-width: 1000px){.addedFileContainer{width:100%}}@media screen and (max-width: 900px){.addedFileContainer{width:100%}}.addedFileContainer .slicename{width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 1000px){.addedFileContainer .slicename{width:100px}}.addedFileContainer .trash{cursor:pointer}.addedFileContainer .addedItem{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:4px;background:#ffffff1a;border:1px solid #d9d9d9;position:relative}.addedFileContainer .addedItem .addItemSpinnerWrap{position:absolute;left:13px;z-index:50}@media screen and (max-width: 1000px){.addedFileContainer .addedItem .addItemSpinnerWrap{left:4px}.addedFileContainer .addedItem .addItemSpinnerWrap div{width:24px;height:24px}}.addedFileContainer .addedItem .inputWrap{position:relative;display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content}.addedFileContainer .addedItem .checkboxLabel{display:flex;align-items:center;gap:4px}.addedFileContainer .addedItem .checkboxLabel button{color:#333;border:1px solid #c0c0c0;box-shadow:0 1px 3px silver;border-radius:16px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:16px}@media screen and (max-width: 1000px){.addedFileContainer .addedItem .checkboxLabel button{width:15px;height:15px}}.addedFileContainer .addedItem .checkboxLabel input{cursor:pointer}.addedFileContainer .addedItem .checkboxLabel .indexNumber{pointer-events:none;font-size:14px;font-weight:500;color:#863ec3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;flex-wrap:nowrap}@media screen and (max-width: 1000px){.addedFileContainer .addedItem .checkboxLabel .indexNumber{font-size:10px}}.addedFileContainer .addedItem input[type=checkbox]{appearance:none;width:24px;height:24px;border-radius:50%;flex-shrink:0;border:1px solid #c9c9c9;outline:none;cursor:pointer;position:relative;background:#fff;transition:background-color .3s ease,border-color .3s ease,outline .3s ease}.addedFileContainer .addedItem input[type=checkbox]:checked{background:#8f33d8}.addedFileContainer .addedItem input[type=checkbox]:focus{border:3px solid #000}.addedFileContainer .addedItem input[type=checkbox]:disabled{background:#666;border-color:#828282}.addedFileContainer .addedItem input[type=checkbox]:hover{border-color:#999}.addedFileContainer .addedItem svg{flex-shrink:1}.addedFileContainer .addedItem .noRecipe{display:flex;align-items:center;gap:8px;color:#666}.addedFileContainer .addedItem .previewImg{width:50px;height:70px;object-fit:contain;border:1px solid #828282;padding:4px;border-radius:4px;background:#f1f1f1}.addedFileContainer .uploadProcess{width:100%;display:flex;justify-content:center;align-items:center;height:100%}.addedFileContainer .uploadProcess .loading p{background:#e8e8e8;color:#e8e8e8!important}.addedFileContainer .uploadProcess .loading .check{width:20px;height:20px;border-radius:50%;background:#e8e8e8}.addedFileContainer .uploadProcess .loading .trashsvg{width:14px;height:16px;background:#e8e8e8}.addedFileContainer .uploadProcess .uploadProcessDesc{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 4px;height:100%}.addedFileContainer .uploadProcess .uploadProcessDesc .successupload{font-size:10px;margin-bottom:0;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:4px;color:#8f33d899;border-radius:4px;padding:4px}.addedFileContainer .uploadProcess .uploadProcessDesc .successupload:hover,.addedFileContainer .uploadProcess .uploadProcessDesc .successupload:focus{background:#8f33d81a;color:#8f33d8}@media screen and (max-width: 1000px){.addedFileContainer .selectedimgSlice{width:40px;height:40px}.addedFileContainer .slicename{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.addedFileContainer .addedItem{gap:10px;padding:16px 8px}.addedFileContainer .addedItem .previewImg{width:30px;height:30px;object-fit:contain}.addedFileContainer .addedItem input[type=checkbox]{width:18px;height:18px;border-radius:50%;border:1px solid #ccc}.addedFileContainer .addedItem .uploadProcess{gap:8px}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc{width:100%;display:flex;justify-content:space-between;align-items:center}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc :first-child{font-size:10px;margin-bottom:0}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc .successupload{font-size:4px;margin-bottom:0;display:flex;justify-content:center;align-items:center;gap:4px}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc .successupload svg{width:16px;height:16px}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc .successupload :last-child{display:flex;justify-content:center;align-items:center;gap:2px;font-weight:700;color:#8f33d8}.addedFileContainer .addedItem .uploadProcess .uploadProcessDesc :nth-child(2){font-size:8px;margin-bottom:0}.addedFileContainer .addedItem .trash{width:20px;height:16px}}@media screen and (max-width: 630px){.addedFileContainer .uploadProcess{width:100%!important}.addedFileContainer .slicename{width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.addedFileContainer .fileInner{display:flex;justify-content:space-between;align-items:center;width:100%}.addedFileContainer .fileHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.addedFileContainer .fileHeader .resetButton{padding:6px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;color:#333}.addedFileContainer .fileHeader .resetButton:hover:not(:disabled){background:#e8e8e8}.addedFileContainer .fileHeader .resetButton:disabled{opacity:.5;cursor:not-allowed}.uploadContainerInner{display:flex;width:100%;gap:24px;justify-content:center;align-items:start}@media screen and (max-width: 1200px){.uploadContainerInner{width:100%;flex-direction:column}}.SelectedFilezero{padding:15px 16px;display:flex;width:100%;justify-content:start;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.5);border-radius:4px;color:#0d0d0d;font-weight:700}.SelectedFilezero svg{opacity:.5}.SelectedFilezero .none{opacity:0}.SelectedFilezero .opacity50{opacity:.5;color:#0d0d0d}@media screen and (max-width: 750px){.SelectedFilezero svg{width:40px;height:50px}}.movedFileContainer{background:#fff;border:1px solid #d9d9d9;box-shadow:0 3px 6px #00000040;display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%;padding:16px;border-radius:8px;gap:16px;box-shadow:0 3px 6px #00000026}.movedFileContainer .movedFileTitle{font-size:16px;font-weight:700;color:#0d0d0d}.instructions{background:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 3px 6px #00000040;display:flex;align-items:center;justify-content:start;width:100%;gap:4px;padding:16px;font-size:12px;box-shadow:0 3px 6px #00000026}.instructions span{font-weight:700;display:flex;align-items:center;gap:4px;color:#0d0d0d}.addedItemContainer{background:#fff;border:1px solid #d9d9d9;box-shadow:0 3px 6px #00000040;display:flex;flex-direction:column;align-items:start;justify-content:center;width:100%;gap:16px;padding:16px;border-radius:8px;box-shadow:0 3px 6px #00000026}.addedItemContainer .addedItemHeader{display:flex;justify-content:space-between;align-items:center;width:100%}.addedItemContainer .addedItemHeader .addedItemTitle{font-size:16px;font-weight:700;color:#0d0d0d}.addedItemContainer .addedItemHeader .addedItemCount{font-size:12px;color:#828282}.addedItemContainer .addedItemHeader .titleWrap{display:flex;align-items:center;gap:4px;position:relative}.addedItemContainer .addedItemHeader .titleWrap .upload-information{position:absolute;border:1px solid #c0c0c0;padding:16px;right:-304px;top:0;width:300px;height:fit-content;word-break:keep-all;z-index:2;background:#fff;font-size:12px;box-shadow:0 3px 6px #00000026;display:flex;flex-direction:column;gap:8px}.addedItemContainer .addedItemHeader .titleWrap .upload-information span{color:#111}.addedItemContainer .addedItemHeader .titleWrap .upload-information span .desc{color:#666}.addedItemContainer .addedItemHeader .titleWrap .upload-information span span{color:#8f33d8}@media screen and (max-width: 500px){.addedItemContainer .addedItemHeader .titleWrap .upload-information{width:200px;right:-204px;font-size:10px;padding:8px}}.addedItemContainer .addedItemHeader .titleWrap button{display:flex;justify-content:center;align-items:center;border-radius:4px;padding:2px}.addedItemContainer .addedItemHeader .titleWrap button:hover,.addedItemContainer .addedItemHeader .titleWrap button:focus{background:#8f33d81a}.addedItemContainer .addedItemHeader .titleWrap button:hover svg,.addedItemContainer .addedItemHeader .titleWrap button:focus svg{fill:#863ec3}.addedItemContainer .addedItemList{width:100%;display:flex;flex-direction:column;gap:16px}.resetbtn{display:flex;justify-content:center;align-items:center;padding:5px 10px;height:100%;transition:all .3s;cursor:pointer}.resetbtn:hover{background:#8f33d833}.searchContainer{width:100%;position:relative;display:flex;justify-content:center;align-items:center}.searchContainer i{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;justify-content:center;align-items:center}.searchContainer form{width:100%}.searchContainer form input{padding:8px 40px;width:100%;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;color:#0d0d0d;background:#f9f9f9}.search-index{display:flex;align-items:center;width:100%;gap:16px}.search-index .sliceIndex{flex-shrink:0;color:#fff;background:#3a3a3a;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;line-height:1;text-indent:-.5px;font-size:12px;padding-top:0}.editBtnWrap{display:flex;justify-content:center;align-items:center;gap:4px}.editBtnWrap button{display:flex;cursor:pointer;justify-content:center;align-items:center;padding:4px;border:1px solid #8f33d8;background:#fff;border-radius:4px}.editBtnWrap button svg{width:24px!important;height:24px!important}.editBtnWrap button:disabled{cursor:not-allowed;border:1px solid #c0c0c0}.SelectedFile{padding:16px;display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:4px;color:#0d0d0d;font-weight:700}.SelectedFile span{border:1px solid #c0c0c0;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;background:#8f33d8;color:#fff;box-shadow:0 3px 6px #00000040}.SelectedFile p{font-size:14px}.SelectedFile .size{color:#8f33d8;font-size:12px;font-weight:500}.SelectedFile .selectedFileInner{display:flex;justify-content:center;align-items:center;gap:16px}.SelectedFile .selectedFileInner p{max-width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 1400px){.SelectedFile .selectedFileInner p{max-width:200px}}@media screen and (max-width: 1330px){.SelectedFile .selectedFileInner p{max-width:170px;font-size:12px}}@media screen and (max-width: 1300px){.SelectedFile .selectedFileInner p{max-width:130px}}@media screen and (max-width: 1250px){.SelectedFile .selectedFileInner p{max-width:80px}}@media screen and (max-width: 1200px){.SelectedFile .selectedFileInner p{max-width:500px;font-size:14px}}@media screen and (max-width: 1100px){.SelectedFile .selectedFileInner p{max-width:400px}}@media screen and (max-width: 1000px){.SelectedFile .selectedFileInner p{max-width:300px}}@media screen and (max-width: 900px){.SelectedFile .selectedFileInner p{max-width:500px}}@media screen and (max-width: 830px){.SelectedFile .selectedFileInner p{max-width:300px;font-size:12px}}@media screen and (max-width: 600px){.SelectedFile .selectedFileInner p{max-width:150px;font-size:10px}}.SelectedFile .previewImg{width:50px;height:70px;object-fit:contain;border:1px solid #828282;border-radius:4px;background:#f1f1f1}.SelectedFile svg{opacity:1}@media screen and (max-width: 750px){.SelectedFile .previewImg{width:40px;height:40px;object-fit:contain;border:1px solid #828282;padding:4px;border-radius:4px;background:#f1f1f1}.SelectedFile .size{width:fit-content;font-size:10px}.SelectedFile p{font-size:12px;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.selectedimgSlice{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 750px){.selectedimgSlice{width:40px;height:50px}.selectedimgSlice svg{width:40px!important;height:50px}}.previewImgDetail{width:92px;height:92px;object-fit:contain;border-radius:4px;background:#fff;box-shadow:0 3px 6px #00000026}@media screen and (max-width: 450px){.previewImgDetail{width:57px;height:62.5px;padding:0}}.detailWrap{display:flex;align-items:center;gap:8px;position:relative}.deleteDevice{position:absolute;border:1px solid #828282;top:110%;left:-163%;white-space:nowrap;background:#08040a;border-radius:12px;box-shadow:0 0 2px #000;font-size:12px;color:#ee0043;z-index:2;padding:24px 12px}.deleteDevice button{display:flex;align-items:center;gap:4px;color:red}.deleteDevice p{cursor:pointer}.pringtingControlContainer2{width:100%;border-radius:20px;background:#fff;justify-content:center;gap:12px}@media screen and (max-width: 1670px){.pringtingControlContainer2{height:100%}}.printingControlContent2{width:100%;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 450px){.printingControlContent2{flex-direction:column-reverse;gap:24px}}.printingControlthrBtnContainer{border-radius:12px;width:100%;display:flex;justify-content:space-between;gap:12px}.printingControlthrBtnContainer .clicked span,.printingControlthrBtnContainer .clicked svg{color:#8f33d8;fill:#8f33d8}@media screen and (max-width: 450px){.printingControlthrBtnContainer{width:100%}}.printingControlthrBtn{display:flex;flex-direction:column;font-size:12px;align-items:center;justify-content:center;color:#5d5d5d;font-weight:700}.ControlBtnclick{color:#8f33d8}.printingControlSwitchButtonContainer{border-radius:26px;border:1px solid #08040a;background:#473b90;padding:15px 16px;position:relative;width:150px;display:flex;justify-content:center;align-items:center}.printingControlSwitchButtonContainer span{opacity:.3;font-size:36px;font-weight:700}.printingControlSwitchButtonContainer .off{background:#ccc}.printingControlSwitchButtonContainer .on{background:#fff}.printingControlSwitchButtonContainer .SwitchButton{position:absolute;border-radius:100%;display:flex;justify-content:center;align-items:center;width:52px;height:52px;top:50%;transform:translate(-50%,-50%)}.progressContainer{display:flex;flex-direction:column;justify-content:center;gap:15px;width:100%}.progressContainer span{font-size:30px;font-weight:700}.progressContainer .progress{width:100%;height:20px;background:#e3e3e3;border-radius:10px;position:relative}.progressContainer .progress .bar{position:absolute;transition:width .5s;height:20px;background:#05c168;border-radius:10px}.progressContainer.on,.progressContainer.off{background:transparent}.progressContainer.off span{color:#828282}.progressContainer.off .progress{background:#828282}.progressContainer.off .progress .bar{display:none}.detailProcessContainer{gap:16px;width:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1670px){.detailProcessContainer{gap:0px;background:#fff;border:1px solid #c0c0c0;border-radius:5px;width:100%;height:100%;box-shadow:0 3px 6px #00000040;display:flex;justify-content:center;align-items:center}.detailProcessContainer .detailProcessItem{border:none;box-shadow:none;width:100%;height:100%;padding:1rem .5rem}.detailProcessContainer .detailProcessItem .ItemInfo :first-child{font-size:10px;text-wrap:nowrap}.detailProcessContainer .detailProcessItem .ItemInfo :last-child{font-size:14px}}@media screen and (max-width: 1150px){.detailProcessContainer .detailProcessItem{padding:.8rem}}.ProcessItem{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 13px;color:#0d0d0d}.ProcessItem span{font-weight:700;font-size:14px}.ProcessItem svg{display:flex;justify-content:center;align-items:center}.ProcessItem .temperWrap{display:flex;justify-content:center;align-items:center;gap:8px;height:100px}.ProcessItem .temperWrap span{font-size:32px}.ProcessItem .temperWrap .temperInfo{display:flex;justify-content:center;align-items:center;align-items:start;gap:4px}.ProcessItem .temperWrap .temperInfo p{padding-top:6px;font-size:20px}@media screen and (max-width: 450px){.ProcessItem{padding:0;gap:14px}.ProcessItem span{font-size:11px}.ProcessItem svg{width:60px;height:60px}}.remainingTimeText{font-size:16px!important;color:#8f33d8}.processLogoWrap{border:1px solid #c0c0c0;display:flex;justify-content:center;align-items:center;padding:8px;width:52px;height:52px;background:#e8e8e8;border-radius:18px;flex-shrink:0}@media screen and (max-width: 1670px){.processLogoWrap{width:52px;height:52px}}@media screen and (max-width: 1150px){.processLogoWrap{width:fit-content;height:fit-content;padding:0;background:#fff;border:none}.processLogoWrap svg{width:24px;height:24px}.processLogoWrap .printingAnimation{width:24px;height:24px}}@media screen and (max-width: 450px){.processLogoWrap{display:none}}.currentLayerFile{color:#0d0d0d!important;display:flex;gap:6px;font-size:14px!important}.currentLayerFile span{font-size:14px!important}.detailProgressContainerWrap{flex-direction:column;gap:45px;width:100%;display:flex;justify-content:center;align-items:center}.loadinginput{border:none!important;background:transparent!important}.loadinginput:before{content:"";position:absolute;width:100%;height:100%;background:#e8e8e8;border-radius:100%;border:none!important}.loadingrecipe{width:38px;height:40px;flex-shrink:1}.loadingdiv{width:60px;height:80px;flex-shrink:1;display:flex;justify-content:center;align-items:center}.loadingdiv div{width:58.18px;height:48.18px;background:#e8e8e8;border-radius:6px}.loadingdiv .recipe{width:20.76px;height:27.68px;border-radius:3px}.filezero{background:#e8e8e8!important;color:#c9c9c9!important;border:1px solid #c0c0c0!important}.gobtn{width:100%;height:100%;background:#8f33d8;border:1px solid #c0c0c0;border-radius:6px;color:#fff;padding:12px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px}.gobtn:hover{opacity:.8}.dynamicTemper{font-size:12px!important;display:flex;justify-content:center;align-items:center;gap:4px;color:#863ec3!important}.noMove{color:#666!important}.decrease{color:#ee0043!important}.decrease svg{transform:rotate(180deg)}.decrease path{fill:#ee0043!important}.printInfoModalContainer{width:calc(100% + 100px);height:calc(100% + 53px);overflow:hidden!important;display:flex;justify-content:center;align-items:center;position:absolute;z-index:9999;background:#000c}.printInfoModalContainer .printInfoModalInner,.printInfoModalContainer .pintInfoReusltModal{display:flex;flex-direction:column;justify-content:space-around;padding:16px;box-shadow:0 3px 6px #0003;border-radius:8px;width:40%;height:fit-content;gap:32px;border:1px solid #c0c0c0;background:#fff}.printInfoModalContainer .printInfoModalInner .content{display:flex;flex-direction:column;gap:32px;background:#f1f1f1;padding:16px}.printInfoModalContainer .printInfoModalInner .content .deviceInfo{display:flex;align-items:center;gap:32px}.printInfoModalContainer .printInfoModalInner .content .contentItem{display:flex;flex-direction:column;gap:6px}@media screen and (max-width: 500px){.printInfoModalContainer .printInfoModalInner .content .contentItem h3{font-size:10px}}.printInfoModalContainer .printInfoModalInner .content .contentItem .name{color:#8f33d8;text-decoration:underline}.printInfoModalContainer .printInfoModalInner .content .contentItem h3{display:flex;align-items:center;gap:4px}.printInfoModalContainer .printInfoModalInner .content .contentItem h3 svg{width:16px;height:16px}.printInfoModalContainer .printInfoModalInner h2{color:#8f33d8}.printInfoModalContainer .printInfoModalInner h5{color:#5d5d5d}.printInfoModalContainer .printInfoModalInner h3{color:#0d0d0d}.printInfoModalContainer .printInfoModalInner .buttonContainer{width:100%;display:flex;justify-content:center;align-items:center;gap:24px}.printInfoModalContainer .printInfoModalInner .buttonContainer button{font-size:24px;font-weight:700;padding:10px;border-radius:6px;width:116px}.printInfoModalContainer .printInfoModalInner .buttonContainer :first-child{background:#08040a}.printInfoModalContainer .printInfoModalInner .buttonContainer :last-child{background:#8f33d8}.printInfoModalContainer .loadingPrintInformaionContaier{width:100%;display:flex;justify-content:center;align-items:center}.printInfoModalContainer .loadingPrintInformaionContaier div svg{background:transparent!important}.printInfoModalContainer .pintInfoReusltModal{align-items:center}.printInfoModalContainer .pintInfoReusltModal .subjectResult{gap:12px;display:flex;justify-content:center;align-items:center}.printInfoModalContainer .pintInfoReusltModal .subjectResult .printDenied{background:#ee0043!important}.printInfoModalContainer .pintInfoReusltModal .subjectResult .printSuccess{background:#05c168!important}.printInfoModalContainer .pintInfoReusltModal .subjectResult .subjectResultIcon{width:24px;height:24px;border-radius:50%;background:#fff}.printInfoModalContainer .pintInfoReusltModal .buttonContainer{width:100%;display:flex;justify-content:center;align-items:center;gap:24px}.printInfoModalContainer .pintInfoReusltModal .buttonContainer button{font-size:24px;font-weight:700;padding:10px;border-radius:6px;width:116px}.printInfoModalContainer .pintInfoReusltModal .buttonContainer button:hover,.printInfoModalContainer .pintInfoReusltModal .buttonContainer :first-child{background:#08040a}.printInfoModalContainer .pintInfoReusltModal .buttonContainer :last-child{background:#8f33d8}@media screen and (max-width: 1200px){.printInfoModalContainer .printInfoModalInner{width:50%}}@media screen and (max-width: 900px){.printInfoModalContainer{font-size:14px}.printInfoModalContainer .printInfoModalInner,.printInfoModalContainer .pintInfoReusltModal{width:60%}.printInfoModalContainer .printInfoModalInner .buttonContainer button,.printInfoModalContainer .pintInfoReusltModal .buttonContainer button{font-size:14px}.printInfoModalContainer h2{font-size:16px}}@media screen and (max-width: 600px){.printInfoModalContainer{width:100%;height:calc(100vh + 53px);top:-53px;left:0;font-size:12px}.printInfoModalContainer .pintInfoReusltModal{height:50%}.printInfoModalContainer .printInfoModalInner{width:80%;justify-content:space-around}.printInfoModalContainer .printInfoModalInner .content{gap:10px}.printInfoModalContainer .printInfoModalInner .buttonContainer button,.printInfoModalContainer h2{font-size:12px}}.modalOverlay{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){.modalOverlay{width:100%;height:100vh}}.recipeSliceName{width:100%;display:flex;justify-content:center;align-items:center;gap:12px}.recipeSliceName h5{display:flex;align-items:center;gap:4px}.lockOpenWrap{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:100%;padding:6px}.droppable.isDraggingOver{background:#f0f0f0;border:1px dashed #d0d0d0}.fit{height:fit-content!important;display:none}.full{height:100%!important;justify-content:space-between!important}.full .uploadSlice2{height:100%!important}.sideNavigationBtn{display:flex;justify-content:center;align-items:center;position:relative}.sideNavigationBtn:focus,.sideNavigationBtn:hover{background:#5d5d5d}.sideNavigationBtn:focus:before,.sideNavigationBtn:hover:before{content:"Open Side";position:absolute;right:-100%;top:110%;transform:translate(-50%);background:#000;color:#fff;font-size:8px;padding:4px;border-radius:4px;white-space:nowrap}.sideNavigationBtn:focus:after,.sideNavigationBtn:hover:after{content:"";position:absolute;right:20%;top:80%;transform:translate(-50%) rotate(90deg);border-width:5px;border-style:solid;border-color:transparent #000 transparent transparent}.temperChart{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:5px;box-shadow:0 3px 6px #00000040}.temperChart .logoWrap{width:19px;height:19px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#f4f4f4}@media screen and (max-width: 450px){.temperChart .logoWrap{padding:0}}.warnSpikeTooltip{display:flex;left:0;top:0%;border:1px solid #ccc;font-size:12px;color:#666;z-index:99999;visibility:visible;padding:4px;justify-content:center;align-items:start;background:#fff;white-space:pre-line;pointer-events:none;flex-direction:column}.warnSpikeTooltip .svgWrapper{width:100%;color:#f3cb46;display:flex;gap:4px;align-items:center}.refresh{display:flex;justify-content:center;align-items:center;gap:8px}.refresh button{display:flex;justify-content:center;align-items:center}.refresh .recent{font-size:12px;color:#666}.temperChartHeader{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;color:#0d0d0d;font-size:14px;font-weight:500}@media screen and (max-width: 1024px){.temperChartHeader{flex-direction:column;align-items:start;gap:8px}}.temperChartHeaderTitle{width:230px;display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 10px;background:#8f33d8;border-radius:5px;box-shadow:0 3px 6px #00000040;color:#fff}@media screen and (max-width: 1024px){.temperChartHeaderTitle{width:100%;padding:8px 0}}.temperChartContainer{width:100%;gap:20px;height:100%;max-height:calc(100vh - 201px);background:#fff;color:#0d0d0d;padding:16px;display:flex;flex-direction:column;align-items:center}.temperChartContainer .info{width:100%;display:flex;gap:4px;justify-content:start;align-items:center}.temperChartContainer .info svg{width:16px;height:16px}.temperChartContainer .info p{font-size:12px;color:#0d0d0d}@media screen and (max-width: 500px){.temperChartContainer .info p{font-size:10px}}@media screen and (max-width: 1550px){.temperChartContainer{width:800px;gap:10px}}@media screen and (max-width: 900px){.temperChartContainer{width:100%}}@media screen and (max-width: 500px){.temperChartContainer{width:100%;height:100%;max-height:100%;padding:1rem}}.recharts-legend-wrapper{width:100%!important;display:flex;justify-content:center;align-items:center}.temperChartInner{display:flex;justify-content:center;align-items:center;width:100%;height:230px!important}.temperChartInner .recharts-default-legend{display:flex!important;gap:10px}.temperChartInner .recharts-legend-item{display:flex!important;flex-direction:row;align-items:center;justify-content:center}@media screen and (max-width: 1300px){.temperChartInner .recharts-legend-item-text{font-size:10px!important}}@media screen and (max-width: 500px){.temperChartInner{width:450px;height:250px!important}}@media screen and (max-width: 450px){.temperChartInner{width:360px;height:200px!important}.temperChartInner .recharts-legend-item{margin-right:0!important}.temperChartInner .recharts-legend-item-text{font-size:10px!important}}.temperDataTableContainer{width:100%;overflow-y:auto;height:100%!important;min-height:300px;max-height:calc(100vh - 201px)}@media screen and (max-width: 500px){.temperDataTableContainer{height:300px!important;min-height:300px!important;max-height:300px!important}}.temperDataTable{width:100%;height:fit-content;border-collapse:collapse;overflow:scroll}.temperDataTable thead{position:sticky;top:0;z-index:2;background:#f8f8f8;border-bottom:1px solid #ccc}.temperDataTable th{background:#f8f8f8}.temperDataTable tr{border-bottom:1px solid #eee;background:#fff}.temperDataTable tr:hover{background:#fafafa}.temperDataTable td,.temperDataTable th{padding:8px;text-align:left;font-size:13px}.moreSensor{position:absolute;right:8px;top:8px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.modalSelectFileContainer{width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modalSelectFileContainer .modalSelectFileInner{width:100%;height:100%;background:#fff}.loader{width:40px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(3.5)}.box{position:relative;opacity:0;left:9px;top:0;height:fit-content}.side-left{position:absolute;background:#a058df;width:19px;height:5px;transform:skew(0,-25deg);top:14px;left:10px;border-radius:1px}.side-right{position:absolute;background:#6d1bb4;width:19px;height:5px;transform:skew(0,25deg);top:14px;left:-9px;border-radius:1px}.side-top{position:absolute;background:#8f33d8;top:0;left:0;width:20px;height:20px;rotate:45deg;border-radius:1px;transform:skew(-20deg,-20deg)}.box-1{animation:from-left 4s infinite}.box-2{animation:from-right 4s infinite;animation-delay:1s}.box-3{animation:from-left 4s infinite;animation-delay:2s}.box-4{animation:from-right 4s infinite;animation-delay:3s}@keyframes from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0 0}40%{z-index:9;translate:0 4px}60%{z-index:8;translate:0 8px}80%{z-index:7;opacity:1;translate:0 12px}to{z-index:5;translate:0 30px;opacity:0}}@keyframes from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0 0}40%{z-index:9;translate:0 4px}60%{z-index:8;translate:0 8px}80%{z-index:7;opacity:1;translate:0 12px}to{z-index:5;translate:0 30px;opacity:0}}.uiMessage{display:flex;justify-content:center;align-items:center;gap:12px;width:100%}.uiMessage h2{color:#666;font-size:12px;font-weight:700}.uiMessage svg{flex-shrink:0}@media screen and (max-width: 750px){.uiMessage{width:250px}.uiMessage h2{text-align:left;font-size:10px}}@media screen and (max-width: 500px){.uiMessage h2{font-size:9px}}.DeviceDetailInnerContainer{display:flex;flex-direction:column}.DeviceDetailInnerContainer .DetailTabContainer{width:100%;display:flex}.deviceStatusWrap{display:flex;flex-direction:column;gap:8px;width:100%}.dm400SliceInfo{color:#0d0d0d;height:100%;width:100%}.dm400SliceInfo .container{display:none}.dm400SliceInfo .active{border:1px solid #05c168!important}.dm400SliceInfo .active .container{display:flex}.dm400SliceInfo .active .sliceNameWrap span{color:#05c168!important}.dm400SliceInfo .active .sliceIndex{background:#05c168!important}.dm400SliceInfo .red{border:1px solid #ee0043!important}.dm400SliceInfo .red .sliceIndex{background:#ee0043!important}.dm400SliceInfo .red .sliceNameWrap span{color:#ee0043!important}.dm400SliceInfo .blue .sliceIndex{background:#3897f0!important}.dm400SliceInfo .selected{border:1px solid #8f33d8!important;box-shadow:0 3px 6px #8f33d880!important}.dm400SliceInfo .finished{background:#ebebeb}.dm400SliceInfo .finished .sliceNameWrap p,.dm400SliceInfo .finished .sliceNameWrap span{color:#414141!important}.dm400SliceInfo .finished .sliceIndex{background:#3897f0!important}.dm400SliceInfo .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:transparent;border:3px solid rgba(2,161,87,.1);border-radius:50%;box-shadow:0 0 20px #00000026}@media screen and (max-width: 500px){.dm400SliceInfo .loader{width:26px;height:26px}}.dm400SliceInfo .loader:before{content:"";position:absolute;inset:0;border:3px solid transparent;border-top:3px solid #4cd696;border-right:3px solid #4cd696;border-radius:50%;animation:animateC 1.5s linear infinite}.dm400SliceInfo .loader span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite}@keyframes animateC{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@media screen and (max-width: 1800px){.dm400SliceInfo .ResDisappear{display:none!important}}.dm400SliceInfo .ResAppear{display:none!important}@media screen and (max-width: 1800px){.dm400SliceInfo .ResAppear{display:flex!important}}.dm400SliceInfo .dm400SliceInfoList{display:flex;flex-direction:column;gap:8px;height:100%;width:100%}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem{display:flex;align-items:center;justify-content:space-between;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000040;border-radius:5px;gap:8px;font-weight:700;width:100%}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .emptySlotIcon{width:32px!important;height:32px!important;flex-shrink:0}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceIndex{flex-shrink:0;color:#fff;background:#3a3a3a;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;line-height:1;text-indent:-.5px;font-size:12px;padding-top:0;position:relative}@media screen and (max-width: 500px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceIndex{width:16px;height:16px;font-size:10px;text-indent:0px}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem img{width:32px;height:32px;border-radius:100%;object-fit:cover;flex-shrink:0}@media screen and (max-width: 1300px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem img{width:30px!important;height:30px!important;padding:0!important}}@media screen and (max-width: 450px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem img{width:24px!important;height:24px!important}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem svg{width:35px;height:40px}@media screen and (max-width: 1300px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem svg{width:30px!important}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem p{color:#5d5d5d}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:4px;font-size:10px}@media screen and (max-width: 500px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap{font-size:10px;gap:0px}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .NoDM400{width:100%!important}@media screen and (max-width: 1150px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .NoDM400{max-width:287px!important}}@media screen and (max-width: 660px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .NoDM400{max-width:100px!important}}@media screen and (max-width: 550px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .NoDM400{max-width:80px!important}}.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{color:#8f33d8;font-size:10px;width:155px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}@media screen and (max-width: 1880px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width: 1840px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width: 1800px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width: 1670px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width: 1150px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width: 660px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width: 550px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width: 500px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{font-size:10px}}@media screen and (max-width: 1550px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem{gap:8px}}@media screen and (max-width: 500px){.dm400SliceInfo .dm400SliceInfoList .dm400SliceInfoItem{padding:8px}}@media screen and (max-width: 1550px){.dm400SliceInfo .dm400SliceInfoList{gap:8px}}.uploadContainer .slicename{width:250px!important}@media screen and (max-width: 700px){.uploadContainer .slicename{width:150px!important}}@media screen and (max-width: 500px){.uploadContainer .slicename{width:130px!important}}.indexWrap{display:flex;align-items:center;justify-content:center;gap:8px}.allSlicesPreviewList{display:flex;justify-content:end;align-items:center;position:relative;width:100%;font-size:12px;color:#333}@media screen and (max-width: 1670px){.allSlicesPreviewList{width:50%}}@media screen and (max-width: 1150px){.allSlicesPreviewList .imgSliceWrap{display:none!important}}.allSlicesPreviewList .imgSliceWrap{position:absolute;display:flex;border-radius:50%;justify-content:center;right:28px;align-items:center;box-shadow:0 3px 6px #0000001a;background:#f9f9f9}.recipeInfoFinish{background:#ebebeb}.recipeInfoFinish .dm400RecipeInfoItem svg path{fill:#3897f0}.recipeInfoFinish .dm400RecipeInfoItem .valuetext{color:#414141!important}.printingSliceFinish{background:#ebebeb!important}.printingSliceFinish .blue .SlicePreview .previewImgDetail{background:#ebebeb;box-shadow:none}.printingSliceFinish .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemWrap .dm400CurrentSliceInfoItemValue{color:#414141}.dm400RecipeInfo{width:100%;display:flex;justify-content:space-between;align-items:center}.dm400RecipeInfo .dm400RecipeInfoItem{display:flex;align-items:center;justify-content:center;gap:16px}.dm400RecipeInfo .dm400RecipeInfoItem .dm400RecipeInfoItemContent{display:flex;flex-direction:column;font-size:12px}.dm400RecipeInfo .dm400RecipeInfoItem p{color:#5d5d5d;font-weight:700}@media screen and (max-width: 500px){.dm400RecipeInfo .dm400RecipeInfoItem p{font-size:10px}}.dm400RecipeInfo .dm400RecipeInfoItem .valuetext{color:#8f33d8;font-weight:700}@media screen and (max-width: 500px){.dm400RecipeInfo .dm400RecipeInfoItem .valuetext{font-size:10px}}.dm400RecipeInfo .disabled-link-wrapper{display:flex;justify-content:center;align-items:center;height:100%}@media screen and (max-width: 500px){.dm400RecipeInfo .disabled-link-wrapper{display:none!important}}.dm400RecipeInfo .routingBtn{font-size:12px;font-weight:700;padding:16px 8px;border-radius:6px;background:#8f33d8;width:fit-content;color:#fff}@media screen and (max-width: 690px){.dm400RecipeInfo{font-size:14px}.dm400RecipeInfo .dm400RecipeInfoItem svg{width:24px;height:30px}}@media screen and (max-width: 690px) and (max-width: 450px){.dm400RecipeInfo .dm400RecipeInfoItem svg{width:20px;height:24px}}.dm400CurrentSlice{border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000040;width:100%;padding:10px 16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:8px}@media screen and (max-width: 1150px){.dm400CurrentSlice{display:none}}@media screen and (max-width: 1800px){.dm400CurrentSlice{flex-direction:row}}@media screen and (max-width: 1670px){.dm400CurrentSlice{flex-direction:column}}.dm400CurrentSlice .disabled span{background:#666!important}.dm400CurrentSlice .red span{background:#ee0043!important}.dm400CurrentSlice .blue span{background:#3897f0!important}.dm400CurrentSlice .dm400CurrentSliceItem{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:16px;width:100%;height:100%}.dm400CurrentSlice .dm400CurrentSliceItem span{color:#fff;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;flex-shrink:0}.dm400CurrentSlice .dm400CurrentSliceItem .SlicePreview{width:100%;height:80%;padding:16px;object-fit:contain;position:relative;display:flex;justify-content:center;align-items:center}.dm400CurrentSlice .dm400CurrentSliceItem .SlicePreview:hover .fullImg{display:flex}.dm400CurrentSlice .dm400CurrentSliceItem .SlicePreview img{width:100%;height:100%;max-height:184px;object-fit:contain}@media screen and (max-width: 1800px){.dm400CurrentSlice .dm400CurrentSliceItem .SlicePreview{width:100%}.dm400CurrentSlice .dm400CurrentSliceItem .SlicePreview svg{width:100px;height:100px}}@media screen and (max-width: 1550px){.dm400CurrentSlice .dm400CurrentSliceItem{width:100%}}.dm400CurrentSlice .dm400CurrentSliceInfoTitle{font-size:24px;font-weight:700;display:flex;align-items:center;gap:16px;color:#666}@media screen and (max-width: 1800px){.dm400CurrentSlice .dm400CurrentSliceInfoTitle{font-size:16px}}@media screen and (max-width: 1200px){.dm400CurrentSlice .dm400CurrentSliceInfoTitle{display:none}}.dm400CurrentSlice .dm400CurrentSliceInfo{display:flex;flex-direction:column;color:#5d5d5d;justify-content:space-between;width:100%;gap:8px;height:100%}@media screen and (max-width: 1200px){.dm400CurrentSlice .dm400CurrentSliceInfo{display:none}}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItem{gap:16px;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1800px){.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItem{flex-direction:column}}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItem .dm400CurrentSliceInfoItemWrap{width:100%;display:flex;flex-direction:column}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemTitle{font-size:16px;font-weight:700}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemValue{font-size:13px;font-weight:700;color:#8f33d8;width:206px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 1250px){.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemValue{width:160px}}@media screen and (max-width: 1550px){.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoTitle{font-size:16px}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemTitle{font-size:12px}.dm400CurrentSlice .dm400CurrentSliceInfo .dm400CurrentSliceInfoItemValue{font-size:16px;color:#8f33d8}}.dm400CurrentSlice a{width:100%;padding:16px;border-radius:6px;background:#8f33d8;color:#fff;font-weight:700;font-size:12px;text-align:center}.lastPartContainer{display:flex;width:100%;justify-content:center;gap:.5rem}@media screen and (max-width: 1800px){.lastPartContainer{flex-direction:column}}.nonDm400{flex-direction:column}@media screen and (max-width: 1800px){.nonDm400 .sliceName{flex-direction:column}}.draggingP{font-weight:700;font-size:14px}.syncingBadge{position:absolute;top:8px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:9999px;background:#8f33d814;color:#8f33d8;font-size:12px;font-weight:600;backdrop-filter:blur(4px);z-index:5}.syncingBadge span{display:flex;justify-content:center;align-items:center}.syncingBadge .sycingBadgeInner{display:flex;justify-content:center;align-items:center;gap:4px;position:relative;width:100%;height:100%}.syncingBadge .sycingBadgeInner .infosync{display:flex;justify-content:center;align-items:center}.syncingBadge .sycingBadgeInner .infosync:hover .syncInfo,.syncingBadge .sycingBadgeInner .infosync:focus .syncInfo{opacity:1!important;z-index:6}.syncingBadge .sycingBadgeInner .syncInfo{opacity:0;position:absolute;background:#000;bottom:-130%;right:-10px;padding:8px;border-radius:5px;background:#dabcf1;z-index:-1;display:flex;align-items:center;gap:8px;transition:opacity .3s ease-in-out}.syncingBadge .sycingBadgeInner .syncInfo p{text-wrap:nowrap;color:#8f33d8;word-break:break-all;text-align:left;font-size:10px}.syncing-spinner-svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.webCamWraper{display:flex;gap:.5rem;height:100%;justify-content:space-between;align-items:start;flex-direction:column;width:640px}.webCamWraper .full-video{width:100%;height:100%;max-height:100%;border:none}.webCamWraper video{width:640px;height:480px;max-height:480px;background:#000;border:1px solid #c0c0c0;display:flex;flex-shrink:0}@media screen and (max-width: 1800px){.webCamWraper{width:640px;justify-content:start;height:auto}}@media screen and (max-width: 1150px){.webCamWraper{width:100%;justify-content:start}.webCamWraper video{width:100%;height:auto;height:300px}}.webCamInner{position:relative;width:100%;display:flex;justify-content:center;align-items:start;box-shadow:0 3px 6px #00000040}.webCamInner .webcam-loading-spinner{position:absolute;z-index:99;top:50%;left:50%;transform:translate(-50%,-50%)}.webCamInner:hover .webCamInnerPop,.webCamInner:hover .webCamInfoPop{opacity:1;transform:translate(0) translateY(0);pointer-events:auto}.webCamInner .unconnected{opacity:1!important}.webCamInner .webCamInnerPop{position:absolute;background:#8f33d833;width:100%;transition:all .3s ease-in-out;display:flex;padding:.5rem;gap:.5rem;z-index:3;bottom:0;opacity:1;transform:translate(0) translateY(0);pointer-events:none;z-index:10;align-items:center;justify-content:space-between}.webCamInner .webCamInnerPop .webCamBtnWrap{display:flex;justify-content:center;align-items:center;gap:.5rem}.webCamInner .webCamInnerPop .webCamBtnWrap svg{width:30px;height:30px}.webCamInner .webCamInnerPop .webCamBtnWrap button{border-radius:100%;justify-content:center;align-items:center;display:flex;width:32px;background:#fcfcfc;height:32px;overflow:hidden;transition:all .3s ease-in-out!important}.webCamInner .webCamInnerPop .webCamBtnWrap button:hover{background:#8f33d8cc}.webCamInner .webCamInnerPop .webCamBtnWrap button:disabled{cursor:not-allowed;pointer-events:none;background:#e4e4e4}.webCamInner .webCamInnerPop .webCamBtnWrap button:disabled svg path{fill:#333!important}.webCamInner .webCamInnerPop .full-Btn{display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px}.webCamInner .webCamInnerPop .full-Btn:hover{background:#8f33d866}.webCamInner .webCamInnerPop .full-Btn:hover svg{fill:#fff}.webCamInner .webCamInnerPop .full-Btn:disabled{cursor:not-allowed;pointer-events:none}.webCamInner .webCamInnerPop .full-Btn:disabled svg path{fill:#666!important}.webCamInner .webCamInfoPop{transition:all .3s ease-in-out;position:absolute;padding:.5rem;opacity:1;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;z-index:5;background:#8f33d833}.webCamInner .webCamInfoPop .webCamInfoPopInfo{display:flex;gap:.5rem;align-items:center}@media screen and (max-width: 500px){.webCamInner .webCamInfoPop .webCamInfoPopInfo p{font-size:8px}}.webCamInner .webCamInfoPop .webCamInfoPopWarn{background:#8f33d833;color:#8f33d8;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;z-index:99;transition:all .3s ease-in-out}.webCamInner .webCamInfoPop .webCamInfoPopWarn p{display:none;border-radius:2px;color:#fff;letter-spacing:.4px;font-size:9px}@media screen and (max-width: 500px){.webCamInner .webCamInfoPop .webCamInfoPopWarn p{font-size:8px}}.webCamInner .webCamInfoPop .webCamInfoPopWarn:hover{padding:0}.webCamInner .webCamInfoPop .webCamInfoPopWarn:hover p{display:flex}.webCamInner .webCamInfoPop .on{background:#f04}.webCamInner .webCamInfoPop .off{background:#666}.webCamInner .webCamInfoPop span{font-size:9px;padding:2px;border-radius:2px;color:#fff;letter-spacing:.4px}.webCamInner .webCamInfoPop p{color:#f9f9f9;font-size:12px}.webCamInner .webCamMyrole{position:absolute;width:100%;height:100%;background:#0009;z-index:11}.errorMsgContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:#f9f9f9;background:#8f33d84d;text-wrap:nowrap;border-radius:4px;padding:1rem}.errorMsgContainer p{word-break:break-all;white-space:pre-line}@media screen and (max-width: 1150px){.errorMsgContainer p{font-size:12px}}@media screen and (max-width: 500px){.errorMsgContainer p{font-size:11px}}.infoMsgContainer{font-size:13px}.printActionWrap{width:100%;padding:1rem;border:1px solid #c0c0c0;border-radius:5px 5px 0 0}@media screen and (max-width: 1670px){.printActionWrap{padding:.5rem}.printActionWrap .PrintActionBtnWrap{gap:.5rem!important}.printActionWrap .PrintActionBtnWrap button{padding:.5rem!important;width:50%!important}}@media screen and (max-width: 1150px){.printActionWrap{border-radius:5px}.printActionWrap .PrintActionBtnWrap button{padding:.5rem!important;width:100%!important}}@media screen and (max-width: 580px){.printActionWrap .PrintActionBtnWrap button svg{width:24px;height:24px}}.printActionWrap .PrintActionBtnWrap{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.printActionWrap .PrintActionBtnWrap .noActiveBtn{background:#333!important}.printActionWrap .PrintActionBtnWrap .noActiveBtn h1{color:#666!important;background-image:none!important}.printActionWrap .PrintActionBtnWrap .noActiveBtn svg path{fill:#666}.printActionWrap .PrintActionBtnWrap button:disabled{cursor:not-allowed;pointer-events:none}.printActionWrap .PrintActionBtnWrap button{padding:1rem;width:100%;color:#333;display:flex;justify-content:center;align-items:center;gap:16px;border-radius:5px}.printActionWrap .PrintActionBtnWrap button h1{font-weight:700;-webkit-background-clip:text;background-clip:text;color:transparent}@media screen and (max-width: 1670px){.printActionWrap .PrintActionBtnWrap button h1{display:none}}.printActionWrap .PrintActionBtnWrap .printStart{background:#8f33d84d}.printActionWrap .PrintActionBtnWrap .printStart:hover{background:#8f33d899}.printActionWrap .PrintActionBtnWrap .printStart h1{background-image:linear-gradient(to left,#bb79f1,#a06dca,#a16ccc 50%,#8f33d8)}.printActionWrap .PrintActionBtnWrap .printAbort{background:#f046}.printActionWrap .PrintActionBtnWrap .printAbort:hover{background:#f049}.printActionWrap .PrintActionBtnWrap .printAbort h1{background-image:linear-gradient(to left,#fa6262,#fd4878 23%,#ff2862 62%,#f04)}.printActionInfoWrap{width:100%;background:#8f33d833;padding:6px;display:flex;justify-content:flex-end;border-radius:0 0 5px 5px;font-size:12px;font-weight:700;border:1px solid #c0c0c0;position:relative}.printActionInfoWrap .printActionHoverInfo{position:absolute;left:100%;padding:16px;border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000040;bottom:0%;background:#dec6f3;display:flex;flex-direction:column;justify-content:center;gap:16px;z-index:10;width:80%}.printActionInfoWrap .printActionHoverInfo .InfoItem{display:flex;align-items:center;gap:8px}.printActionInfoWrap .printActionHoverInfo .InfoItem .infoSvg{background:#fff;display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #f0f0f0}@media screen and (max-width: 1670px){.printActionInfoWrap .printActionHoverInfo{width:400px}}@media screen and (max-width: 1382px){.printActionInfoWrap .printActionHoverInfo{width:400px;left:-295%}}.printActionInfoWrap button{display:flex;align-items:center;gap:.25rem;color:#8f33d8;padding:2px;border-radius:5px}.printActionInfoWrap button:hover{background:#000;background:#8f33d833}@media screen and (max-width: 1670px){.printActionInfoWrap{padding:3px}.printActionInfoWrap button{font-size:10px}.printActionInfoWrap button svg{width:14px}}@media screen and (max-width: 1150px){.printActionInfoWrap{display:none}}.printAction{width:100%;display:flex;flex-direction:column;box-shadow:0 3px 6px #00000040;border-radius:5px}@media screen and (max-width: 1670px){.printAction{width:auto;height:100%}}@media screen and (max-width: 1150px){.printAction{width:100%}}.PrintInfowrap{display:flex;flex-direction:column;width:100%;justify-content:start;align-items:start;gap:.5rem;height:100%}@media screen and (max-width: 1670px){.PrintInfowrap{flex-direction:row;height:auto}}@media screen and (max-width: 1150px){.PrintInfowrap{height:auto}}@media screen and (max-width: 580px){.PrintInfowrap{flex-direction:column}}.disabledBtn{background:#e4e4e4;pointer-events:none;opacity:.8}.disabledBtn svg path{fill:#666!important}.disabledBtn:hover{background:#fff!important}.NavUploadSliceBtn{display:flex;justify-content:center;align-items:center;border-radius:100%;width:20px;height:20px;box-shadow:0 3px 6px #00000026;padding:4px;transition:all .3s}.NavUploadSliceBtn:hover{background:#8f33d833}@media screen and (max-width: 1150px){.donut{width:36px!important;height:36px!important}.donut svg{width:36px;height:36px}}.SliceInfoWrap{background:#fff;border:1px solid #c0c0c0;border-radius:5px;box-shadow:0 3px 6px #00000040;display:flex;width:100%}.statusLoadingContainer{width:100vw;position:absolute;height:100vh;top:-48px;background:#fff;z-index:100}.statusLoadingContainer p{color:#333}@media screen and (max-width: 1150px){.statusLoadingContainer{width:calc(100% + 112px);left:-64px}}@media screen and (max-width: 900px){.statusLoadingContainer{width:calc(100% + 112px);left:-64px;height:calc(100vh - 16px)}}@media screen and (max-width: 500px){.statusLoadingContainer{width:calc(100% + 32px);left:-16px;height:calc(100vh - 99px)}}.lds-spinner{color:official;display:inline-block;position:relative;width:50px;height:50px}.lds-spinner div{transform-origin:25px 25px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:2px;width:4px;height:11px;left:23px;border-radius:20%;background:#8f33d8}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.changeListWrap{width:100%;display:flex;justify-content:flex-end;margin-top:8px}.editSliceInfoSection .editBtnWrap{display:flex;justify-content:center;align-items:center;gap:8px}.editSliceInfoSection .editBtnWrap button:disabled{cursor:default}.editSliceInfoSection .editBtnWrap button{display:flex;cursor:pointer;justify-content:center;align-items:center;padding:4px;border:1px solid #c0c0c0;background:#fff;border-radius:4px}.editSliceInfoSection .editBtnWrap button:hover{border:1px solid #8f33d8}.editSliceInfoSection .editBtnWrap button:disabled:hover{border:1px solid #c0c0c0}.editSliceInfoSection .editBtnWrap .editBtnSave{color:#333;display:flex;justify-content:center;align-items:center;gap:4px;padding:6px 8px;border:1px solid #8f33d8}.editSliceInfoSection .editBtnWrap .editBtnSave:disabled{border:1px solid #c0c0c0}.wholeSliceWrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.changeList{transform:rotate(90deg);padding:4px;border-radius:50px;background:#fff;border:1px solid #c0c0c0;box-shadow:0 3px 6px #0003;display:flex;justify-content:center;align-items:center}.changeList:hover{background:#8f33d833}.changeList:hover svg{fill:#8f33d8}@media screen and (max-width: 1800px){.changeList{position:absolute;right:-12px;top:-12px}}.sliceInforightWrap{background:transparent;position:absolute;right:-32px;top:-16px;z-index:-999;padding:16px;width:calc(100% + 64px);height:calc(100% + 48px);display:flex;align-items:center;justify-content:flex-end;border-radius:12px;overflow:hidden;transition:z-index 1s ease-in-out,background 1s ease-in-out}@media screen and (max-width: 1919px){.sliceInforightWrap{height:fit-content;min-height:calc(100vh - 64px)}}@media screen and (max-width: 1150px){.sliceInforightWrap{width:calc(100% + 32px);right:-16px}}@media screen and (max-width: 500px){.sliceInforightWrap{border-radius:0;top:-28px}.sliceInforightWrap .dm400SliceInfoList .dm400SliceInfoItem{padding:4px}.sliceInforightWrap .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap{font-size:8px}.sliceInforightWrap .dm400SliceInfoList .dm400SliceInfoItem .sliceNameWrap .sliceName{font-size:9px}.sliceInforightWrap .dm400SliceInfoList .dm400SliceInfoItem .emptySlotIcon{width:16px!important;height:16px!important}}.sliceInforightWrap .sliceInforightInner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative!important;width:100%;height:fit-content}.sliceInforightWrap .sliceInforight{position:absolute;background:#fff;right:-100%;top:0;width:40%;height:100%;padding:8px 16px;border-left:1px solid #c0c0c0;display:flex;border-radius:0 5px 5px 0;margin-right:-16px;box-shadow:-4px 0 3px #0000004d;transition:right .5s ease-in-out;flex-direction:column;align-items:flex-end;gap:8px;overflow-y:scroll}.sliceInforightWrap .sliceInforight .closebtn{display:flex;justify-content:center;align-items:center}.sliceInforightWrap .sliceInforight .closebtn:hover{background:#8f33d81a}@media screen and (max-width: 1500px){.sliceInforightWrap .sliceInforight{width:50%}}@media screen and (max-width: 1200px){.sliceInforightWrap .sliceInforight{width:80%}}@media screen and (max-width: 900px){.sliceInforightWrap .sliceInforight{width:80%}}@media screen and (max-width: 500px){.sliceInforightWrap .sliceInforight{width:100%}}.sliceInfoRightActionWrap{display:flex;align-items:center;justify-content:space-between;width:100%}.sliceInfoRightActionWrap .topWrap{display:flex;align-items:center;position:relative}.sliceInfoRightActionWrap .topWrap i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:6px;background:#e8e8e8;cursor:pointer;transition:all .2s ease;transform:rotate(180deg)}.openSliceInfo{right:16px!important}.openWrap{z-index:9999;background:#0000004d}.Slice-inforight{display:flex;flex-direction:column;justify-content:start;align-items:flex-end;gap:16px}.Slice-inforight .dm400SliceInfoList{height:auto}.Slice-inforight .sliceName{width:250px!important}@media screen and (max-width: 1770px){.Slice-inforight .sliceName{width:200px!important}}@media screen and (max-width: 1600px){.Slice-inforight .sliceName{width:170px!important}}@media screen and (max-width: 1500px){.Slice-inforight .sliceName{width:150px!important}}@media screen and (max-width: 1300px){.Slice-inforight .sliceName{width:200px!important}}@media screen and (max-width: 1230px){.Slice-inforight .sliceName{width:180px!important}}@media screen and (max-width: 1160px){.Slice-inforight .sliceName{width:160px!important}}@media screen and (max-width: 1040px){.Slice-inforight .sliceName{width:200px!important}}@media screen and (max-width: 968px){.Slice-inforight .sliceName{width:170px!important}}@media screen and (max-width: 900px){.Slice-inforight .sliceName{width:260px!important}}@media screen and (max-width: 820px){.Slice-inforight .sliceName{width:220px!important}}@media screen and (max-width: 800px){.Slice-inforight .sliceName{width:400px!important}}@media screen and (max-width: 690px){.Slice-inforight .sliceName{width:300px!important}}@media screen and (max-width: 570px){.Slice-inforight .sliceName{width:240px!important}}@media screen and (max-width: 500px){.Slice-inforight .sliceName{width:150px!important}}.Slice-list{display:grid;grid-template-columns:repeat(2,1fr);width:100%;justify-content:center;gap:8px;height:fit-content;padding-bottom:16px}.Slice-list .sliceListItem{color:#333;border-radius:4px;border:1px solid #c0c0c0;padding:4px;width:100%;height:fit-content;max-height:200px;min-height:200px;display:flex;flex-direction:column;align-items:center;gap:8px}.Slice-list .sliceListItem .sliceListItemImgWrap{display:flex;justify-content:center;align-items:center;width:100%;height:50%}.Slice-list .sliceListItem .sliceListItemImgWrap img{width:100%;object-fit:contain;max-height:150px;min-height:150px;height:100%}.Slice-list .sliceListItem .fileInfoItem{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.Slice-list .sliceListItem .fileInfoItem span{color:#8f33d8;font-weight:700}.Slice-list .sliceListItem .fileInfoItem .title{width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}@media screen and (max-width: 1919px){.Slice-list .sliceListItem .fileInfoItem .title{width:250px}}@media screen and (max-width: 1850px){.Slice-list .sliceListItem .fileInfoItem .title{width:230px}}@media screen and (max-width: 1760px){.Slice-list .sliceListItem .fileInfoItem .title{width:210px}}@media screen and (max-width: 1660px){.Slice-list .sliceListItem .fileInfoItem .title{width:190px;font-size:11px}}@media screen and (max-width: 1560px){.Slice-list .sliceListItem .fileInfoItem .title{width:170px}}@media screen and (max-width: 1500px){.Slice-list .sliceListItem .fileInfoItem .title{width:220px}}@media screen and (max-width: 1325px){.Slice-list .sliceListItem .fileInfoItem .title{width:200px}}@media screen and (max-width: 1244px){.Slice-list .sliceListItem .fileInfoItem .title{width:180px}}@media screen and (max-width: 1200px){.Slice-list .sliceListItem .fileInfoItem .title{width:290px}}@media screen and (max-width: 1120px){.Slice-list .sliceListItem .fileInfoItem .title{width:240px}}@media screen and (max-width: 1000px){.Slice-list .sliceListItem .fileInfoItem .title{width:220px}}@media screen and (max-width: 950px){.Slice-list .sliceListItem .fileInfoItem .title{width:200px}}@media screen and (max-width: 900px){.Slice-list .sliceListItem .fileInfoItem .title{width:290px}}@media screen and (max-width: 850px){.Slice-list .sliceListItem .fileInfoItem .title{width:240px}}@media screen and (max-width: 720px){.Slice-list .sliceListItem .fileInfoItem .title{width:220px}}@media screen and (max-width: 680px){.Slice-list .sliceListItem .fileInfoItem .title{width:200px}}@media screen and (max-width: 630px){.Slice-list .sliceListItem .fileInfoItem .title{width:180px}}@media screen and (max-width: 580px){.Slice-list .sliceListItem .fileInfoItem .title{width:140px}}@media screen and (max-width: 500px){.Slice-list .sliceListItem .fileInfoItem .title{width:200px}}@media screen and (max-width: 490px){.Slice-list .sliceListItem .fileInfoItem .title{width:140px;font-size:9px}}.Slice-list .sliceListItem .fileInfoItem .size{font-size:9px;color:#666!important}.Slice-list .sliceListItem:hover{border:1px solid #8f33d8}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:9999}.confirm-box{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0003;width:80%;max-width:300px;text-align:center;animation:popIn .2s ease-out;min-width:350px}.confirm-message{margin-bottom:20px}.confirm-title{font-weight:700;font-size:1.1rem;margin-bottom:10px;color:#333}.confirm-text{font-size:.95rem;line-height:1.5;color:#555}.highlight-text{color:#8f33d8;font-weight:700}.confirm-buttons{display:flex;gap:10px;justify-content:center}.confirm-buttons button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:700;transition:opacity .2s}.btn-cancel{background-color:#f0f0f0;color:#666}.btn-ok{background-color:#8f33d8;color:#fff}.confirm-buttons button:hover{opacity:.8}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.editTipWrap{display:flex;justify-content:center;align-items:center;background:#fff;height:20px;width:20px;border-radius:50%}.no-result{display:flex;height:300%;width:200%;flex:0;justify-content:center;align-items:center;background:#f9f9f9;color:#8f33d8;gap:8px}.deleteSliceBtn{position:absolute;right:4px;top:4px;display:flex;justify-content:center;align-items:center;border-radius:4px;padding:0}.deleteSliceBtn:hover{background:#8f33d81a}.deleteBtnWrap{display:flex;justify-content:center;align-items:center;border:1px solid #c0c0c0;position:absolute;top:-8px;overflow:hidden;box-shadow:0 3px 6px #0000001a;border-radius:4px;right:-2px;background:#fff;z-index:10}.deleteBtnWrap button{cursor:pointer;padding:6px 10px;display:flex;align-items:center;border:none;box-shadow:1px 1px 3px #00000026;background:#ee0043}.deleteBtnWrap button,.deleteBtnWrap button span{transition:.2s}.deleteBtnWrap .noselect{display:flex;justify-content:center;align-items:center}.deleteBtnWrap button .text{transform:translate(0);color:#fff;font-weight:700;font-size:11px}@media screen and (max-width: 1000px){.deleteBtnWrap button .text{font-size:9px}}.deleteBtnWrap button .icon{position:absolute;border-left:1px solid #ee0043;transform:translate(110px);height:10px;width:10px;display:flex;align-items:center;justify-content:center}.deleteBtnWrap button svg{width:12px;fill:#eee}.deleteBtnWrap button:hover{background:#ee0043}.deleteBtnWrap button:hover .text{color:transparent}.deleteBtnWrap button:hover .icon{width:100px;border-left:none;transform:translate(0)}.deleteBtnWrap button:focus{outline:none}.deleteBtnWrap button:active .icon svg{transform:scale(.8)}.DeviceStatusContainer{width:209px;max-width:209px;border:1px solid #c0c0c0;border-radius:8px;box-shadow:0 3px 6px #00000026;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 12px;height:65px}.DeviceStatusContainer .statusText{font-weight:600;color:#3a3a3a;font-size:12px}.DeviceStatusContainer .lockBox{font-weight:700;display:flex;align-items:center;justify-content:space-between;width:100%}.DeviceStatusContainer .lockBox p{color:#333}.DeviceStatusContainer .lockBox .statusBox{display:flex;font-size:14px;width:fit-content;height:fit-content}.DeviceStatusContainer .lockBox .statusBox .colorCircle{width:30px;height:30px}@media screen and (max-width: 1480px){.DeviceStatusContainer{width:100%;font-size:12px}.DeviceStatusContainer p{font-size:12px}}@media screen and (max-width: 900px){.DeviceStatusContainer{width:100%;max-width:100%;font-size:12px}.DeviceStatusContainer p{font-size:12px}}.authorizedWrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.authorizedWrapper .svgwrap{width:16px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 900px){.authorizedWrapper .svgwrap{width:30px;height:40px}}.authorizedWrapperin{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:1rem}.authorizedWrapperin .authorizedIcon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fff;box-shadow:0 3px 6px #00000040}.authorizedWrapperin .svgwrap{width:40px;display:flex;justify-content:center;align-items:center}.authorizedWrapperin p{font-size:16px}.detailInfo{display:flex;flex-direction:column;gap:8px;width:100%;padding:8px 0}.detailInfo .detailInfoItem{display:flex;align-items:center;gap:16px;width:100%}@media screen and (max-width: 1480px){.detailInfo .detailInfoItem{flex-direction:column;align-items:start;gap:4px}}.detailInfo .detailInfoItem p{min-width:0!important;gap:3px}.detailInfo .detailInfoItem p span{width:6px;height:6px;border-radius:50%;background:#8f33d8}.detailInfo .detailInfoItem p:first-child{flex:1 1 auto;font-size:12px;color:#5d5d5d}.detailInfo .detailInfoItem p:last-child{flex:0 1 160px;width:160px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:#8f33d8;font-size:12px;display:block;text-align:center;border:1px solid #c0c0c0;border-radius:4px;padding:2px 4px}@media screen and (max-width: 1480px){.detailInfo .detailInfoItem p:last-child{flex:0 1 auto}}.deviceDetailTitle{display:flex;justify-content:center;align-items:center;gap:16px}@media screen and (max-width: 900px){.deviceDetailTitle{font-size:12px}.deviceDetailTitle svg{width:30px;height:30px}}.authInfo{display:flex;position:absolute;width:fit-content;height:100%;background:#fff;border-radius:6px;padding:0 8px;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000026;z-index:10;right:-10px;bottom:0;transform:translate(100%);align-items:center;justify-content:center;gap:4px}.authInfo svg{width:16px!important;height:16px!important}.authInfo p{width:100%;font-size:12px;white-space:nowrap}.activateTabItem{background:#863ec3;pointer-events:none;cursor:default}.activateTabItem .tabSvgText{color:#eee!important}.activateTabItem svg path{fill:#fff}.activateTabItem svg ellipse{fill:#fff}.activateTabItem .arrowSvg path{stroke:#fff;fill:none}@media screen and (max-width: 1480px){.activateTabItem{font-size:12px}}.disableTabItem{background:silver;cursor:not-allowed}.disableTabItem .tabSvgText{color:#f8f8f8!important}.disableTabItem:hover{background:silver!important}.disableTabItem svg path{fill:#fff}.disableTabItem svg ellipse{fill:#fff}.disableTabItem .arrowSvg path{stroke:#fff;fill:none}.asidetabItem{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-radius:8px;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000026;padding:24px 12px;transition:background .3s ease}@media screen and (max-width: 1480px){.asidetabItem{padding:16px 12px}.asidetabItem svg{width:16px;height:16px}.asidetabItem .arrowSvg{width:10px;height:10px}}.asidetabItem:hover{background:#863ec3}.asidetabItem:hover .tabSvgText{color:#fff!important}.asidetabItem:hover svg path{fill:#fff}.asidetabItem:hover svg ellipse{fill:#fff}.asidetabItem:hover .arrowSvg path{stroke:#fff;fill:none}.asidetabItem .tabSvg{display:flex;align-items:center;justify-content:center;font-weight:700;gap:16px}.asidetabItem .tabSvgIcon{background:#fff;width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center}.asidetabItem .tabSvgText{color:#333}@media screen and (max-width: 1480px){.asidetabItem{width:200px}.asidetabItem .tabSvgText{font-size:12px!important}}@media screen and (max-width: 900px){.asidetabItem{width:100%}}@media screen and (max-width: 450px){.asidetabItem{font-size:12px}.asidetabItem svg{width:16px;height:16px}}.dangerZone{margin-top:16px;padding-top:16px;border-top:1px dashed #e5e7eb;display:flex;flex-direction:column;gap:8px;width:100%;justify-content:flex-end;align-items:flex-end}@media screen and (max-width: 1480px){.dangerZone .deleteBtn{padding:5px 12px;font-size:12px}.dangerZone .deleteBtn svg{width:14px;height:14px}}.dangerTitle{font-weight:700;font-size:13px;color:#111827}.dangerDesc{color:#6b7280;font-size:12px;line-height:1.4;word-break:break-all;width:80%}@media screen and (max-width: 1480px){.dangerDesc{display:none}}.deleteBtn{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid #fc5050;background:#fff;color:#b91c1c;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.deleteBtn:hover:not(:disabled){background:#fff5f5;box-shadow:0 2px 10px #b91c1c1f;transform:translateY(-1px)}.deleteBtn:active:not(:disabled){transform:translateY(0)}.deleteBtn:disabled,.deleteBtn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.helperText{color:#ef4444;font-size:12px}.spinner{width:14px;height:14px;border:2px solid #fecaca;border-top-color:#b91c1c;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toastPortal{position:fixed;right:24px;bottom:24px;z-index:9999;pointer-events:none}@media screen and (max-width: 500px){.toastPortal{bottom:80px;right:50%;transform:translate(50%);width:calc(100% - 32px)}}.toastCard{pointer-events:auto;width:min(450px,92vw);background:#fff;border:1px solid #e5e7eb;border-left:4px solid #d61d1d;border-radius:14px;box-shadow:0 10px 28px #0000004d;padding:16px;transform:translateY(8px);opacity:0;animation:toastIn .16s ease-out forwards}@media screen and (max-width: 500px){.toastCard{width:100%!important}}.toastBodyBottom{display:grid;gap:6px;color:#111827;display:flex;justify-content:start}.toastBodyBottom svg{flex-shrink:0}.toastBodyBottom strong{display:flex;gap:6px;align-items:center;font-size:14px;line-height:1.2}.toastBodyBottom p{margin:0;font-size:13px;color:#4b5563}@media screen and (max-width: 500px){.toastBodyBottom p{font-size:11px}}.toastBody{display:grid;gap:6px;color:#111827}.toastBody strong{display:flex;gap:6px;align-items:center;font-size:14px;line-height:1.2}.toastBody p{margin:0;font-size:13px;color:#4b5563}.toastActions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.toastBtn{border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.toastBtn:hover{background:#f9fafb}.toastBtn:active{transform:translateY(1px)}.toastBtnDanger{border-color:#fecaca;color:#d61d1d}.toastBtnDanger:hover{background:#fff5f5;box-shadow:0 2px 10px #b91c1c1f}@keyframes toastIn{to{transform:translateY(0);opacity:1}}.toastCard.toast-info,.toastCard.toast-setting{border-color:#863ec3;background:#fff;color:#111}.toastCard.toast-warning{border-color:#863ec3;background:#fff;color:#fff}.toastCard.toast-warning p{color:#4b5563}.toastCard.toast-danger{border-color:#fecaca;background:#fff1f2;color:#9f1239}.toastCard.toast-printWarn{border-color:#f04;background:#fff}.toastCard.toast-printWarn p{color:#333}.toastCard.toast-confirm{border-color:#863ec3;background:#fff}.toastCard.toast-confirm p{color:#333}.wrap{display:flex;align-items:center;gap:8px}.confirm,.delete{justify-content:space-between}.confirm .btnWrap,.delete .btnWrap{display:flex;align-items:center;gap:8px}.confirm button,.delete button{padding:4px 10px;color:#333;border:1px solid #c0c0c0;border-radius:4px}.confirm button:hover,.delete button:hover{background:#863ec34d;color:#863ec3}.printWarn{justify-content:start;font-size:16px}.printWarn svg path{stroke:#f04}.sliceNameContainer{display:flex;flex-direction:column;gap:8px;width:100%}.sliceNameContainer .sliceNameItem{display:flex;justify-content:start;align-items:center;gap:8px}.sliceNameContainer .sliceNameItem span{font-size:12px;width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 500px){.sliceNameContainer .sliceNameItem span{font-size:10px!important}}.reorderContainer{width:calc(100% - 6.25rem);z-index:2;padding:1.1875rem 1rem;gap:1.1875rem;display:flex;height:100%;background:#fff;flex-direction:column}@media screen and (max-width: 750px){.reorderContainer{width:100%}}@media screen and (max-width: 450px){.reorderContainer{width:100%;padding:1.5rem 1.5rem 6.25rem;height:100%}}.reorderContainer .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.reorderContainer .header h1{font-size:1.5rem;font-weight:600;color:#863ec3}.reorderContainer .header .saveButton{padding:.5rem 1rem;background-color:#031729;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.reorderContainer .header .saveButton:hover{background-color:#863ec3}.reorderContainer .reorderList{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,0fr));gap:1.25rem;width:100%;max-width:100%;transition:all .3s}@media screen and (max-width: 1828px){.reorderContainer .reorderList{grid-template-columns:repeat(auto-fit,minmax(18.75rem,0fr))}}@media screen and (max-width: 1300px){.reorderContainer .reorderList{grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));justify-content:center;padding-right:0}}@media screen and (max-width: 450px){.reorderContainer .reorderList{gap:1rem}}.reorderContainer .deviceItem{max-width:100%;width:100%;box-shadow:0 .1875rem .375rem #00000026;border:.0625rem solid #c0c0c0;border-radius:.5rem;padding:1rem;gap:1rem;display:flex;flex-direction:column;background:#fff;color:#fff;position:relative;cursor:grab}.reorderContainer .deviceItem:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.reorderContainer .deviceItem.dragging{cursor:grabbing;box-shadow:0 8px 16px #0003;z-index:9}@media screen and (max-width: 450px){.reorderContainer .deviceItem{padding:.7rem 1rem;gap:.5rem}}.reorderContainer .deviceItem .bookmarkMoreTab{display:flex;justify-content:space-between;align-items:center}.reorderContainer .deviceItem .bookmarkMoreTab .more{cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px}.reorderContainer .deviceItem .deviceContent{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1.125rem}.reorderContainer .deviceItem .deviceContent .deviceImgWrap{flex-direction:column;max-width:9.3125rem;width:100%;max-height:12.5rem;display:flex;gap:.75rem;color:#0d0d0d;font-weight:700;font-size:2rem}.reorderContainer .deviceItem .deviceContent .deviceImgWrap img,.reorderContainer .deviceItem .deviceContent .deviceImgWrap svg{max-width:9.3125rem;width:100%;max-height:12.5rem;height:6.25rem;object-fit:contain}.reorderContainer .deviceItem .deviceContent .deviceImgWrap .name{padding:0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:9.375rem;text-align:center;font-size:1rem}.reorderContainer .deviceItem .deviceContent .deviceInformation{display:flex;width:100%;height:100%;flex-direction:column;gap:.75rem;color:#0d0d0d;font-weight:700;font-size:2rem;justify-content:center;align-items:center}.reorderContainer .deviceItem .deviceContent .deviceInformation .status{width:100%;display:flex;border-radius:.5rem;background:#f4f4f4;padding:0 1rem;align-items:center;justify-content:space-between;gap:.75rem;height:5rem}.reorderContainer .deviceItem .deviceContent .deviceInformation .status .statusInfo{display:flex;flex-direction:column;justify-content:center;font-weight:600;gap:0px;text-align:left}.reorderContainer .deviceItem .deviceContent .deviceInformation .status .statusInfo p{font-size:12px;text-align:left;color:#5d5d5d}.reorderContainer .deviceItem .deviceContent .deviceInformation .status .statusInfo span{font-size:16px;text-align:left}.mockArray{width:100%;height:300px;background-color:#031729;border-radius:.5rem;padding:1rem;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;color:#fff}.drag-overlay{position:relative;opacity:1;transform:scale(1.05);transition:all .2s ease;box-shadow:0 5px 15px #0003;z-index:9;border-radius:8px;animation:overlayFloat 1.5s ease-in-out infinite}@media screen and (max-width: 500px){.drag-overlay{transform:scale(.8)!important}}.drag-overlay .direction-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#863ec3;z-index:10;font-size:24px;color:#fff;opacity:.9;border-radius:8px;display:flex;justify-content:center;align-items:center}.drag-overlay .direction-indicator p{font-size:.9rem}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes overlayFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(0) scale(1.01)}to{transform:translateY(0) scale(1)}}.dragging-device{border-radius:8px!important;position:relative;transition:all .2s ease;outline:none}.dragging-device:hover{outline:3px dashed #863ec3;background:#863ec3}.dragging-device.dragging{opacity:.8;transform:scale(1.02);transition:all .2s ease;box-shadow:0 8px 16px #00000026}.dragging-device.dragging:before{content:"";position:absolute;top:0;right:-12px;width:4px;height:100%;z-index:9;border:2px dashed #8f33d8;animation:dash 1s linear infinite}.dragging-device.draggingRes{opacity:.8;transform:scale(1.02);transition:all .2s ease;box-shadow:0 8px 16px #00000026}.dragging-device.draggingRes:before{content:"";position:absolute;top:-12px;right:0;width:100%;height:4px;z-index:9;border:2px dashed #8f33d8;animation:dash 1s linear infinite}@keyframes float{0%{transform:translateY(0) scale(1.02)}50%{transform:translateY(-5px) scale(1.02)}to{transform:translateY(0) scale(1.02)}}@keyframes dash{0%{transform:translateY(0) scale(1.02)}50%{transform:translateY(-1px) scale(1.02)}to{transform:translateY(0) scale(1.02)}}.deviceListWrap .deviceItem:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.reorder-cursor{position:fixed;pointer-events:none;display:flex;justify-content:center;align-items:center;width:36px;height:36px;background-color:#fff;border:1px solid #863ec3;border-radius:100%;transform:translate(-50%,-50%);transition:all .2s ease;z-index:9999}.reorder-cursor.over-draggable{background-color:#863ec3;border-color:#fff;transform:translate(-50%,-50%) scale(1.2)}.reorder-cursor.over-draggable svg path{stroke:#fff}.reorder-cursor.over-draggable:after{content:"Click & Drag!";position:absolute;top:-25px;left:80%;transform:translateY(-10%);background-color:#863ec3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10000}.reorder-cursor.over-draggable:before{content:"";position:absolute;top:-3px;left:28px;width:0;height:0;border-left:3px solid transparent;border-right:6px solid transparent;border-top:5px solid #863ec3;z-index:10000}@media screen and (max-width: 500px){.reorder-cursor{display:none}}@media screen and (max-width: 750px){.reorder-title{font-size:14px!important}.reorder-title .reorder-title-icon svg{width:20px!important;height:20px!important}.reorder-title span{font-size:14px!important}}@media screen and (max-width: 500px){.reorder-title{font-size:12px!important}.reorder-title .reorder-title-icon svg{width:20px!important;height:20px!important}.reorder-title span{font-size:13px!important}}.save{background:#08040a}@media screen and (max-width: 750px){.save{font-size:14px!important}}@media screen and (max-width: 500px){.save{font-size:12px!important;width:60px!important;padding:10px 0!important}}.DashboardSensorContainer{display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}@media screen and (max-width: 1150px){.DashboardSensorContainer{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 500px){.DashboardSensorContainer{display:grid;grid-template-columns:repeat(2,1fr)}}.DashboardSensorContainer .sensorItem{display:flex;border:1px solid #c0c0c0;border-radius:5px;padding:.7rem .5rem;box-shadow:0 3px 6px #00000040;align-items:center;justify-content:space-between;transition:background .3s ease-in-out}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem{justify-content:space-between}}.DashboardSensorContainer .sensorItem:hover{background:#8f33d826}.DashboardSensorContainer .sensorItem .sensorTitle{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-weight:700;font-size:14px;width:140px;position:relative}@media screen and (max-width: 1800px){.DashboardSensorContainer .sensorItem .sensorTitle{font-size:12px!important}}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .sensorTitle{font-size:11px!important;width:116px}}@media screen and (max-width: 1300px){.DashboardSensorContainer .sensorItem .sensorTitle{text-indent:-99999px;width:36px}}.DashboardSensorContainer .sensorItem .sensorTitle .sensorSvgWrap{width:32px;height:32px;border-radius:50%;box-shadow:0 3px 6px #0000001a;display:flex;justify-content:center;align-items:center;border:1px solid #c0c0c0}.DashboardSensorContainer .sensorItem .sensorTitle .sensorSvgWrap svg{width:18px;height:18px}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .sensorTitle .sensorSvgWrap{width:24px;height:24px}.DashboardSensorContainer .sensorItem .sensorTitle .sensorSvgWrap svg{width:14px;height:14px}}.DashboardSensorContainer .sensorItem .sensorValueWrap{display:flex;flex-direction:column;justify-content:center;width:150px}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .sensorValueWrap{width:130px}}@media screen and (max-width: 1200px){.DashboardSensorContainer .sensorItem .sensorValueWrap{width:fit-content}}.DashboardSensorContainer .sensorItem .sensorValueWrap p{font-size:11px;color:#666}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .sensorValueWrap p{font-size:10px}}@media screen and (max-width: 1200px){.DashboardSensorContainer .sensorItem .sensorValueWrap p{display:none}}.DashboardSensorContainer .sensorItem .sensorValueWrap .zpositionValue :first-child{font-size:16px!important;font-weight:700}.DashboardSensorContainer .sensorItem .sensorValueWrap .zpositionValue .diff{font-size:10px!important}.DashboardSensorContainer .sensorItem .sensorValueWrap .zpositionValue svg{width:7px}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap{display:flex;align-items:center;gap:8px}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap :first-child{font-size:20px;font-weight:700}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff{display:flex;align-items:center;justify-content:center;font-size:12px;gap:2px}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff.up{color:#f04}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff.up svg{transform:rotate(0)}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff.up svg path{fill:#f04}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff.down{color:#3897f0}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff.down svg{transform:rotate(180deg)}@media screen and (max-width: 1000px){.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff{font-size:8px}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff svg{width:7px}}@media screen and (max-width: 500px){.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff{font-size:8px}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .diff svg{width:7px}}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap :first-child{font-size:14px!important}.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .disconnected,.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .off,.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .on,.DashboardSensorContainer .sensorItem .sensorValueWrap .valueWrap .connected{font-size:11px!important}}.DashboardSensorContainer .sensorItem .SensorStatus{width:100px}.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .disconnected,.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .off{background:#ffccda;color:#f04}.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .disconnected span,.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .off span{background:#f04}.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .connected,.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .on{background:#cdf3e1;color:#05c168}.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .connected span,.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .on span{background:#05c168;animation:opacityFlash 5s linear infinite;position:relative}.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .connected span:after,.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap .on span:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#a4dac0;animation:beaconPulse 1.5s ease-out infinite;z-index:-1}.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap span{padding:2px 8px;line-height:0!important;font-size:11px!important;display:flex;align-items:center;gap:4px;height:30px;width:100%}.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap span span{border-radius:50%;width:8px;height:8px;flex-shrink:0;padding:0;box-shadow:0 3px 6px #00000026}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap span{height:21px;width:90px;font-size:10px!important}.DashboardSensorContainer .sensorItem .SensorStatus .valueWrap span span{font-size:10px!important}}@media screen and (max-width: 1400px){.DashboardSensorContainer .sensorItem .SensorStatus{display:none}}.DashboardSensorContainer .sensorItem .LedStatus{display:flex;justify-content:center;align-items:center;gap:15.5px}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .LedStatus{gap:8px}}@media screen and (max-width: 1400px){.DashboardSensorContainer .sensorItem .LedStatus{display:none}}.DashboardSensorContainer .sensorItem .LedStatus .SensorStatus{width:100%}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .engineStatus{width:46px!important}}.DashboardSensorContainer .sensorItem .engineLEDContainer{display:flex;align-items:center;gap:4px;width:150px}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .engineLEDContainer{width:130px}}@media screen and (max-width: 1200px){.DashboardSensorContainer .sensorItem .engineLEDContainer{width:fit-content;gap:8px}}.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap{width:100%}.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED{height:30px;gap:4px}.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED :first-child{font-size:15px}.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED .diff{font-size:9px}.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED .diff svg{width:7px}@media screen and (max-width: 1670px){.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED{height:21px}.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED :first-child{font-size:12px}}@media screen and (max-width: 1200px){.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED{height:21px}.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED :first-child{font-size:10px}}@media screen and (max-width: 1150px){.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED :first-child{font-size:14px}}@media screen and (max-width: 500px){.DashboardSensorContainer .sensorItem .engineLEDContainer .sensorValueWrap .engineLED .diff{font-size:8px}}@keyframes opacityFlash{0%{opacity:1}25%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes beaconPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2.5);opacity:0}}.resRightLed{left:18px!important}.resLeftLed{left:0!important}.resStatusSpan{line-height:0!important;font-size:11px!important;display:none;align-items:center;gap:4px;height:30px;position:absolute;left:18px;top:-12px}.resStatusSpan span{border-radius:50%;width:8px;height:8px;flex-shrink:0;padding:0;box-shadow:0 3px 6px #00000026}.resStatusSpan .disconnected,.resStatusSpan .off{background:#f04;color:#f04}.resStatusSpan .connected,.resStatusSpan .on{color:#05c168;background:#05c168;animation:opacityFlash 5s linear infinite;position:relative}.resStatusSpan .connected:after,.resStatusSpan .on:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#a4dac0;animation:beaconPulse 1.5s ease-out infinite;z-index:-1}@media screen and (max-width: 1400px){.resStatusSpan{display:flex}}.logMainContainer{width:100%;height:100%;max-height:calc(100vh - 112px);display:flex;flex-direction:column;align-items:center;justify-content:start;padding-top:1rem;gap:1rem}@media (max-width: 1024px){.logMainContainer{padding-top:0;height:fit-content;max-height:fit-content}}@media (max-width: 500px){.logMainContainer{padding-top:0;height:fit-content;max-height:fit-content}}.logHeader{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background:#8f33d81a;padding:8px;border-radius:8px;box-shadow:0 3px 6px #00000040}.logHeader .green span:first-child{background:#05c168!important}.logHeader .green span:nth-child(2){background:#00ed3f!important}.logHeader .red span:first-child{background:#f04!important}.logHeader .red span:nth-child(2){background:#ff6062!important}.logHeader .idle span:first-child{background:#e8740f!important}.logHeader .idle span:nth-child(2){background:#ffaa4a!important}.logHeader .blue span:first-child{background:#3897f0!important}.logHeader .blue span:nth-child(2){background:#78c8f0!important}.logHeader .logHeaderStatus{position:relative;width:36px;height:36px;display:flex;border-radius:100%;box-shadow:0 3px 6px #00000040}@media (max-width: 1024px){.logHeader .logHeaderStatus{width:28px;height:28px}}.logHeader .logHeaderStatus span:first-child{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;width:36px;height:36px;border-radius:100%}@media (max-width: 1024px){.logHeader .logHeaderStatus span:first-child{width:28px;height:28px}}.logHeader .logHeaderStatus span:nth-child(2){top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;width:28px;height:28px;border-radius:100%}@media (max-width: 1024px){.logHeader .logHeaderStatus span:nth-child(2){width:20px;height:20px}}.logHeader .logHeaderStatus span:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;width:20px;height:20px;border-radius:100%;background:#fff!important}@media (max-width: 1024px){.logHeader .logHeaderStatus span:nth-child(3){width:16px;height:16px}}.logHeader .logHeaderCategory{display:flex;gap:1rem;width:100%;justify-content:start;align-items:center}@media (max-width: 1300px){.logHeader .logHeaderCategory{gap:.5rem}}.logHeader .active{border-radius:8px;box-shadow:0 3px 6px #00000040}.logHeader .active .logHeaderItemTitle{color:#fff!important}.logHeader .logHeaderItem{transition:background-color .5s ease,box-shadow .5s ease;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;position:relative}@media (max-width: 1300px){.logHeader .logHeaderItem{padding:10px 8px}}.logHeader .logHeaderItem .logHeaderItemSvg{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:100%;box-shadow:0 3px 6px #0000001a;width:19px;height:19px}.logHeader .logHeaderItem .logHeaderItemTitle{font-size:14px;font-weight:medium;color:#8f33d8;transition:color .5s ease}@media (max-width: 1024px){.logHeader .logHeaderItem .logHeaderItemTitle{display:none}}.logHeader .logHeaderItem .logHeaderActiveIndicator{position:absolute;bottom:0;left:0;height:100%;width:100%;background-color:#8f33d8;border-radius:8px;z-index:-1;transition:background-color .5s ease}@media (max-width: 1300px){.logHeader .logHeaderItem .logHeaderItemTitle{font-size:10px}}.logContainer{width:100%;height:100%;display:flex;align-items:start;justify-content:center;gap:1rem}@media (max-width: 1024px){.logContainer{flex-direction:column}}.logSensorData{width:fit-content;height:100%;display:flex;align-items:center;justify-content:start;flex-direction:column;gap:1rem;padding:1rem;box-shadow:0 3px 6px #00000040;border-radius:5px}@media (max-width: 1024px){.logSensorData{width:100%;min-height:100%}}.logSensorData .logSensorDataHeader{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#8f33d8;padding:16px 10px;border-radius:8px;box-shadow:0 3px 6px #00000040;width:230px}@media (max-width: 1024px){.logSensorData .logSensorDataHeader{width:100%;padding:8px 0}}.logSensorData .logSensorDataHeader .logSensorDataHeaderSvg{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:100%;box-shadow:0 3px 6px #0000001a;width:19px;height:19px}.logSensorData .logSensorDataHeader .logSensorDataHeaderTitle{font-size:14px;font-weight:medium;color:#fff}.logSensorData .logSensorDataItemContainer{display:flex;flex-direction:column;gap:1rem;justify-content:start;align-items:start;width:100%;height:100%}.logSensorData .logSensorDataItem{display:flex;justify-content:center;align-items:start;flex-direction:column;color:#666;width:100%;gap:.5rem}@media (max-width: 1024px){.logSensorData .logSensorDataItem{flex-direction:row;justify-content:space-between;align-items:center}}.logSensorData .logSensorDataItem .logSensorDataHeaderSvg{display:flex;justify-content:center;align-items:center}.logSensorData .logSensorDataItem .logSensorDataItemTitle{display:flex;align-items:center;gap:8px}@media (max-width: 1024px){.logSensorData .logSensorDataItem .logSensorDataItemTitle{width:300px;flex-shrink:0}}@media (max-width: 600px){.logSensorData .logSensorDataItem .logSensorDataItemTitle{font-size:12px;width:fit-content}}@media (max-width: 500px){.logSensorData .logSensorDataItem .logSensorDataItemTitle{font-size:12px;width:150px}}.logSensorData .logSensorDataItem .connected{background:#05c16833!important}.logSensorData .logSensorDataItem .connected p{color:#05c168}.logSensorData .logSensorDataItem .connected span{background:#05c168!important;animation:opacityFlash 5s linear infinite;position:relative}.logSensorData .logSensorDataItem .connected span:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#a4dac0;animation:beaconPulse 1.5s ease-out infinite;z-index:-1}.logSensorData .logSensorDataItem .disconnected{background:#f043!important}.logSensorData .logSensorDataItem .disconnected p{color:#ff0044b3}.logSensorData .logSensorDataItem .disconnected span{background:#ee0043!important}.logSensorData .logSensorDataItem .logSensorDataItemStatus{width:100%;display:flex;justify-content:center;align-items:center;padding:16px;background:#05c16833;gap:8px}.logSensorData .logSensorDataItem .logSensorDataItemStatus span{width:16px;height:16px;border-radius:50%;background:#05c168;flex-shrink:0}.logSensorData .logSensorDataItem .logSensorDataItemStatus p{font-size:20px;font-weight:700}@media (max-width: 1024px){.logSensorData .logSensorDataItem .logSensorDataItemStatus p{font-size:13px}}@media (max-width: 600px){.logSensorData .logSensorDataItem .logSensorDataItemStatus p{font-size:12px}}@media (max-width: 1024px){.logSensorData .logSensorDataItem .logSensorDataItemStatus{width:155px}}@media (max-width: 500px){.logSensorData .logSensorDataItem .logSensorDataItemStatus{width:100%;padding:8px 0;gap:4px}.logSensorData .logSensorDataItem .logSensorDataItemStatus span{width:12px;height:12px}.logSensorData .logSensorDataItem .logSensorDataItemStatus p{font-size:12px}}.offStatusSensorDot .ItemInfo .temperInfoWrap .temperInfo{display:flex;align-items:center!important;gap:4px}.offStatusSensorDot .ItemInfo .temperInfoWrap .temperInfo .off{background:#f04!important}.onStatusSensorDot .ItemInfo .temperInfoWrap .temperInfo{display:flex;align-items:center;gap:4px}.onStatusSensorDot .ItemInfo .temperInfoWrap .temperInfo .on{background:#05c168!important;animation:opacityFlash 5s linear infinite;position:relative}.onStatusSensorDot .ItemInfo .temperInfoWrap .temperInfo .on:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#a4dac0;animation:beaconPulse 1.5s ease-out infinite;z-index:-1}.detailProcessItem{padding:16px;border-radius:5px;border:1px solid #c0c0c0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;box-shadow:0 3px 6px #0003}@media (max-width: 1024px){.detailProcessItem{width:155px;font-size:16px}}@media (max-width: 500px){.detailProcessItem{width:100%;padding:8px 0}}.detailProcessItem .ItemInfo{display:flex;flex-direction:column;width:100%;align-items:center;gap:8px}.detailProcessItem .ItemInfo :first-child{font-size:12px;font-weight:700}.detailProcessItem .ItemInfo :last-child{font-weight:700}.detailProcessItem .ItemInfo .temperInfoWrap{display:flex;justify-content:center;align-items:center;gap:.5rem}.detailProcessItem .ItemInfo .temperInfoWrap .temperInfo{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:700;font-size:30px;color:#333;line-height:100%}.detailProcessItem .ItemInfo .temperInfoWrap .temperInfo .onOffDot{width:8px;height:8px;background:#333;border-radius:50%}@media (max-width: 1024px){.detailProcessItem .ItemInfo .temperInfoWrap .temperInfo{font-size:20px}}@media (max-width: 600px){.detailProcessItem .ItemInfo .temperInfoWrap .temperInfo{font-size:12px}}.detailProcessItem .ItemInfo .temperInfoWrap .temperInfo p{font-size:16px}.controlBoard{gap:.25rem!important}.controlBoard .logSensorDataItemStatus,.controlBoard .detailProcessItem{padding:.5rem!important}.controlBoard p{font-size:13px!important}.controlBoard span{font-size:16px!important}.controlBoardContainer{gap:.6rem!important}.chartLoadingSpinner{position:fixed;width:100%;top:0;height:100%;background:#fff;z-index:60;display:flex;justify-content:center;align-items:center;flex-direction:column}.chartLoadingSpinner .chartAnimation{height:500px}@media screen and (max-width: 500px){.chartLoadingSpinner .chartAnimation{height:500px;width:50%!important}}.chartLoadingSpinner p{position:absolute;top:63%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#333}@media screen and (max-width: 500px){.chartLoadingSpinner{height:100vh}.chartLoadingSpinner p{font-size:12px}}code{background:#f3f4f6;padding:4px 8px;font-weight:600;color:#333;border-radius:6px}.printingHistoryContainer{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;min-height:calc(100vh - 112px);padding-top:1rem;position:relative}@media (max-width: 500px){.printingHistoryContainer{padding-bottom:32px;padding-top:0}}.printingHistoryHeaderTitle{display:flex;justify-content:start;align-items:center;font-size:1rem;font-weight:700;gap:1rem}.printingHistoryHeaderTitle span{width:30px;height:30px;border-radius:100%;box-shadow:0 3px 6px #00000040;display:flex;justify-content:center;align-items:center;background:#fff}.printingHistoryHeaderTitle .title{display:flex;align-items:center;justify-content:center;gap:4px}.printingHistoryHeaderTitle .title span{box-shadow:none;width:24px;height:24px;font-size:12px;color:#8f33d8}.printingHistoryHeaderTitle .total{font-size:12px;color:#666;width:32px;height:32px;border-radius:100%;background:#8f33d8;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 6px #0000001a}.printingHistoryHeaderTitle .total p{color:#fff;font-weight:400}.printingHistoryHeaderSearch{display:flex;justify-content:space-between;align-items:center}@media (max-width: 970px){.printingHistoryHeaderSearch{flex-direction:column;align-items:flex-start;gap:1rem}}.printingHistoryHeaderSearch .printingHistoryHeaderSearchFilter{display:flex;gap:1rem;align-items:center;justify-content:center}.printingHistoryHeaderSearch .printingHistoryHeaderSearchFilter .active{color:#8f33d8}.printingHistoryHeaderSearch .printingHistoryHeaderSearchFilter .active span{background:#8f33d8}.printingHistoryHeaderSearch .printingHistoryHeaderSearchFilter button{display:flex;font-size:12px;color:#666;justify-content:center;align-items:center;gap:4px;font-weight:600}.printingHistoryHeaderSearch .printingHistoryHeaderSearchFilter button span{width:8px;height:8px;border-radius:100%;background:#666}.printingHistoryHeaderSearchInput{position:relative}.printingHistoryHeaderSearchInput svg{position:absolute;left:8px;top:50%;transform:translateY(-50%)}.printingHistoryHeaderSearchInput input{width:100%;height:100%;padding:9.5px 32px 9.5px 36px;border:2px solid #d9d9d9;border-radius:4px;outline:none;background:#f9f9f9;font-size:11px;color:#666}.printingHistoryTable{display:flex;flex-direction:column;height:auto;justify-content:start;align-items:flex-start}.printingHistoryTable table{width:100%;border-collapse:collapse;background:transparent;border-radius:0;height:100%;margin:0}.printingHistoryTable table thead tr{border:none!important}.printingHistoryTable table thead th{background:#f2f2f2!important;border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;padding:8px}.printingHistoryTable table thead th div{display:flex;align-items:center;gap:4px}.printingHistoryTable table thead th div span{width:8px;height:8px;border-radius:100%;background:#666}.printingHistoryTable table tbody .noResults{opacity:0;visibility:hidden}.printingHistoryTable table tbody tr:hover{background:#8f33d81a}.printingHistoryTable table tbody tr :hover{color:#8f33d8}.printingHistoryTable table tbody tr td{padding:8px;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 1200px){.printingHistoryTable table tbody tr td{white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.5}}.printingHistoryTable table tbody tr td:first-child{min-width:40px!important;max-width:40px!important;color:#8f33d8!important}@media (max-width: 1415px){.printingHistoryTable table tbody tr td:first-child{min-width:50px!important;max-width:50px!important}}.printingHistoryTable table tbody tr td:nth-child(2){min-width:210px!important;max-width:210px!important}@media (max-width: 1415px){.printingHistoryTable table tbody tr td:nth-child(2){min-width:190px!important;max-width:190px!important}}.printingHistoryTable table tbody tr td:nth-child(3){min-width:120px!important;max-width:120px!important}@media (max-width: 1415px){.printingHistoryTable table tbody tr td:nth-child(3){min-width:100px!important;max-width:100px!important}}.printingHistoryTable table tbody tr td:nth-child(4){min-width:90px!important;max-width:90px!important}@media (max-width: 1415px){.printingHistoryTable table tbody tr td:nth-child(4){min-width:80px!important;max-width:80px!important}}.printingHistoryTable table tbody tr td:nth-child(5){min-width:100px!important;max-width:100px!important}@media (max-width: 1415px){.printingHistoryTable table tbody tr td:nth-child(5){min-width:80px!important;max-width:80px!important}}.printingHistoryTable table tbody tr td:nth-child(6){min-width:100px!important;max-width:100px!important}@media (max-width: 1415px){.printingHistoryTable table tbody tr td:nth-child(6){min-width:80px!important;max-width:80px!important}}.printingHistoryTable table tbody tr td:nth-child(7){min-width:30px!important;max-width:30px!important}@media (max-width: 1415px){.printingHistoryTable table tbody tr td:nth-child(7){min-width:30px!important;max-width:30px!important}}.printingHistoryTable table tbody tr td:nth-child(8){min-width:90px!important;max-width:90px!important}@media (max-width: 1415px){.printingHistoryTable table tbody tr td:nth-child(8){min-width:90px!important;max-width:90px!important}}.printingHistoryTable table tbody tr td div{display:flex;align-items:center;gap:4px}.printingHistoryTable table tbody tr td div:hover{background:transparent!important}.printingHistoryTable table tbody tr td div button:focus{outline-offset:1px;outline:1px solid #000!important}.printingHistoryTable table tbody tr td div button{background:transparent;border:none;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:1px;transition:none!important}.printingHistoryTable table tbody tr td div .success{opacity:0;visibility:hidden}.printingHistoryTable table tbody tr td div span{width:8px;height:8px;border-radius:100%;background:#666}.printingHistoryTable table tbody tr td .success{color:#05c168}.printingHistoryTable table tbody tr td .success span{background:#05c168}.printingHistoryTable table tbody tr td .fail{color:#ee0043}.printingHistoryTable table tbody tr td .fail span{background:#ee0043}@media (max-width: 1200px){.printingHistoryTable table thead th{font-size:10px}.printingHistoryTable table thead th svg{width:14px;height:14px}.printingHistoryTable table tbody tr td{font-size:10px}}@media (max-width: 500px){.printingHistoryTable{height:auto}.printingHistoryTable table thead th,.printingHistoryTable table tbody tr td{font-size:10px}}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;gap:16px;margin-top:32px}@media (max-width: 500px){.pagination{margin-top:32px}}.pagination button:disabled{cursor:default}.pagination button:disabled svg path{fill:#666}.pagination button{border:none;outline:none;cursor:pointer;padding:8px 10px;display:flex;justify-content:center;align-items:center}.pagination .active{background:#8f33d8!important}.pagination .dotContainer{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;color:#666}.pagination .dotContainer span{color:#8f33d8}.pagination .dot{display:flex;justify-content:center;align-items:center;width:10px;height:10px;padding:0;border-radius:100%;background:#cacaca}.printingHistoryFooter{font-size:10px;color:#666;display:flex;align-items:center;gap:8px}.printingHistoryFooter svg{width:14px;height:14px}.printingHistoryFooter svg path{stroke-width:1.3px}.Mui-selected{background-color:#8f33d8!important}.css-qct7wd-MuiButtonBase-root-MuiPickersDay-root:not(.Mui-selected){background-color:#fff!important;border:1px solid #8f33d8!important}.MuiPickersCalendarHeader-labelContainer,.MuiDayCalendar-header span{font-family:Pretendard GOV Variable,Pretendard GOV,sans-serif!important}.MuiInputAdornment-root{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.MuiInputAdornment-root button{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.css-elo8k2-MuiInputAdornment-root{margin-left:8px!important}.MuiYearCalendar-button,.MuiMonthCalendar-button,.MuiDayCalendar-monthContainer div button{font-family:Pretendard GOV Variable,Pretendard GOV,sans-serif!important}.custom-datepicker-input{border:1px solid #d9d9d9!important;border-radius:6px!important}.custom-datepicker-input div{padding:4px!important;justify-content:center!important;align-items:center!important;display:flex!important;font-family:Pretendard GOV Variable,Pretendard GOV,sans-serif!important;font-size:12px!important;color:#666!important;line-height:1.5!important}.custom-datepicker-input .Mui-selected{background-color:#8f33d8!important}.custom-datepicker-input label{display:none!important}.custom-datepicker-input span{font-family:Pretendard GOV Variable,Pretendard GOV,sans-serif!important;font-weight:300;font-size:11px!important;color:#666!important;display:inline-block!important;line-height:1.5!important}.custom-datepicker-input fieldset{border:none!important;color:#666!important;top:0!important}.custom-datepicker-input fieldset legend{display:none!important}.custom-datepicker-input .MuiPickersInputBase-root{border:none!important;outline:none!important;padding:5px 15px 5px 10px!important;background:#f9f9f9}.custom-datepicker-input .MuiPickersInputBase-root :focus{outline:none!important}.custom-datepicker-input .MuiPickersInputBase-root .MuiPickersSectionList-root{width:100%!important;border:none!important;padding:0!important;outline:none!important;opacity:1!important;display:flex!important}.custom-datepicker-input .MuiPickersInputBase-root .MuiInputAdornment-root{border:none!important;padding:0!important;outline:none!important}.custom-datepicker-input input{width:100%;height:100%;padding:10px 32px 10px 36px;background:#f9f9f9;font-size:11px;color:#666;box-sizing:border-box}.custom-datepicker-input fieldset{border:1px solid #d9d9d9!important}.custom-datepicker-input .MuiOutlinedInput-root{height:100%;padding:0;background:#f9f9f9}.printingHistoryHeaderSearchDatePicker{display:flex;justify-content:center;align-items:center;gap:8px}@media (max-width: 970px){.printingHistoryHeaderSearchDatePicker{width:100%;justify-content:flex-end}.printingHistoryHeaderSearchDatePicker .printingHistoryHeaderSearchInput{width:100%}}.printingHistoryHeaderResetBtn{display:flex;justify-content:center;align-items:center;padding:4px;height:100%;border-radius:6px;background:#f9f9f9;border:2px solid #d9d9d9;cursor:pointer;transition:all .3s ease}.printingHistoryHeaderResetBtn:hover{background:#8f33d81a!important}.printingHistoryHeaderResetBtn:hover svg path{fill:#8f33d8!important}.ResprintingHistoryTableContainer{display:none}@media (max-width: 1120px){.ResprintingHistoryTableContainer{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}}@media (max-width: 780px){.ResprintingHistoryTableContainer{grid-template-columns:repeat(1,1fr)}}.ResprintingHistoryTableContainer .ResprintingHistoryTableId{color:#8f33d8;margin-left:4px}.ResprintingHistoryTable .ResprintingHistoryTableBody tr:hover{background:transparent!important}.ResprintingHistoryTable .ResprintingHistoryTableBody tr td{padding:4px 0 0}.ResprintingHistoryTable .ResprintingHistoryTableBody tr td .green{color:#05c168}.ResprintingHistoryTable .ResprintingHistoryTableBody tr td .green span{background:#05c168}.ResprintingHistoryTable .ResprintingHistoryTableBody tr td .ResprintingHistoryTableBodyItem{color:#666!important;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:8px;border-bottom:1px solid #d9d9d9}.ResprintingHistoryTable .ResprintingHistoryTableBody tr td .ResprintingHistoryTableBodyItem:hover{color:#8f33d8!important;background:#8f33d81a!important}.ResprintingHistoryTable .ResprintingHistoryTableBody tr td .ResprintingHistoryTableBodyItem:hover .ResprintingHistoryTableBodyItemResultIcon{background:#8f33d8}@media (max-width: 500px){.ResprintingHistoryTable .ResprintingHistoryTableBody tr td .ResprintingHistoryTableBodyItem{padding:4px;color:#222!important}}@media (max-width: 1120px){.printingHistoryTableContainer{display:none!important}}.statusSvg{width:14px;height:14px;padding:1px;border-radius:100%;background:#d9d9d9}@media (max-width: 1415px){.alarmHistoryTable thead{width:100%}.alarmHistoryTable thead th div{font-size:8px}.alarmHistoryTable table tbody tr td:first-child{min-width:60px!important;max-width:60px!important}.alarmHistoryTable table tbody tr td:first-child div{gap:8px;font-size:9px;word-break:keep-all!important}.alarmHistoryTable table tbody tr td:nth-child(2){min-width:100%!important;max-width:100%!important;text-align:start}.alarmHistoryTable table tbody tr td:nth-child(3){min-width:fit-content!important;max-width:fit-content!important;font-size:10px;text-align:start}}@media (max-width: 1415px){.alarmHistoryTableBody tr td:first-child{min-width:120px!important;max-width:120px!important}.alarmHistoryTableBody tr td:nth-child(2){min-width:100px!important;max-width:100px!important}}@media (max-width: 1415px){.alarmHistoryTableBody .subject{min-width:120px!important;max-width:120px!important}}@media (max-width: 1415px){.alarmHistoryTableBody .content{min-width:100px!important;max-width:100px!important}}@media (max-width: 1415px){.alarmHistoryTableBody .created_date{min-width:100px!important;max-width:100px!important}}.grid-empty{grid-template-columns:1fr!important;justify-content:center}.grid-empty .cell{justify-content:center}.ph-grid{cursor:pointer;display:grid;grid-template-columns:20px 1.8fr 1.2fr 1fr 1fr 1fr 100px 100px 22px;gap:8px;align-items:center;padding:10px 8px}.ph-grid.header{font-size:14px;position:sticky;top:0;z-index:2;font-weight:600;color:#6b7280;background:#f9f9f9;border-bottom:1px solid #eee}.ph-grid.header div{display:flex;align-items:center;gap:4px}.ph-grid.header div span{width:12px;height:13px;border-radius:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAbySURBVHgBpVvLkuU0DNXJZIABFsCeFf/Jp/AlLFjyG2ypGlY8pgZoTXcSJ5J8JDu3XZW+tiwdyZKlOLm38dOPP+vvv76TreH4AznGpm+nAMPf6M9/FsNo2C4c9DRIp+OaQ0Pa5dB0wOluF5xdTcbb6WScnUh4xGEGgiPZWT94buqHIHNqxrr/ke9++EPWP397y0FjwwWEl79AIofAi46eKmCrHNlFYLaPYYDMJmIYLECQAHaNdyztYCQTaU3NnBreg/73+y9l+fD+jUeadYrqBFOCN7MhUNDIJ1A4ET0ZyLICPnrgkJYBRK/bJCj8ajb0tUY9MT/+9VbWp4+JNDAXL7sTonaye4eC4H2VZOeDG6WCkV/4nHG4zkgXlaSnx7p2DFvmtAlc3af/FllZUR0GR0dMSMdarCHFYrEsPS23G2i2XTR1hEvRTIU2+bXfa+zmO0uc9vetI1grRZVUyzwjWXS6yWZwbvGDbvDtA3YQebPMBtkUgx3NpnXXpm3QGFqts5mGi2Wl2JgwwAUB18kO0UAEfvQ4Vp+53H1jSXTHyzoUwR5Ee0KA7OmU6UmDmAztQLNJ9bSNz9NWL4MqV9MJZLNxAVWNQuxgACY9H93xRyhA5JAY4iFlJmuKleWyNoM06NMr05YUBWOd+zU0j8MlTh5L7/3zNNRq/HZpJ/KgdSY4gwgUsT6rhDndaafDdXoMOctdvRTkHp5oxTkL5hLpkycSO+SBJaeTzFi80IkxWGMrldHJIz+rY+4PB16f0vHqQjzle/QW3olZyn8XZG/0tDiTRWXSsi2y9+YfAxLwEIvjvHfQzaTpdgcHFysXv5tOxAydBNzp6lzkM49BU3wJG8qngFp8+xEdMROgyk0aeI6HPxzPSBrvR0f2rRkWXCcsBOIXax3gBX1JQ1hMoEMILeKf8rh8beu/MYvRtxbeMTKbYA3KbJCCFuk6GL9szSM42h6Q9sFhLqmTrHRq9PKMcXfmw8YHMiG4fcIxgldB5k1QlOL4NWJ7C0MCyxrDc8HGtQMdrc/qpQPX61OJNpUQrCogo2DNsMJobmsCYyMbKDpGZGyvi4tSMRKqe80EA91mQLeh1hFeVq/H54yLg93nHm2vwsFE345tySVglQlKelZRi03be2rGoTsK0uHkw8sghsz6KrzpMOj9gAYCIysHjDNlaSZwkw2kVzGfp/PmJOOshQopQRFS/pAf+5VsP/4gx42OQQMTCbW8bXlk6YYAzoIC34d7RVN9c1fQkVxB70lu6ziIxQvWoq5hYIgY0cTD1l80o0AyComMFe8CZ/rRVovtvHR9ns9hcMxBqdyjs3k90kmOrGpzmmWSXAw9ptpBEl8QCBbVnt49I5EhcnFmzCCifdS1wka87CDw3WknVjOnVYXuBSsd7CNbJ2OACllmLWpNE210N5zBQd+lGSbFhigdQTWqOynI2MQtkzDm65vOuROmZLoERHrfu2/LWCa7Ip/tdXeiKqsm7dg/4b+JyBnP7jIDHItWv4xa2jXFiEPuh4Pf0Ef4rcJkCWL7asc3giPCKuJsadwn1oRO5NQsrbAGjKdJZvsXNTmWo46OJD2QO0aYKZ4nvrz1Y9zfS1GFJgzh+6XFpXJRYq+zQHEkDbpcP4nHaZfTMQNYs/nfLKC3BXYOxogo5+lqRYLOwhxCR4HhA7GWzmP0ypEm+pI8AJ8wwW9uwIwfJuH1Q8q0IRmwDEznZGBH0dh9OH4rS/oLk505eGSt26hxkg/CcObOmo1H/KMG0jtG0cZHoGunSNCwtbUENP14wsFApGxoJtRpGb/T9RI3LZgy7u6LU2uRdliFmiCCTt7+9vR843C+HXjAvFsNGdqQyXDGUI2yssi+auMhnQn4CT06dFCish8FL9Oqae0FZ2Y+R/LsUd0LYwbHOoqAc7cSGkak34tPgoBc9gFRZP7+FpoLkmaKk3b73gXeL1/DiH10nnAY2zdR73ntHcQ5EaG/D6wwk7atLf6KidlT7Nbkm9lHjg7GkUjohZazjC2BP6vBFDbu2vE6qH+qAEDmAmT49mwP95xKzn5KUe4wu1PSmcPKrCyTtFWKUTd0YFr2etn7TUcGgcsoNBZAx+FFr97SIY2azkyBe0AlgUA5Hjqzc8xkBonU4BiMR/y06XXB9j3MeSB6ft2wLJ89Utoy6yb/XcS0/szh8x0UQzvKdmQngWL3JtwzsS5pI55XtBfI5c2TLF9//+9O0YQra0q65kQ2Cj0/PZr7EL2bRwSdoGr4nGx4aOpVuIzn3Tf/yPr5t///4hjambbcWS9MS4a7g2yPJ0v6QNXlxaF3fwVyzC7JAjLbzI/cVZdNHuI30dLsx3Ipt/+x4YwidEarvzrlsk+m3/RZ+tG++OqDfAIfRErDPTtSswAAAABJRU5ErkJggg==) center center;background-size:cover;display:flex;justify-content:center;align-items:center}.ph-grid.row{background:#fff;transition:background .3s ease-in-out}.ph-grid.row:hover,.ph-grid.row:focus{background:#8f33d81a}.ph-grid.row:hover .cell,.ph-grid.row:focus .cell{color:#111}.ph-grid.row:hover .id,.ph-grid.row:focus .id{color:#8f33d8}.ph-grid .cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#333;font-weight:500}.ph-grid .user{display:flex;align-items:center;gap:4px}.ph-grid .detail{width:100%;display:flex;justify-content:center;align-items:center;height:100%}@media screen and (max-width: 1200px){.ph-grid .detail{justify-content:space-between;display:flex!important;width:200%!important}.ph-grid .detail button{width:22px!important}}.ph-grid .detail button{width:100%;height:22px;border-radius:100%;display:flex;justify-content:center;align-items:center;background:#8f33d81a;padding:2px}.ph-grid .detail button:focus{outline:none!important;background:#8f33d833}.ph-grid .detail button:focus path{stroke:#8f33d8}.ph-grid .detail button path{transition:all .3s}.ph-grid .detail button:hover{background:#8f33d833}.ph-grid .detail button:hover path{stroke:#8f33d8}.ph-grid .id{color:#8f33d8}.ph-grid .star{display:flex;justify-content:center;align-items:center;height:100%;width:100%}@media screen and (max-width: 1200px){.ph-grid .star{justify-content:start}.ph-grid .star button{width:20px!important}}.ph-grid .star button{display:flex;justify-content:center;align-items:center;width:100%;height:20px;border-radius:100%}.ph-grid .star button:focus{outline:none!important;background:#8f33d81a}.ph-grid .star button path{transition:all .3s}.ph-grid .star button:hover{background:#8f33d833}.ph-grid .star button:hover path{stroke:#8f33d8;fill:#8f33d8}.ph-grid-alarm{display:grid;grid-template-columns:1.5fr 6fr 1.5fr;gap:8px;align-items:center;padding:10px 16px}.ph-grid-alarm .status-badge{display:flex;align-items:center;gap:4px}.ph-grid-alarm .status-badge span{width:10px;height:10px;border-radius:100%;background:#666}.ph-grid-alarm .red{color:#ee0043!important}.ph-grid-alarm .red span{background:#ee0043!important;flex-shrink:0}.ph-grid-alarm .green{color:#05c168!important}.ph-grid-alarm .green span{background:#05c168!important;flex-shrink:0}.ph-grid-alarm .finish{color:#3897f0!important}.ph-grid-alarm .finish span{background:#3897f0!important;flex-shrink:0}.ph-grid-alarm.header{font-size:14px;position:sticky;top:0;z-index:2;font-weight:600;color:#6b7280;background:#f9f9f9;border-bottom:1px solid #eee}.ph-grid-alarm.header div{display:flex;align-items:center;gap:4px}.ph-grid-alarm.header div span{width:12px;height:13px;border-radius:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAlCAYAAABBGMctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAbySURBVHgBpVvLkuU0DNXJZIABFsCeFf/Jp/AlLFjyG2ypGlY8pgZoTXcSJ5J8JDu3XZW+tiwdyZKlOLm38dOPP+vvv76TreH4AznGpm+nAMPf6M9/FsNo2C4c9DRIp+OaQ0Pa5dB0wOluF5xdTcbb6WScnUh4xGEGgiPZWT94buqHIHNqxrr/ke9++EPWP397y0FjwwWEl79AIofAi46eKmCrHNlFYLaPYYDMJmIYLECQAHaNdyztYCQTaU3NnBreg/73+y9l+fD+jUeadYrqBFOCN7MhUNDIJ1A4ET0ZyLICPnrgkJYBRK/bJCj8ajb0tUY9MT/+9VbWp4+JNDAXL7sTonaye4eC4H2VZOeDG6WCkV/4nHG4zkgXlaSnx7p2DFvmtAlc3af/FllZUR0GR0dMSMdarCHFYrEsPS23G2i2XTR1hEvRTIU2+bXfa+zmO0uc9vetI1grRZVUyzwjWXS6yWZwbvGDbvDtA3YQebPMBtkUgx3NpnXXpm3QGFqts5mGi2Wl2JgwwAUB18kO0UAEfvQ4Vp+53H1jSXTHyzoUwR5Ee0KA7OmU6UmDmAztQLNJ9bSNz9NWL4MqV9MJZLNxAVWNQuxgACY9H93xRyhA5JAY4iFlJmuKleWyNoM06NMr05YUBWOd+zU0j8MlTh5L7/3zNNRq/HZpJ/KgdSY4gwgUsT6rhDndaafDdXoMOctdvRTkHp5oxTkL5hLpkycSO+SBJaeTzFi80IkxWGMrldHJIz+rY+4PB16f0vHqQjzle/QW3olZyn8XZG/0tDiTRWXSsi2y9+YfAxLwEIvjvHfQzaTpdgcHFysXv5tOxAydBNzp6lzkM49BU3wJG8qngFp8+xEdMROgyk0aeI6HPxzPSBrvR0f2rRkWXCcsBOIXax3gBX1JQ1hMoEMILeKf8rh8beu/MYvRtxbeMTKbYA3KbJCCFuk6GL9szSM42h6Q9sFhLqmTrHRq9PKMcXfmw8YHMiG4fcIxgldB5k1QlOL4NWJ7C0MCyxrDc8HGtQMdrc/qpQPX61OJNpUQrCogo2DNsMJobmsCYyMbKDpGZGyvi4tSMRKqe80EA91mQLeh1hFeVq/H54yLg93nHm2vwsFE345tySVglQlKelZRi03be2rGoTsK0uHkw8sghsz6KrzpMOj9gAYCIysHjDNlaSZwkw2kVzGfp/PmJOOshQopQRFS/pAf+5VsP/4gx42OQQMTCbW8bXlk6YYAzoIC34d7RVN9c1fQkVxB70lu6ziIxQvWoq5hYIgY0cTD1l80o0AyComMFe8CZ/rRVovtvHR9ns9hcMxBqdyjs3k90kmOrGpzmmWSXAw9ptpBEl8QCBbVnt49I5EhcnFmzCCifdS1wka87CDw3WknVjOnVYXuBSsd7CNbJ2OACllmLWpNE210N5zBQd+lGSbFhigdQTWqOynI2MQtkzDm65vOuROmZLoERHrfu2/LWCa7Ip/tdXeiKqsm7dg/4b+JyBnP7jIDHItWv4xa2jXFiEPuh4Pf0Ef4rcJkCWL7asc3giPCKuJsadwn1oRO5NQsrbAGjKdJZvsXNTmWo46OJD2QO0aYKZ4nvrz1Y9zfS1GFJgzh+6XFpXJRYq+zQHEkDbpcP4nHaZfTMQNYs/nfLKC3BXYOxogo5+lqRYLOwhxCR4HhA7GWzmP0ypEm+pI8AJ8wwW9uwIwfJuH1Q8q0IRmwDEznZGBH0dh9OH4rS/oLk505eGSt26hxkg/CcObOmo1H/KMG0jtG0cZHoGunSNCwtbUENP14wsFApGxoJtRpGb/T9RI3LZgy7u6LU2uRdliFmiCCTt7+9vR843C+HXjAvFsNGdqQyXDGUI2yssi+auMhnQn4CT06dFCish8FL9Oqae0FZ2Y+R/LsUd0LYwbHOoqAc7cSGkak34tPgoBc9gFRZP7+FpoLkmaKk3b73gXeL1/DiH10nnAY2zdR73ntHcQ5EaG/D6wwk7atLf6KidlT7Nbkm9lHjg7GkUjohZazjC2BP6vBFDbu2vE6qH+qAEDmAmT49mwP95xKzn5KUe4wu1PSmcPKrCyTtFWKUTd0YFr2etn7TUcGgcsoNBZAx+FFr97SIY2azkyBe0AlgUA5Hjqzc8xkBonU4BiMR/y06XXB9j3MeSB6ft2wLJ89Utoy6yb/XcS0/szh8x0UQzvKdmQngWL3JtwzsS5pI55XtBfI5c2TLF9//+9O0YQra0q65kQ2Cj0/PZr7EL2bRwSdoGr4nGx4aOpVuIzn3Tf/yPr5t///4hjambbcWS9MS4a7g2yPJ0v6QNXlxaF3fwVyzC7JAjLbzI/cVZdNHuI30dLsx3Ipt/+x4YwidEarvzrlsk+m3/RZ+tG++OqDfAIfRErDPTtSswAAAABJRU5ErkJggg==) center center;background-size:cover;display:flex;justify-content:center;align-items:center}.ph-grid-alarm.row{background:#fff;transition:background .3s ease-in-out}.ph-grid-alarm.row:hover{background:#8f33d81a}.ph-grid-alarm.row:hover .cell{color:#111}.ph-grid-alarm.row:hover .id{color:#8f33d8}.ph-grid-alarm .cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#333;font-weight:500}.ph-grid-alarm .id{color:#8f33d8}.closeHd{min-height:0px;padding:0!important}.openSvg{transform:rotate(180deg)}.HistorydetailContainer{width:100%;background:#f9f9f9;padding:16px;overflow:hidden;display:flex;justify-content:center}@media (max-width: 768px){.HistorydetailContainer{padding:.5rem}}.HistorydetailContainer .HistorydetailInner{min-height:100%;width:100%;background:#fff;border-radius:8px;padding:1rem;font-size:14px;color:#333;line-height:1.6}@media (max-width: 768px){.HistorydetailContainer .HistorydetailInner{padding:.5rem}}.detail-flex{display:flex;justify-content:center;align-items:center;width:100%;height:100%;gap:32px}@media (max-width: 1200px){.detail-flex{flex-direction:column}}.input-wrap{display:flex;justify-content:center;align-items:center;gap:8px}.detail-inner{width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;gap:8px}.detail-flex-inner{display:flex;justify-content:space-between;align-items:center;gap:8px}.user code{display:flex;justify-content:center;align-items:center;gap:4px}.detail-item{width:100%;position:relative;display:flex;justify-content:space-between;align-items:center;gap:4px}@media (max-width: 1700px){.detail-item .label{font-size:10px!important}.detail-item code{font-size:11px}}@media (max-width: 900px){.detail-item .label{font-size:10px!important}.detail-item code{font-size:11px}}.detail-item .label{font-size:16px;font-weight:600;color:#666;display:flex;justify-content:center;align-items:center;gap:4px}.detail-item span{font-size:16px}.detail-item .job-file-download{display:flex;justify-content:center;align-items:center;gap:8px}.detail-item .job-file-download svg{flex-shrink:0}.detail-item .job-file-download .type{font-family:Menlo;font-size:8px;background:#fff;flex-shrink:0;padding:1px;border-radius:2px;border:1px solid #c0c0c0;display:flex;justify-content:center;align-items:center;font-weight:600;letter-spacing:0px;color:#444}.detail-item .job-file-download button{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;background:#f8e8fa;padding:4px 8px;font-weight:600;color:#333;border-radius:6px;font-size:13px}@media (max-width: 1700px){.detail-item .job-file-download button{font-size:10px;padding:4px}}.detail-item .job-file-download button .loadingSpinner{display:flex;justify-content:center;align-items:center}.detail-item .job-file-download button .loadingSpinner .spinner{border:2px solid rgba(143,51,216,.3);border-top-color:#8f33d8}.detail-item .job-file-download button:hover,.detail-item .job-file-download button:focus{background:#8f33d833;color:#8f33d8}.detail-item .job-file-download button:hover .type,.detail-item .job-file-download button:focus .type{color:#8f33d8}.timelaps-section{flex-direction:column;align-items:start;gap:16px;width:100%;height:100%}.timelaps-section .preview-img{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%}.timelaps-section .preview-img img{width:100%;height:100%;object-fit:contain!important}.timelaps-section .preview-img .preview-img-overlay{position:absolute;background:#0003;z-index:3;width:100%;padding:8px;height:100%}.timelaps-section .preview-img .preview-img-overlay .badge{display:flex;justify-content:center;align-items:center;width:fit-content;gap:8px}.timelaps-section .preview-img .preview-img-overlay .badge span{background:#f04;border-radius:2px;font-size:10px;padding:2px;color:#fff;letter-spacing:.4px}@media screen and (max-width: 1300px){.timelaps-section .preview-img .preview-img-overlay .badge span{font-size:8px}}.timelaps-section .preview-img .preview-img-overlay .badge .desc{background:#f3f4f6;color:#333;display:flex;justify-content:center;align-items:center;gap:4px;font-weight:500}.timelaps-section .preview-img .preview-img-overlay .playbtn{background:transparent;display:flex;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;justify-content:center;width:100%;gap:8px}.comments-wrap{display:flex;width:100%;height:100%;min-height:500px;max-height:500px;position:relative;gap:8px;flex-direction:column;background:#fff}.comments-wrap .emptyComment{position:absolute;width:100%;background:#8f33d833;bottom:69px;z-index:1;border-radius:4px;padding:8px 4px;text-align:center;color:#8f33d8;font-size:12px;animation:floatBubble 1.5s infinite ease-in-out;box-shadow:0 1px 1px #0000001a;display:flex;justify-content:center;align-items:center;gap:4px}.comments-wrap .emptyComment:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:8px;border-color:rgba(143,51,216,.2) transparent transparent transparent}.comments-wrap .label{font-size:14px;font-weight:600;color:#666;width:100%;display:flex;justify-content:space-between;align-items:center;position:sticky;left:0;top:0;gap:8px;background:#fff;box-shadow:0 3px 6px #0003;border-bottom:1px solid #c0c0c0;padding:8px}@media screen and (max-width: 1700px){.comments-wrap .label,.comments-wrap .label code{font-size:10px}}.comments-wrap .comments{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column}.comments-wrap .comments ul{width:100%;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:8px}.comments-wrap .comments ul .mine{align-self:flex-end;background-color:#8f33d880;border-radius:0 4px 4px}.comments-wrap .comments ul .mine .comment-index{background-color:#8f33d81a;border-radius:4px 0 0 4px;top:-1px;left:0!important;right:auto!important;transform:translate(-100%)!important}.comments-wrap .comments ul li{width:70%;padding:12px;border:1px solid #c0c0c0;border-radius:4px 0 4px 4px;display:flex;word-break:break-all;flex-direction:column;box-shadow:0 3px 6px #0003;font-size:14px;font-weight:500;color:#333;position:relative;background:#f9f9f9;gap:8px}@media screen and (max-width: 1700px){.comments-wrap .comments ul li{font-size:12px;width:80%;gap:8px}}.comments-wrap .comments ul li .comment-index{position:absolute;background:#fff;padding:2px;background:#fafafa;border:1px solid #c0c0c0;border-radius:0 4px 4px 0;top:-1px;right:0;transform:translate(100%);width:auto;min-width:20px;min-height:20px;text-align:center;font-size:10px;font-weight:800}.comments-wrap .comments ul li .comment-meta{width:100%;text-align:right;font-size:12px;font-weight:600;color:#333;display:flex;align-items:center;justify-content:end;gap:6px}@media screen and (max-width: 1880px){.comments-wrap .comments ul li .comment-meta{align-items:start}}.comments-wrap .comments ul li .comment-meta .timestamp{font-size:10px;color:#666}@media screen and (max-width: 1880px){.comments-wrap .comments ul li .comment-meta .timestamp{display:flex;flex-direction:column}}.comments-wrap .comments ul li .comment-meta .timestamp span{font-size:12px;color:#333;margin-right:4px}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.comments-wrap .add-comment{width:100%;background:#fff;box-shadow:0 -1px 6px #0003;border-top:1px solid #c0c0c0;padding:8px}.comments-wrap .add-comment input,.comments-wrap .add-comment textarea{flex-grow:1;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:13px;color:#333;outline-color:#8f33d8;font-family:inherit}.comments-wrap .add-comment textarea{height:40px;min-height:0px;resize:vertical}.comments-wrap .add-comment button{padding:8px 16px;height:100%;font-size:13px;font-weight:600;color:#fff;background-color:#8f33d8;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.comments-wrap .add-comment button:hover{background-color:#8227cb}.comments-wrap .add-comment button:disabled{opacity:.6;cursor:not-allowed}.activeInfo .main path{fill:#863ec3}.error-rate .error-rate-info{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.error-rate .error-rate-info .main{transition:all .3s ease-in-out}.error-rate .error-rate-info .main:hover path{fill:#863ec3}.error-rate .error-rate-info .rate-info{position:absolute;background:#fff;height:fit-content;border:1px solid #c0c0c0;border-radius:4px;padding:24px 16px 8px;top:-200px;right:-140px;display:flex;flex-direction:column;box-shadow:0 3px 6px #0000001a}.error-rate .error-rate-info .rate-info .desc{margin-top:16px;width:100%;max-width:100px;height:100%;word-break:normal;display:flex;flex-direction:column;font-size:8px;gap:4px}.error-rate .error-rate-info .rate-info .desc span{font-size:10px}.error-rate .error-rate-info .rate-info .desc div{display:flex;flex-direction:column;font-size:9px}.error-rate .error-rate-info .rate-info .rate-info-inner{position:relative;display:flex;width:100%}.error-rate .error-rate-info .rate-info .rate-info-inner svg:nth-of-type(1){top:-18px;left:-4px}.error-rate .error-rate-info .rate-info .rate-info-inner svg:nth-of-type(2){top:-18px;left:18px}.error-rate .error-rate-info .rate-info .rate-info-inner svg:nth-of-type(3){top:-18px;right:0}.error-rate .error-rate-info .rate-info .rate-info-inner svg{position:absolute;width:15px;height:16px}.error-rate .error-rate-info .rate-info .rate-info-inner .start{left:0;top:4px}.error-rate .error-rate-info .rate-info .rate-info-inner .end{right:0;top:4px}.error-rate .error-rate-info .rate-info .rate-info-inner .middle{left:20px;top:4px}.error-rate .error-rate-info .rate-info .rate-info-inner p{position:absolute;font-size:9px}.error-rate .error-rate-info .rate-info .check{width:5px;height:3px;background:#28a745}.error-rate .error-rate-info .rate-info .warn{width:20px;height:3px;background:#ffc107}.error-rate .error-rate-info .rate-info .error-rate{width:75px;height:3px;background:#dc3545}.error-rate .error-rateBtnWrap{display:flex;justify-content:center;align-items:center;gap:8px;position:relative}.error-rate .error-rateBtnWrap input{border:1px solid #d9d9d9;padding-left:8px;border-radius:4px;width:60px}.error-rate .error-rateBtnWrap .error-rateBtn{color:#333;font-size:13px;font-weight:600}.error-rate .error-rateBtnWrap .edit{background:#8f33d81a}.error-rate .error-rateBtnWrap .edit svg path{fill:#8f33d8}.error-rate .error-rateBtnWrap .modified{background:#8f33d81a!important}.error-rate .error-rateBtnWrap .modified svg path{fill:#8f33d8!important}.error-rate .error-rateBtnWrap .saveError-Rate{background:transparent}.error-rate .error-rateBtnWrap .saveError-Rate svg path{fill:#666}.error-rate .error-rateBtnWrap .svg-container{cursor:pointer}.error-rate .error-rateBtnWrap .svg-container:hover .error-svg{width:100%;gap:8px;padding:4px 12px 4px 4px;border-radius:10px;background:#8f33d81a}.error-rate .error-rateBtnWrap .svg-container:hover .error-svg span{text-indent:0;color:#8f33d8}.error-rate .error-rateBtnWrap .svg-container:hover .error-svg svg path{fill:#8f33d8}.error-rate .error-rateBtnWrap .svg-container .error-svg{display:flex;justify-content:start;align-items:center;width:24px;height:24px;padding-left:3px;gap:4px;border:1px solid #d8d8d8;box-shadow:0 3px 5px #6663;overflow:hidden;border-radius:50%}.error-rate .error-rateBtnWrap .svg-container .error-svg:focus{width:100%;gap:8px;padding:4px 12px 4px 4px;border-radius:10px;background:#8f33d81a}.error-rate .error-rateBtnWrap .svg-container .error-svg:focus span{text-indent:0;color:#8f33d8}.error-rate .error-rateBtnWrap .svg-container .error-svg:focus svg path{fill:#8f33d8}.error-rate .error-rateBtnWrap .svg-container .error-svg span{text-indent:-99999px}.error-rate .error-rateBtnWrap .svg-container .error-svg svg{flex-shrink:0}.lockViewer{position:absolute;width:100%;height:100%;background:#00000080;border-radius:4px;z-index:40;left:0;top:0}.lockViewer .lockViewerInner{width:100%;height:100%;position:relative;cursor:default}.lockViewer .lockViewerInner .lockViewerWrap{position:absolute;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:100%;padding:2px;left:-9px;top:-9px;box-shadow:0 3px 6px #00000040;border:1px solid #c0c0c0;cursor:pointer}.lockViewer .lockViewerInner .lockViewerWrap svg{width:16px;height:16px}.lockViewer .lockViewerInner .lockViewerWrap:hover .lockViewerinfo,.lockViewer .lockViewerInner .lockViewerWrap:hover .lockViewerinfoUpload,.lockViewer .lockViewerInner .lockViewerWrap:hover .lockViewerinfoSave,.lockViewer .lockViewerInner .lockViewerWrap:hover .lockViewerWebcam,.lockViewer .lockViewerInner .lockViewerWrap:hover .lockViewerinfoPreview{display:flex}.lockViewer .lockViewerInner .lockViewerinfo{position:absolute;padding:8px;background:#fff;border-radius:4px;box-shadow:0 3px 10px #0000004d;font-size:12px;left:-333px;top:-130%;width:fit-content;text-wrap:nowrap;display:none;justify-content:center;align-items:center;color:#333;gap:4px;font-weight:500}.lockViewer .lockViewerInner .lockViewerinfo:after{content:"";position:absolute;bottom:-3px;right:-10px;transform:translate(-50%) rotate(-45deg);width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff}.lockViewer .lockViewerInner .lockViewerWebcam{position:absolute;padding:8px;background:#fff;border-radius:4px;box-shadow:0 3px 10px #0000004d;font-size:12px;left:150%;top:-80%;width:fit-content;text-wrap:nowrap;display:none;justify-content:center;align-items:center;color:#333;gap:4px;font-weight:500}.lockViewer .lockViewerInner .lockViewerWebcam:after{content:"";position:absolute;bottom:-1.2px;left:1px;transform:translate(-50%) rotate(-45deg);width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff}.lockViewer .lockViewerInner .lockViewerinfoUpload{position:absolute;padding:8px;background:#fff;border-radius:4px;box-shadow:0 3px 10px #0000004d;font-size:12px;right:-264px;top:-100%;width:fit-content;text-wrap:nowrap;display:none;justify-content:center;align-items:center;color:#333;gap:4px;font-weight:500}.lockViewer .lockViewerInner .lockViewerinfoUpload:after{content:"";position:absolute;bottom:-1px;left:0;transform:translate(-50%) rotate(-45deg);width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff}.lockViewer .lockViewerInner .lockViewerinfoSave{position:absolute;padding:8px;background:#fff;border-radius:4px;box-shadow:0 3px 10px #0000004d;font-size:12px;left:-250px;top:-80%;width:fit-content;text-wrap:nowrap;display:none;justify-content:center;align-items:center;color:#333;gap:4px;font-weight:500}.lockViewer .lockViewerInner .lockViewerinfoSave:after{content:"";position:absolute;bottom:-3px;right:-10px;transform:translate(-50%) rotate(-45deg);width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff}.lockViewer .lockViewerInner .lockViewerinfoPreview{position:absolute;padding:8px;background:#fff;border-radius:4px;box-shadow:0 3px 10px #0000004d;font-size:12px;left:-180px;top:-100%;width:fit-content;text-wrap:nowrap;display:none;justify-content:center;align-items:center;color:#333;gap:4px;font-weight:500}.lockViewer .lockViewerInner .lockViewerinfoPreview:after{content:"";position:absolute;bottom:-3px;right:-10px;transform:translate(-50%) rotate(-45deg);width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff}.result-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:600}.result-badge.success{background:#ecfdf5;color:#059669}.result-badge.fail{background:#fef2f2;color:#dc2626}.result-badge span{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.result-badge button{border:0;background:transparent;padding:0;cursor:pointer}.result-badge button.success svg path{fill:#059669}.ph-back-button{display:flex;justify-content:center;align-items:center}.ph-viewport{height:calc(100vh - 260px);min-height:420px;overflow:auto;position:relative;background:#fff;scrollbar-gutter:stable}.ph-phantom{position:relative;padding-top:var(--ph-header-h, 44px)}.ph-row{padding:0;border-bottom:2px solid #eee!important;transition:height .3s ease-in-out}.ph-loader,.ph-end,.ph-empty{font-size:13px;color:#333;font-weight:500;padding:10px 8px}@media (max-width: 1200px){.ph-grid,.ph-grid-alarm{grid-template-columns:1fr 1fr;gap:6px 10px}.ph-grid.header,.ph-grid-alarm.header{display:none}.ph-grid.row,.ph-grid-alarm.row{grid-template-rows:repeat(1,1fr);padding:6px}.ph-grid.row .cell,.ph-grid-alarm.row .cell{white-space:normal;display:grid;grid-template-columns:repeat(1,1fr);align-items:center;gap:4px 8px}.ph-grid.row .cell:before,.ph-grid-alarm.row .cell:before{content:attr(data-label);font-size:12px;font-weight:600;color:#666}.ph-grid.row .cell.slice,.ph-grid.row .cell.recipe,.ph-grid.row .cell.user,.ph-grid-alarm.row .cell.slice,.ph-grid-alarm.row .cell.recipe,.ph-grid-alarm.row .cell.user{word-break:break-word}.ph-grid.row .cell.result .result-badge,.ph-grid-alarm.row .cell.result .result-badge{justify-self:start}.ph-phantom{padding-top:0}}@media (max-width: 420px){.ph-grid.row .cell,.ph-grid-alarm.row .cell{grid-template-columns:1fr}.ph-grid.row .cell:before,ph-grid-alarm.row .cell:before{margin-bottom:4px}}@media (max-width: 1200px){.ph-grid.row .cell[data-label]:before,.ph-grid-alarm .cell[data-label]:before{content:attr(data-label);display:block;font-weight:600;opacity:.7}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-weight:600}.status-badge>span{width:8px;height:8px;border-radius:50%;display:inline-block}.status-badge.green{background:#e9f7ef;color:#2e7d32}.status-badge.green>span{background:#2e7d32}.status-badge.red{background:#ffebee;color:#c62828}.status-badge.red>span{background:#c62828}.status-badge.finish{background:#e3f2fd;color:#1565c0}.status-badge.finish>span{background:#1565c0}.status-badge.grey{background:#f4f4f4;color:#555}.status-badge.grey>span{background:#777}}.LoadingContainer{width:100%;height:calc(100vh - 112px);position:relative}.alarmLottie{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.alarmLottie p{font-size:16px;color:#666;font-weight:700}.profileIconHistory{width:10px;height:10px;object-fit:contain}.iconWrap{display:flex;justify-content:center;align-items:center;padding:2px;background:#fff;border-radius:50%}.edit-form{display:flex;flex-direction:row;gap:8px}.loginMainContainer{width:600px;height:calc(100vh - 32px);display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:-200px;transform:translate(-50%,-50%);bottom:0;border:1px solid #c0c0c0;box-shadow:0 3px 6px #00000040;border-radius:8px;background-color:#fff}.loginMainContainer button{box-shadow:0 3px 6px #00000040}@media screen and (max-width: 1400px){.loginMainContainer{left:50%;height:calc(100vh - 128px)}}@media screen and (max-width: 900px){.loginMainContainer{width:550px;height:calc(100vh - 128px)}}@media screen and (max-width: 768px){.loginMainContainer{width:408px;min-height:607px}}@media screen and (max-width: 500px){.loginMainContainer{width:calc(100% - 4rem);top:48%;width:100%!important;height:calc(100vh - 32px);background:#fffc}}.loginResContainer{height:100%;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.loginMain{width:600px;height:773px;display:flex;justify-content:center;align-items:center;overflow:hidden}.loginformlogo{position:absolute;top:32px;width:200px;left:32px;z-index:100}@media screen and (max-width: 500px){.loginformlogo{width:100px;top:16px;left:16px}}.admin-container{width:calc(100% - 100px);height:calc(100vh - 100px);display:flex;flex-direction:column;color:#333;position:absolute;inset:57px 0 0 100px;font-weight:500;background:#fff}@media screen and (max-width: 900px){.admin-container{left:50px;top:0;position:relative}}@media screen and (max-width: 500px){.admin-container{left:0;top:0;width:100%;position:relative}}.admin-whole{width:100%;height:100vh;background:#fff}.mainlogo{width:100px}.admin-header.compact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 10px;width:100%;border-bottom:1px solid #eee}.admin-header .title-wrap{display:flex;align-items:center;gap:12px}@media screen and (max-width: 700px){.admin-header .title-wrap{flex-direction:column;justify-content:center;align-items:start}.admin-header .title-wrap h3{font-size:12px}.admin-header .title-wrap .subtitle{font-size:10px}}.admin-header .subtitle{color:#6b7280;font-size:12px;margin-top:4px}.header-actions{display:flex;gap:8px;align-items:center}.icon{color:#333}.btn{height:36px;padding:0 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;text-wrap:nowrap}.btn .checkmark{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 900px){.btn{font-size:12px}}.name-cell{display:flex;gap:4px;align-items:center}.name-cell img{width:20px;height:20px;border:1px solid #c0c0c0;padding:3px;box-shadow:0 0 1px #00000040}.btn.detail{width:40px;padding:0!important}.btn:hover{background:#fafafa}.btn.ghost{background:#f8fafc}.btn.danger{background:#fd4d4d;border-color:#ffc8c8;color:#fff}.btn.xs{height:28px;padding:0 8px;border-radius:8px}.btn.icon{width:32px;height:32px;display:grid;place-items:center}.btn.file input{display:none}.savebtn{padding:0 6px!important}.serial-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px}@media (max-width: 920px){.serial-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.serial-stats-grid{grid-template-columns:1fr}}.stat-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #eef2f7;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.stat-card .label{color:#6b7280;font-size:12px}.stat-card .value{font-weight:700;font-size:18px}.serial-toolbar{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee}.serial-toolbar .left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.serial-toolbar .right{display:flex;gap:8px;align-items:center}.search input{height:36px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;min-width:260px}@media screen and (max-width: 800px){.search input{min-width:auto;width:100%;font-size:10px}}.select{height:36px;padding:0 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}@media screen and (max-width: 800px){.select{font-size:10px}}.muted{color:#6b7280}@media screen and (max-width: 800px){.muted{font-size:10px}}.serial-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid #f1f5f9}.serial-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.serial-table thead th{text-align:left;font-size:12px;color:#6b7280;padding:8px 16px;border-bottom:1px solid #e5e7eb;background:#fafafa;position:sticky;top:0;z-index:10}.serial-table tbody td{padding:14px 16px;font-size:14px;border-bottom:1px solid #f1f5f9}@media screen and (max-width: 900px){.serial-table tbody td{font-size:13px;padding:10px 12px}}.serial-table tbody tr:hover{background:#fcfcfd}.code-cell{display:flex;align-items:center;gap:8px}.code-cell code{background:#f3f4f6;padding:4px 6px;font-weight:500;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chip{height:26px;padding:0 8px;border:1px dashed #c7d2fe;background:#eef2ff;border-radius:9999px;cursor:pointer;text-wrap:nowrap;color:#333}@media screen and (max-width: 900px){.chip{font-size:12px}}.device-cell{display:flex;justify-content:start;align-items:center;gap:16px}.device-cell img{width:32px;height:32px;object-fit:contain}@media screen and (max-width: 850px){.device-cell img{display:none}}.expires-cell{display:flex;align-items:center;gap:8px}.dleft{font-size:12px;color:#64748b}.dleft.warn{color:#b45309}.dleft.danger{color:#b91c1c;font-weight:700}.status{padding:4px 8px;border-radius:9999px;font-size:12px}.status.unused{background:#ecfeff;color:#0e7490}.status.in-use{background:#ecfdf5;color:#15803d}.status.expired{background:#fef2f2;color:#b91c1c}.row-actions{display:flex;gap:6px}.empty{display:flex;justify-content:center;align-items:center;color:#333;font-size:10px}.pagination{background:#fff;width:100%;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0}.modal-backdrop,.modal-backdrop-upload{position:fixed;inset:0;background:#02061766;display:grid;place-items:center;z-index:50}.modal{width:calc(100% - 64px);height:calc(100% - 64px);background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:auto}@media screen and (max-width: 1024px){.modal{width:min(96vw,540px)}}@media screen and (max-width: 900px){.modal{width:min(96vw,720px)}}@media screen and (max-width: 760px){.modal{width:94%;height:90%}}.tinymodal{width:min(720px,92vw);max-height:min(86vh,820px);height:auto}.xmlPreview{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;border-radius:8px;padding:12px;overflow:auto;background:#fafafa;font-size:12px;white-space:pre;line-height:1.4;max-height:730px}.modal-upload{width:calc(100% - 32px);height:calc(100% - 32px);background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:auto}@media screen and (max-width: 1024px){.modal-upload{height:calc(100% - 32px)}}@media screen and (max-width: 900px){.modal-upload{height:calc(100% - 128px)}}@media screen and (max-width: 500px){.modal-upload{width:100%;height:100%;border-radius:0}}.modal-header,.modal-header-upload{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eef2f7}.modal-content,.modal-content-upload{padding:16px;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch}.form .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 920px){.form .grid-2{grid-template-columns:1fr}}.form label{display:flex;flex-direction:column;gap:6px}.form .label{font-size:12px;color:#6b7280}.form input,.form select,.form textarea{height:36px;padding:0 10px;border:1px solid #e5e7eb;border-radius:10px}.form textarea{height:auto;min-height:120px;padding:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.modal-actions-upload{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:16px}.modal-actions-upload .left-actions,.modal-actions-upload .view-tabs{display:flex;gap:8px;align-items:center;justify-content:center}@media screen and (max-width: 500px){.modal-actions-upload button{font-size:10px}}.toast{position:fixed;right:16px;bottom:16px;background:#111827;color:#fff;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px;z-index:60}.toastFail{background:#f74747!important}.toast .icon{background:transparent;border:none;color:#fff;cursor:pointer}.modal-content .kv{overflow:hidden;border:3px solid #f1f5f9}.modal-content .kv .row{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px}.modal-content .kv .row+.row{border-top:1px solid #f1f5f9}.modal-content .kv .label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.modal-content .kv .row>span:not(.label){color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.modal-content .kv .row:hover>span:not(.label){white-space:normal;word-break:break-word}.modal-content .kv .row .code-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modal-content .kv .row .code-cell span,.modal-content .kv .row .code-cell code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f4f6;padding:4px 6px;border-radius:6px;line-height:1.2;word-break:break-all}.modal-content .kv .row .chip{height:26px;padding:0 8px;border:1px dashed #c7d2fe;background:#eef2ff;border-radius:9999px;cursor:pointer;color:#333}.modal-content .kv .row .chip:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (max-width: 640px){.modal{width:min(96vw,640px)}.modal-content .kv .row{grid-template-columns:1fr;align-items:flex-start}.modal-content .kv .row>span:not(.label){white-space:normal}}.modal-content .kv-list{display:flex;flex-direction:column;gap:12px}@media (max-width: 640px){.modal{max-height:90vh}}.admin-tabs{display:flex;gap:8px;padding:0;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:0;width:20%}@media screen and (max-width: 1400px){.admin-tabs{width:50%}}@media screen and (max-width: 600px){.admin-tabs{width:100%;overflow-x:auto}}.admin-tabs-header{padding:16px}.admin-tabs .tab{padding:10px 14px 16px;border-radius:8px 8px 0 0;color:#666;text-decoration:none;width:100%;white-space:nowrap}.admin-tabs .tab.active{background:#fff;color:#111;font-weight:600;box-shadow:inset 0 -2px #8f33d8}.admin-tabpanel{width:100%;padding:16px 24px;display:flex;flex-direction:column;align-items:start;justify-content:center;background:#fff}@media (max-width: 600px){.admin-tabpanel{padding:16px 12px}}.view-tabs button{color:#333}.view-tabs{display:flex;gap:8px;margin:8px 0 12px}.view-tabs .tab{padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer}.view-tabs .tab[data-active=true]{background:#f5f3ff;border-color:#c7a4ea}.grid-wrap{display:flex;flex-direction:column;gap:8px}.grid-toolbar{display:flex;justify-content:flex-end}.grid-scroll{max-height:650px;width:100%;overflow:auto;border:1px solid #eee;border-radius:4px;-webkit-overflow-scrolling:touch}.recipe-grid{width:100%;border-collapse:collapse;table-layout:fixed;min-width:800px}.recipe-grid tbody tr:nth-child(2n){background:#fafafa}.recipe-grid tbody tr:hover{background:#8f33d81a}.recipe-grid thead th{position:sticky;top:0;background:#8f33d8!important;border-bottom:1px solid #fcfcfc;padding:8px;text-align:left;color:#f0f0f0;border-right:1px solid #fcfcfc;z-index:10;white-space:nowrap}@media (max-width: 1300px){.recipe-grid thead th{font-size:14px}}@media (max-width: 500px){.recipe-grid thead th{font-size:12px}}.recipe-grid th:first-child,.recipe-grid td:first-child{position:sticky;left:0;background:inherit;z-index:1;width:140px;min-width:140px}.recipe-grid thead th:first-child{z-index:20}.recipe-grid td{border-bottom:1px solid #f0f0f0;padding:6px;border-right:1px solid #f0f0f0;background:inherit}.recipe-grid td p{padding-left:4px;color:#222;font-size:14px;font-weight:600;height:32px;display:flex;align-items:center}@media (max-width: 1300px){.recipe-grid td p{font-size:12px}}@media (max-width: 500px){.recipe-grid td p{font-size:10px}}.recipe-grid th:nth-child(2),.recipe-grid td:nth-child(2){width:80px}.recipe-grid input{width:100%;height:32px;padding:0 8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#666;min-width:60px}.recipe-grid input:focus{color:#000;font-weight:600}@media (max-width: 1300px){.recipe-grid input{font-size:12px}}@media (max-width: 500px){.recipe-grid input{font-size:10px}}.empty-cell{text-align:center;color:#9ca3af;padding:16px 0}.spinner-wrapper{position:relative;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.spinner-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 15%,#ffeb3b 30%,#f44336 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#fff calc(100% - 3px));animation:spinSimple 1s linear infinite}.spinner-logo{position:relative;width:20px;height:20px;z-index:5;object-fit:contain}@keyframes spinSimple{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-wrapper{position:relative;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.spinner-svg{width:100%;height:100%;animation:container-rotate 2s linear infinite;transform-origin:center center}.spiner-circle-puple{stroke:url(#spinner-gradient-purple)}.spinner-grad{stroke:url(#spinner-gradient)}.spinner-circle{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite}@keyframes container-rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.center-icon{position:absolute;width:12px;height:12px;z-index:5;animation:icon-spin-pause 4s ease-in-out infinite;transform-origin:center center}@keyframes icon-spin-pause{0%{transform:rotate(0) scale(1)}25%{transform:rotate(360deg) scale(1.05)}30%{transform:rotate(360deg) scale(1)}to{transform:rotate(360deg) scale(1)}}.informationContainer{display:flex;flex-direction:column;background:#f8f9fa;align-items:center;width:100%;height:100%;padding:2rem;min-height:calc(100vh - 41px)!important}@media screen and (max-width: 500px){.informationContainer{width:100%;padding:41px 0 50px}}.informationContainer .informationInner{width:100%;z-index:2;padding:2rem;gap:6rem;min-height:calc(100vh - 105px);max-width:900px;display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}@media screen and (max-width: 1065px){.informationContainer .informationInner{max-width:700px}}.informationContainer .informationInner h3{border-bottom:1px solid #f0f0f0;padding-bottom:16px}.informationContainer .informationInner h5{font-weight:300;color:#333}.informationContainer .informationInner .systemRequirements{display:flex;gap:2rem;align-items:start}.informationContainer .informationInner .systemRequirements .systemRequirementsInfoText{display:flex;flex-direction:column;justify-content:center;width:100%;gap:16px}.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable{width:100%;display:flex;justify-content:center;align-items:center}.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #000;box-shadow:0 1px 4px #00000008;border-radius:7px}@media screen and (max-width: 1065px){.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table thead tr,.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table thead th,.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table thead td,.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table tbody tr,.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table tbody th,.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table tbody td{font-size:10px}}.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table tr{border-bottom:1px solid #f2f2f2}.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table th,.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table td{padding:12px 15px;border:1px solid #ddd;text-align:left;color:#333;font-size:14px;font-weight:300}.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table thead tr{background-color:#f9f9f9}.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table thead tr th{font-weight:500;text-align:center}.informationContainer .informationInner .systemRequirements .systemRequirementsInfoTable table tbody td:first-child{font-weight:500;background-color:#f9f9f9;text-align:center}.informationContainer .informationInner .applicationLogManagement{display:flex;align-items:start;justify-content:center;gap:2rem;width:100%}.informationContainer .informationInner .applicationLogManagement .applicationLogManagementInfoText{display:flex;flex-direction:column;justify-content:center;width:100%;gap:16px}.informationContainer .informationInner .applicationLogManagement .applicationLogManagementInfoCard{display:flex;flex-direction:column;gap:16px;width:100%}.ProductSupplierInformation{display:flex;gap:2rem;align-items:start}.ProductSupplierInformation .ProductSupplierInformationInfoText{display:flex;flex-direction:column;justify-content:center;width:100%;gap:16px}.ProductSupplierInformation .ProductSupplierInformationInfoSection{display:flex;flex-direction:column;gap:16px;width:100%}.ProductSupplierInformation .ProductSupplierInformationInfoSection .ProductSupplierInformationInfoContent{display:flex;flex-direction:column;justify-content:center;gap:16px;border-bottom:1px solid #f0f0f0;padding-bottom:16px}.ProductSupplierInformation .ProductSupplierInformationInfoSection .ProductSupplierInformationInfoContent .numberinfo{display:flex;flex-direction:column;gap:8px}.ProductSupplierInformation .ProductSupplierInformationInfoSection .ProductSupplierInformationInfoContent .numberinfo h5{font-weight:500}.infoCard-container{display:flex;justify-content:center;align-items:center;gap:16px}.infoCard-container .productinfoCard{min-height:180px!important}.infoCard-container .infoCard{width:100%;border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:16px;padding:16px;word-break:keep-all;height:100%;min-height:250px;border-radius:4px;background-color:#fff;box-shadow:0 2px 4px #0000000d;border-left:5px solid #863ec3}.infoCard-container .infoCard h4{color:#8f33d8}.infoCard-container .infoCard span{font-weight:700}@media screen and (max-width: 1065px){.infoCard-container .infoCard{min-height:250px;max-height:600px}.infoCard-container .infoCard h4{font-size:12px}.infoCard-container .infoCard h5{font-size:10px}}@media screen and (max-width: 850px){.infoCard-container{flex-direction:column}.infoCard-container .infoCard{min-height:190px;max-height:190px}.infoCard-container .infoCard h4{font-size:14px}.infoCard-container .infoCard h5{font-size:10px}}.TechnicalSupport{display:flex;gap:2rem;align-items:start}.response{flex-direction:column}.channelsCardContainer{width:100%;display:flex;align-items:center;gap:16px}.channelsCardContainer .channelsCard{display:flex;flex-direction:column;gap:16px;background-color:#fafafa;padding:20px;border-radius:6px;border:1px solid #f0f0f0}@media screen and (max-width: 850px){.channelsCardContainer{flex-direction:column}.channelsCardContainer .infoCard{min-height:150px;max-height:150px}.channelsCardContainer .infoCard h4{font-size:14px}.channelsCardContainer .infoCard h5{font-size:13px}}.emergencyResponse{display:flex;flex-direction:column;gap:8px;padding:2rem;background-color:#ff686833;padding:20px;border-radius:6px;border:1px solid #f0f0f0}.emergencyResponse h6{font-weight:400;font-style:italic;color:#666}@media screen and (max-width: 850px){.emergencyResponse h4{font-size:12px}.emergencyResponse h5{font-size:11px}}.fixer{position:fixed;right:16px;top:10%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:4px}.fixer .capitalText{background:#33322f4e;height:4px;width:16px;border-radius:4px;cursor:pointer}.fixerInfo{position:fixed;right:16px;top:13%;transform:translateY(-50%);z-index:100;flex-direction:column;gap:4px;border-radius:6px;border:1px solid #c0c0c0;padding:8px;background:#fff}.fixerInfo button{color:#333;font-size:10px;text-align:left;padding:2px 4px}.fixerInfo button:hover{background:#8f33d814}.activateCapital{background:#8f33d8!important}.show{display:flex}.hide{display:none}.activateInfo{color:#8f33d8!important}