.x-tip{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;width:100%;z-index:999999}.x-tip[pos=top]{top:5%}.x-tip[pos=center]{top:50%}.x-tip[pos=bottom]{bottom:4rem}.x-tip-content{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;font-size:16px;max-width:80%;padding:10px}.x-slider-container{overflow:hidden}.x-slider-root{height:100%;width:100%}.x-slider-proportion{background-color:#1677ff;height:100%;width:50%}*,:after,:before{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;background-color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0 0 1rem}p{line-height:1.5}hr{border:none;border-top:1px solid;color:#ddd;margin:1rem 0}a{color:#1890ff;text-decoration:none}a:hover{text-decoration:underline}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{box-sizing:border-box;-webkit-flex-shrink:0;flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.col{-webkit-flex:1 0 0%;flex:1 0 0%}.col-1{width:8.33333333%}.col-1,.col-2{-webkit-flex:0 0 auto;flex:0 0 auto}.col-2{width:16.66666667%}.col-3{width:25%}.col-3,.col-4{-webkit-flex:0 0 auto;flex:0 0 auto}.col-4{width:33.33333333%}.col-5{width:41.66666667%}.col-5,.col-6{-webkit-flex:0 0 auto;flex:0 0 auto}.col-6{width:50%}.col-7{width:58.33333333%}.col-7,.col-8{-webkit-flex:0 0 auto;flex:0 0 auto}.col-8{width:66.66666667%}.col-9{width:75%}.col-10,.col-9{-webkit-flex:0 0 auto;flex:0 0 auto}.col-10{width:83.33333333%}.col-11{width:91.66666667%}.col-11,.col-12{-webkit-flex:0 0 auto;flex:0 0 auto}.col-12{width:100%}.col-auto{-webkit-flex:0 0 auto;flex:0 0 auto;width:auto}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}.v-center{-webkit-align-items:center!important;align-items:center!important}.h-center{-webkit-justify-content:center!important;justify-content:center!important}.h-between{-webkit-justify-content:space-between!important;justify-content:space-between!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}header{font-size:0;height:1.5rem;text-align:center}header>:first-child{text-align:left}header>:nth-child(2){font-size:1.2rem}header>:last-child{text-align:right}header a{display:inline-block;height:1.5rem;line-height:1.5rem}header a:hover{text-decoration:none}header a img{height:100%}body{background-color:#eee!important;margin:0}section{background-color:#fff;border-radius:1rem;margin-bottom:1rem;padding:1rem}.text-ok{color:#4ade80}.bg-ok{background-color:#4ade80}.text-ng{color:red}.bg-ng{background-color:red}.text-warn{color:#facc15}.bg-warn{background-color:#facc15}.bg-slate{background-color:#e2e8f0}:root{--color-danger-1:#fff1f0;--color-danger-2:#ffccc7;--color-danger-3:#ffa39e;--color-danger-4:#ff7875;--color-danger-5:#ff4d4f;--color-danger-6:#f5222d;--color-danger-7:#cf1322;--color-danger-8:#a8071a;--color-danger-9:#820014;--color-danger-10:#5c0011;--color-warning-1:orange;--color-warning-2:orange;--color-warning-3:orange;--color-warning-4:orange;--color-warning-5:orange;--color-warning-6:orange;--color-warning-7:orange;--color-warning-8:orange;--color-warning-9:orange;--color-success-1:#f6ffed;--color-success-2:#d9f7be;--color-success-3:#b7eb8f;--color-success-4:#95de64;--color-success-5:#73d13d;--color-success-6:#52c41a;--color-success-7:#389e0d;--color-success-8:#237804;--color-success-9:#135200;--color-success-10:#092b00;--color-primary-1:#e6f4ff;--color-primary-2:#bae0ff;--color-primary-3:#91caff;--color-primary-4:#69b1ff;--color-primary-5:#4096ff;--color-primary-6:#1677ff;--color-primary-7:#0958d9;--color-primary-8:#003eb3;--color-primary-9:#002c8c;--color-primary-10:#001d66;--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f5f5f5;--color-neutral-4:#f0f0f0;--color-neutral-5:#d9d9d9;--color-neutral-6:#bfbfbf;--color-neutral-7:#8c8c8c;--color-neutral-8:#595959;--color-neutral-9:#434343;--color-neutral-10:#262626;--color-neutral-11:#1f1f1f;--color-neutral-12:#141414;--color-neutral-13:#000;--color-transparent:transparent}.x-btn{-webkit-tap-highlight-color:transparent;background-color:#fafafa;border:1px solid #aaa;border-radius:.5rem;color:#333;cursor:pointer;font-size:14px;line-height:14px;margin:0;padding:.5rem .75rem;transition:background-color .2s linear}.x-btn:disabled{cursor:not-allowed;opacity:.5}.x-btn:not([disabled]):hover{background-color:#e5e5e5}.x-btn:not([disabled]):active{background-color:#d5d5d5}.x-btn-full{font-size:1.2rem;padding:1rem;width:100%}.servo{background-color:#eee;border-radius:1rem;height:2rem}.row .x-btn,.servo{width:100%}.value{text-align:center}.pin{border-radius:.5rem;display:inline-block;margin-bottom:.5rem;margin-right:.5rem;padding:.2rem .5rem}