input[type=text][data-v-c3e29b99]{color:var(--color-input-text)}.task-outer-grid[data-v-c3e29b99]{display:grid;grid-template-rows:1fr auto;margin-bottom:30px}.task-outer-grid-2[data-v-c3e29b99]{display:grid;grid-template-columns:6fr 4fr;margin-bottom:30px;grid-gap:1px;background-color:#000;border:1px solid black}.task-outer-grid[data-v-c3e29b99]>*{background-color:var(--task-outer-grid)}.task-outer-grid-2[data-v-c3e29b99]>*{background-color:#fff}.mini[data-v-c3e29b99]{height:39px!important}.card[data-v-c3e29b99]{margin-bottom:0;position:relative;padding:4px 1px 4px 6px;min-height:50px;border:1px solid var(--card-border-color);border-radius:3px}.card-expanded[data-v-c3e29b99]{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.card-errors[data-v-c3e29b99]{border:1px solid var(--border);border-top:0px;min-height:37px;padding:5px}@media only screen and (max-width: 500px){.card-errors[data-v-c3e29b99]{min-height:74px;padding-bottom:7px}.icon-errors[data-v-c3e29b99]{margin-top:3px;margin-bottom:3px}}.card-errors-selected[data-v-c3e29b99]{border:1px solid var(--border);border-top:0px;min-height:35px;padding:6px 6px 4px;font-size:14px;font-family:Times New Roman,Times,serif}.svg-icon[data-v-c3e29b99]{width:100%;height:100%;display:block}.card-move[data-v-c3e29b99]{fill:var(--card-move-fill);box-sizing:content-box;cursor:pointer;height:10px;width:10px;right:3px;position:absolute}.card-enter[data-v-c3e29b99]{fill:var(--card-move-fill);box-sizing:content-box;cursor:pointer;height:10px;width:10px;color:#858585;font-size:14px;bottom:3px;position:absolute;right:3px}.card-enter:hover svg[data-v-c3e29b99]{fill:var(--accent-color)}.card-move:hover svg[data-v-c3e29b99]{fill:var(--accent-color)!important}.card-resize[data-v-c3e29b99]{box-sizing:content-box;cursor:pointer;position:absolute;height:8px;width:8px;right:1px;bottom:2px;padding:2px}textarea[data-v-c3e29b99]{width:100%;border:0px;box-sizing:border-box;outline:none;resize:vertical;font-family:var(--textarea-font);font-size:var(--textarea-size, 16px);overflow:hidden!important;resize:none;background-color:transparent!important;color:var(--textarea-color)}textarea[data-v-c3e29b99]::placeholder{font-size:var(--textarea-size, 16px);font-family:var(--textarea-font)}@media only screen and (max-width: 630px){textarea[data-v-c3e29b99]::placeholder{font-size:var(--textarea-size, 16px)}textarea[data-v-c3e29b99]{font-size:var(--textarea-size, 16px)}}.icon-div-card-errors[data-v-c3e29b99]{background-color:#ffdada!important;border:1px solid rgb(255,170,170)!important}.icon-div-card-errors-extra[data-v-c3e29b99]{background-color:#daf0ff!important;border:1px solid #a4c9c2!important}.icon-div-card-errors-off[data-v-c3e29b99]{background-color:var(--bug-off-bg);border:1px solid var(--bug-off-border);margin-right:5px;text-align:center;font-size:11px;cursor:pointer;float:left;width:25px;height:25px;border-radius:50%;color:#000;display:inline-table;padding:2px 3px}.circle[data-v-c3e29b99]{width:15px;height:15px;border-radius:50%;background-color:#ffdada;border:2px solid rgb(255,170,170);cursor:pointer;float:left;margin-top:4px;margin-right:4px;margin-left:2px}.circle-green[data-v-c3e29b99]{background-color:#c8ffaf!important;border:2px solid rgb(38,226,0)!important}.error-title[data-v-c3e29b99]{float:left;text-decoration:underline;font-family:var(--error-title);padding-left:1px}.record-error-fixed-circle[data-v-c3e29b99]{background-color:var(--record-error-fixed-circle-bg)!important;border:1px solid var(--record-error-fixed-circle-border)!important}.error-title-grey[data-v-c3e29b99]{color:var(--error-title-grey)}input[type=range][data-v-c3e29b99]{width:100%;margin:0;padding:0;background:transparent;cursor:pointer;max-width:140px}.collapsed-labels[data-v-c3e29b99]{float:left;margin-left:10px}.rr-eis[data-v-c3e29b99]{width:69%}@media screen and (max-width: 600px){.rr-eis[data-v-c3e29b99]{width:89%}}@media screen and (max-width: 400px){.rr-eis[data-v-c3e29b99]{width:96%}}.pr-model[data-v-c3e29b99]{text-align:center;padding:10px 2px;position:relative;font-size:13px;line-height:18px;background:var(--pr-model)!important;margin:10px;border-radius:3px}input[type=range][data-v-c3e29b99]{-webkit-appearance:none;max-width:160px;height:20px;background:linear-gradient(to right,var(--grad1) 0%,var(--grad2) 100%);background-size:150px 1px;background-position:center;background-repeat:no-repeat;overflow:hidden;outline:none;padding:1px}input[type=range][data-v-c3e29b99]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--app-button-2-bg);border:var(--input-range-thumb-border);position:relative;z-index:3;box-shadow:0 0 5px #0000004d}input[type=range][data-v-c3e29b99]::-webkit-slider-thumb:hover{border:1px solid var(--accent-color);outline:1px solid var(--accent-color)}input[type=range][data-v-c3e29b99]:hover::-webkit-slider-thumb{border:1px solid var(--accent-color);outline:1px solid var(--accent-color)}.pr-model-border-bottom[data-v-c3e29b99]{border-bottom:1px solid var(--card-border-color)}.card-move:hover .svg-x[data-v-c3e29b99],.card-move:active .svg-x[data-v-c3e29b99]{stroke:var(--accent-color)!important}.pages-select[data-v-521a0e86]{position:relative}.select-arrow[data-v-521a0e86]{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.app-button-8020-tools polyline{stroke:var(--white-black)!important}.app-button-8020-tools:hover polyline{stroke:var(--accent-color)!important}.app-button-8020-tools{width:30px;height:30px;color:#666!important;border-radius:3px;float:left;text-align:center;font-size:14px;padding:3px;cursor:pointer;text-decoration:none;color:var(--app-button-2-text)!important}.app-button-8020-tools:active,.app-button-8020-tools:hover,.app-button:hover,.app-button:active{filter:brightness(110%)}.toolbar-grid{display:grid;grid-template-columns:125px 1fr 125px;width:100%;height:45px}@media screen and (max-width: 500px){.toolbar-grid{grid-template-columns:40px 1fr 125px!important}}.toolbar{position:sticky;top:66px;z-index:9999;background:var(--color-bg);height:65px;padding-left:20px;padding-right:20px}.toolbar-expanded{height:115px!important}.toolbar-grid-expanded{grid-template-columns:1fr 120px!important}.pages-centered{text-align:center}.svg-rotate-180{transform:rotate(180deg);margin-top:-1px}button{margin-top:5px}@media screen and (max-width: 440px){.input-page-name{max-width:150px!important}}@media screen and (max-width: 380px){.input-page-name{max-width:130px!important}}.theme-switch-icon{float:right;cursor:pointer;width:16px;height:16px;padding-top:24px;margin-right:26px}.about-button{float:right;cursor:pointer;width:23px;height:23px;margin-top:23px;margin-right:24px;text-align:center}.icon{float:right;cursor:pointer;height:22px;padding-top:24px}.logo{width:26px;margin-top:22px;cursor:pointer}.header{margin-bottom:80px}.header{position:-webkit-sticky;position:sticky;top:0;max-width:100%;margin:0 auto;z-index:10;height:66px;border-bottom:1px solid var(--header-border-color);background-color:var(--header-bg)}.svg-sync-animation{-webkit-animation-name:spin;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:1.5s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{position:relative;min-height:100%}body{padding:0;margin:0;overflow-x:hidden;font-family:IBM Plex Sans,sans-serif;font-Size:15px;color:var(--color-font);line-height:140%;background-color:var(--color-bg)}#app{height:100%}[v-cloak]{display:none}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.site-content{margin:25px auto 60px}.wrapper{height:100%}.box{position:relative;max-width:640px;margin:0 auto}h1{font-family:Sarabun,sans-serif;font-weight:700;font-size:22px;margin-bottom:25px}h2{font-family:Sarabun,sans-serif;font-weight:700;font-size:18px;margin-bottom:20px;margin-top:50px}h3{font-family:Sarabun,sans-serif;margin-bottom:50px;line-height:150%;font-size:18px;font-weight:400}h4{font-weight:700;margin-top:50px;font-size:16px}a,a:link,a:visited{color:var(--color-a);text-decoration:none;cursor:pointer;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;margin-bottom:10px}a:active,a:hover{text-decoration:underline}a,a:visited,a:active,a:hover{color:var(--color-a)}.link{color:var(--accent-color)!important}.link{color:#016e96;font-size:16px}.links-content a:hover{text-decoration:underline}.menu-link{float:right;top:15px}.link-path:hover{border-bottom:1px solid grey!important}::placeholder{color:var(--placeholder-text);font-family:IBM Plex Sans,sans-serif;font-size:13px}.pointer{cursor:pointer}@media screen and (max-height: 660px){#bottom-link{display:none}}@media screen and (max-width:680px){.site-content,.header{padding-left:40px;padding-right:40px}}@media screen and (max-width:550px){.site-content,.header{padding-left:30px;padding-right:30px}}@media screen and (max-width:450px){.site-content,.header{padding-left:20px;padding-right:20px}}[data-theme=dark]{--body-font: "IBM Plex Sans", sans-serif;--color-logo-text: #fff;--color-logo-bg: #000;--color-bg: #ffffff;--color-font: #303030;--color-bg-header: #ffffff;--color-borderbottom-header: 1px solid #dddddd;--color-a: #467ed2;--color-svg-contrast: #342D52;--color-svg-logo: #39298c;--color-bg-footer: #ffffff;--color-bordertop-footer: 1px solid #dddddd;--color-np-loading:#42318C;--color-button-check-bg: #868686;--color-button-check-border: #b9b9b9;--color-button-text: #fff;--color-input-underline:rgb(109, 109, 224);--color-input-text: #333;--color-input-background: #252535;--color-input-underline: #d5d5d5;--app-button-bg: #dce2e6;--app-button-bg-hover: #e7ecee;--app-button-active: #e9eff3;--app-button-text: #325ea0;--app-button-2-bg: #ffffff;--app-button-2-bg-active: #ebebeb;--app-button-2-hover: #e7ecee;--app-button-2-active: #e9eff3;--app-button-2-border: #979797;--app-button-2-border-active: #979797;--app-button-2-text: #1b1b1b;--app-button-3-bg: #676767;--app-button-3-hover: #6f6f6f;--app-button-3-active: #858585;--app-button-3-border: #8e8e8e;--app-button-3-text: #f9f9f9;--header-bg: #F1F1F2;--theme-switch-icon-fill: #e2e2e2;--textarea-color: #222;--border: #b6b6b6;--bug-off-bg: #e2e2e2;--bug-off-border: rgb(180, 180, 180);--card-move-fill: black;--error-title-grey: #b4b4b4;--theme-switch-btn-fill: #555;--task-outer-grid: #FFFFFF;--pr-model: #F1F1F2;--pages-select-bg: #fff;--pages-select-text: #222;--pages-select-border:#b6b6b6;--svg-menu-fill: black;--app-selected-inactive: white;--input-range-thumb-border: 1px solid black;--appify-checkbox-bg: #fff;--appify-checkbox-svg: black;--accent-color: #990099;--select-accent-color: #3d3d3d;--white-black: #000000;--card-border-color: #cac9c9;--header-border-color:#cac9c9;--placeholder-text: #b6b6b6;--grad1: #b0b0b0;--grad2: #5a5a5a;--button-border: #979797;--button-bg: #EBEBEB;--button-color: black}:root{--body-font: "IBM Plex Sans", sans-serif;--color-logo-text:black;--color-logo-bg: white;--color-bg: #1F1E21;--color-font: #d5d5d5;--color-bg-header: #201d2b;--color-borderbottom-header: 1px solid #6f7d81;--color-a: #4a9de6;--color-svg-contrast: #ffffff;--color-svg-logo: #ffffff;--color-bg-footer: #201d2b;--color-bordertop-footer: 1px solid #6f7d81;--color-np-loading:rgb(238, 238, 238);--color-button-check-bg: #33333e;--color-button-check-border: #9c9c9c;--color-button-text: #d0d0d0;--color-input-text: #e6e6e6;--color-input-background: #252535;--color-input-underline: #d5d5d5;--header-bg: #444444;--app-button-bg: #454545;--app-button-hover: #555;--app-button-active: #565656;--app-button-text: #f9f9f9;--app-button-2-bg: #333;--app-button-2-hover: #3d3d3d;--app-button-2-active: #424242;--app-button-2-border: #adb0b1;--app-button-2-text: #e0e0e0;--app-button-2-border-active: #00f7ff;--accent-color: #00f7ff;--app-button-3-bg: #333;--app-button-3-hover: #3d3d3d;--app-button-3-active: #424242;--app-button-3-border: #7e7e7e;--app-button-3-text: #f9f9f9;--theme-switch-icon-fill: #fff;--textarea-color: #f5f5f5;--border: #555;--bug-off-bg: #9a9a9a;--bug-off-border: rgb(130, 130, 130);--card-move-fill: white;--error-title-grey: #6c6c6c;--theme-switch-btn-fill: #fff;--task-outer-grid: #1f1e21;--pr-model: #303439;--pages-select-bg: #1f1e21;--pages-select-text: #ededed;--pages-select-border: #ADB0B1;--svg-menu-fill: white;--app-selected-inactive: #7d7d7d;--input-range-thumb-border: 2px solid #fff;--appify-checkbox-bg: white;--appify-checkbox-svg: black;--select-accent-color: #a9a9a9;--app-button-2-bg-active: #000000;--white-black: #ffffff;--card-border-color: #666;--header-border-color:#666;--placeholder-text: #646464;--grad1: #5a5a5a;--grad2: #999999;--button-border: gray;--button-bg: black;--button-color: white}.blacklink{color:#008cd9!important}button{border:1px solid var(--button-border);color:var(--button-color);background-color:var(--button-bg);border-radius:3px;padding:5px 10px}button:hover,button:active{border:1px solid var(--accent-color)}.svg-icons-style{fill:var(--color-svg-contrast)}.svg-icons-style:hover{outline:2px solid grey}.logo-text{fill:var(--color-logo-text)}.logo-bg{fill:var(--color-logo-bg)}#svg-menu path{fill:var(--svg-menu-fill)}#svg-back path{fill:var(--svg-menu-fill)}.theme-switch-btn{fill:var(--theme-switch-btn-fill)}.white-black{stroke:var(--white-black)}.white-black-fill{fill:var(--white-black)}.white-black-color{color:var(--white-black)}.svg-icon{width:100%;height:100%;display:block}.app-button-new:hover path{stroke:var(--accent-color)!important}.app-button-new{width:30px;height:30px;margin-right:10px;border:1px solid var(--app-button-2-border);color:#666!important;border-radius:3px;float:left;text-align:center;font-size:14px;padding:3px;cursor:pointer;text-decoration:none;color:var(--app-button-2-text)!important;background-color:var(--app-button-2-bg)}.app-button-new:active,.app-button-new:hover,.app-button:hover,.app-button:active{filter:brightness(110%)}.app-button-matrices{width:30px;height:30px;margin-left:15px;border:1px solid var(--app-button-2-border);color:#666!important;border-radius:3px;float:left;text-align:center;font-size:14px;padding:3px;cursor:pointer;text-decoration:none;color:var(--app-button-2-text)!important;background-color:var(--app-button-2-bg)}.app-button-matrices:hover,.app-button-matrices:active{color:var(--accent-color)!important}.app-button-matrices-selected{background:var(--app-button-2-bg-active);color:var(--accent-color)!important;border:1px solid var(--app-button-2-border-active)}.selected-inactive{color:#888!important}.app-button-3{width:86px;border:1px solid var(--app-button-3-border);border-radius:3px;float:left;text-align:center;font-size:14px;height:30px;padding-top:4px;margin-top:-2px;cursor:pointer;text-decoration:none;color:var(--app-button-3-text)!important;background-color:var(--app-button-3-bg)}.app-button-3:hover{filter:brightness(110%)}.button-new{float:right;width:22px;height:22px;margin-right:30px;margin-top:21px}.top{position:absolute;height:5px;width:100%;background-image:linear-gradient(to right,#eea2a2,#bbc1bf 19%,#57c6e1 42%,#b49fda 79%,#7ac5d8)}.icon-div{float:left;width:40px;height:40px;border-radius:50%;background-color:var(--bug-bg);border:1px solid rgb(255,170,170);margin-right:5px;text-align:center;padding-top:8px;font-size:14px;color:#000;font-weight:700}.icon-div-extra{float:left;width:40px;height:40px;border-radius:50%;background-color:#daf0ff;border:1px solid #a4c9c2;margin-right:5px;text-align:center;padding-top:8px;font-size:14px;margin-bottom:50px}.btn-active,.btn-active-svg{stroke:var(--accent-color)!important}.btn-sort-by-8020:active svg path,.btn-sort-by-8020:focus svg path{stroke:var(--accent-color)!important}.btn-8020-sliders:active svg path,.btn-8020-sliders:focus svg path,.btn-8020-sliders:active svg line,.btn-8020-sliders:focus svg line{stroke:var(--accent-color)!important}.button{padding:7px 17px;text-align:center;cursor:pointer;outline:none;border:1px solid #ccc;border-radius:4px;background-color:#f0f0f0;color:#333;transition:all .3s ease}.button:hover{background-color:#e8e8e8;box-shadow:0 2px 5px #0000001a}.button:active{background-color:#ddd;box-shadow:inset 0 2px 5px #0003}.button:focus{border-color:#ccc;box-shadow:0 0 0 3px #ccc9}.button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;box-shadow:none}.pages{width:120px}.pages-select{position:relative;display:inline-block}.pages-select{background:var(--pages-select-bg);font-family:IBM Plex Sans,sans-serif!important}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:120px;padding:4px 10px 4px 4px;font-size:14px;border:1px solid var(--pages-select-border);border-radius:3px;color:var(--pages-select-text);background:var(--pages-select-bg)}.select-arrow{position:absolute;top:50%;right:7px;transform:translateY(-50%);pointer-events:none}.select-arrow svg{fill:#333;width:16px;height:16px}select:focus{outline:none;border:1px solid var(--pages-select-border)}select:active{border:1px solid var(--accent-color);box-shadow:none}select:hover{border:1px solid var(--accent-color)}.card-transition-move{transition:transform .5s ease}.card-transition-enter-active,.card-transition-leave-active,.card-transition-move{transition:all .5s ease}.card-transition-enter-from,.card-transition-leave-to{opacity:0;transform:translateY(20px)}.card-transition-enter-to,.card-transition-leave-from{opacity:1;transform:translateY(0)}