@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap);.control_wrapper{max-width:250px;margin:0 auto}a,body,div,html,table,td,tr{font-size:14px}#app,a,body,div,html,table,td,tr{font-family:Kanit,sans-serif}.svg-green{fill:green}.dot-animation{font-size:20px;white-space:nowrap}.dotanimation{color:#2f928a;animation:colorChange 1s infinite}@keyframes colorChange{0%,33.33%{color:#6c47b0}66.66%,to{color:#23ba8a}}.circle{position:relative;display:flex;justify-content:center;align-items:center;width:90px;height:90px;border-radius:50%;border:.5px solid #482f929d;overflow:hidden}.circle img{width:80%;height:auto}.circleoff{position:relative;display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;border:.5px solid #fff;overflow:hidden}.circleoff img{width:100%;height:auto}.circle2{position:relative;display:flex;justify-content:center;align-items:center;width:90px;height:90px;border-radius:50%;border:.5px solid #fa7667;overflow:hidden}.circle2 img{width:80%;height:auto}.loading-circle{border-radius:90%;border-top-color:#482f92;background-color:#482f92}.loading-circle,.loading-circle-overload{width:120%;animation:growAndFade 3s ease-out infinite;height:100%;position:absolute;width:100%}.loading-circle-overload{border-radius:90%;border-top-color:#922f2f;background-color:#922f2f}@keyframes growAndFade{0%{opacity:.2;transform:scale(0)}80%{opacity:.1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.circlemini{position:relative;display:flex;justify-content:center;align-items:center;width:90px;height:90px;border-radius:50%;overflow:hidden}.circlemini img{width:110%;height:auto}.loading-circle-mini{position:absolute;width:100%;height:100%;border-radius:90%;border:8.8px solid transparent;border-top-color:#fff;animation:rotate 1s linear infinite}.circleminiload{position:relative;display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;border:.5px solid #482f929d;overflow:hidden}.circleminiload img{width:100%;height:auto}.loading-circle-miniload{position:absolute;width:100%;height:100%;border-radius:90%;border:1.8px solid transparent;border-top-color:#fff;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gradient{width:100%;background:linear-gradient(90deg,rgba(0,180,156,.8),rgba(72,47,146,.9));background-size:120% 100%;background-position:100%}.hover1{position:relative;cursor:pointer;display:inline-block}.hover1:before{width:150px;color:#3ed79d;font-size:12px;position:absolute;left:100%;top:-3px;background-color:#ffffff00;padding:5px;display:none;z-index:1}.hover1:hover:before{display:block;content:"Normal: 370-420 V   "}.hover1_1{position:relative;cursor:pointer;display:inline-block}.hover1_1:before{width:150px;content:"Normal: 210-245 V";color:#8b8b8b;font-size:12px;position:absolute;left:650%;top:-3px;background-color:#ffffff00;padding:5px;display:none;z-index:1}.hover1_1:hover:before{display:block}.hover2{position:relative;cursor:pointer;display:inline-block}.hover2:before{width:150px;content:"Normal: <15% ";color:#c34cc9;font-size:12px;position:absolute;left:100%;top:-3px;background-color:#ffffff00;padding:5px;display:none;z-index:1}.hover2:hover:before{display:block}.hoverf{position:relative;cursor:pointer;display:inline-block}.hoverf:before{width:150px;content:"Normal: 50 Hz";color:#fff;font-size:12px;position:absolute;left:450%;top:-3px;background-color:#ffffff00;padding:5px;display:none;z-index:1}.hoverf:hover:before{display:block}.hoverpf{position:relative;cursor:pointer;display:inline-block}.hoverpf:before{width:150px;content:"Normal: 0.8-1.0";color:#fff;font-size:12px;position:absolute;left:360%;top:-3px;background-color:#ffffff00;padding:5px;display:none;z-index:1}.hoverpf:hover:before{display:block}#rcorners1{border-radius:25px;background:#73ad21;padding:20px;width:200px;height:150px}.parallelogram{transform:skew(-20deg)}#circle{width:50px;height:50px;border-radius:25px;background:red}.btn-outline-btSave{--bs-btn-color:#482f92;--bs-btn-border-color:#482f92;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#482f92;--bs-btn-hover-border-color:#482f92;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#482f92;--bs-btn-active-border-color:#482f92;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#482f92;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#482f92;--bs-gradient:none}.loader{border:16px solid #f3f3f3;border-top:16px solid #482f92;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}