@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css?family=Montserrat:400,400i,700";@import "https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v6.7.2/css/fontawesome.css";@import "https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v6.7.2/css/solid.css";@import "https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v6.7.2/css/regular.css";@import "https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v6.7.2/css/light.css";:root{--font-icon:"Font Awesome 6 Pro";--color-red:#d9534f;--color-orange:#e67e22;--color-green:#10b981;--color-blue:#428bca;--color-purple:#9b59b6;--color-gray:#9ca3af;--color-slate:#64748b;--color-teal:#0d9488;--color-cyan:#0891b2;--color-brown:#a1887f;--bg-color:#e5e7eb;--text-color:#64748b;--link-color:var(--text-color);--link-hover:#0073aa;--link-active:orange}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Sarabun,sans-serif}body{color:var(--text-color);background-color:var(--bg-color)}*{box-sizing:border-box}form,ul,ol{margin:0}.lazy-load{content-visibility:auto}a{color:var(--link-color);cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}a:active{color:var(--link-active);text-decoration:underline}.icon{font-variant:normal;text-rendering:auto;font-style:normal;font-family:var(--font-icon);font-weight:400;line-height:1;display:inline-block}.icon.pad{margin-right:.375em}.icon.thin{font-weight:300!important}.icon.regular{font-weight:400!important}.icon.solid{font-weight:900!important}.icon.red{color:var(--color-red)}.icon.orange{color:var(--color-orange)}.icon.green{color:var(--color-green)}.icon.blue{color:var(--color-blue)}.icon.purple{color:var(--color-purple)}.icon.gray{color:var(--color-gray)}.icon.brown{color:var(--color-brown)}.icon.teal{color:var(--color-teal)}.icon.cyan{color:var(--color-cyan)}.left{float:left}.right{float:right}.box-tb{width:100%;display:table}.middle{align-items:center;margin:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.middle.left{float:unset;left:.5em}.middle.right{float:unset;right:.5em}.middle.left :is(button,input,select){margin-right:.45em}.middle.right :is(button,input,select){margin-left:.45em}.overlay{z-index:5;background-color:#0000000d;transition:all .4s;position:fixed;inset:0}.overlay.center{justify-content:center;padding-top:50px;display:flex}.overlay.middle{transform:unset;justify-content:center;align-items:center;display:flex}#totop{z-index:5;transition:all .4s;display:none;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#totop button{margin:0 .5em;display:block}body:has(#app.full-page) #totop{left:50%}body:has(#app.tabbar) #totop{bottom:66px}.spinner{border:4px solid #0ea5e9;border-color:#0ea5e9 #0ea5e9 #f1f5f9 #f1f5f9;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.spinner.s22{border-width:3px;width:22px;height:22px}.spinner.s24{border-width:3px;width:24px;height:24px}.spinner.s28{border-width:4px;width:28px;height:28px}.spinner.s32{border-width:4px;width:32px;height:32px}.spinner.s36{border-width:4px;width:36px;height:36px}.lds-spinner{width:64px;height:64px;display:block;position:relative}.lds-spinner div{transform-origin:32px 32px;animation:1.2s linear infinite lds-spinner}.lds-spinner div:after{content:"";background:#fff;border-radius:20%;width:5px;height:15px;display:block;position:absolute;top:0;left:30px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.lds-ellipsis{color:#fffc;width:60px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lds-ellipsis div{background:currentColor;border-radius:50%;width:10px;height:10px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:10px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:6px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:6px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:24px}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:42px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(18px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in{0%{transform:scale(.1)}to{transform:scale(1)}}@keyframes zoom-out{0%{transform:scale(1)}to{transform:scale(.1)}}@keyframes slide-in-left{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-out-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes slide-out-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cover :has(.grid-btn){padding:0}.grid-btn{width:100%;height:auto;color:var(--color-gray);background-color:#0000;border:2px solid #e5e7eb;border-radius:10px;padding:10px;display:block}.grid-btn i{margin:0;display:block}.grid-btn .icon{margin:8px 0;font-size:48px;font-weight:300}.grid-btn .text{font-family:Prompt;line-height:2}.grid-btn:hover{color:var(--color-blue);box-shadow:0 2px 8px #63636333}.grid-btn:hover .icon{transform:scale(1.1)}.grid-btn:disabled{color:#d1d5db;background-color:#0000;border-color:#0000}button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0003;border:none;border-radius:8px;outline:none;height:40px;padding:0 1em;font-family:Prompt,sans-serif;font-size:16px}button[fill=clear]{color:#0006;background-color:#0000}button[fill=outline]{color:#0006;background-color:#0000;border:2px solid #0003}button.block{border-radius:0}button.round{border-radius:1.1em}button:is(.square,.circle){width:40px;height:40px;font-family:var(--font-icon);padding:0;font-size:20px}button.circle{border-radius:50%}button.xxl{height:52px;font-size:20px}button.xl{height:48px;font-size:20px}button.lg{height:44px;font-size:18px}button.sm{height:36px;font-size:15px}button.tn{height:32px;font-size:14px}button.xxl:is(.square,.circle){width:52px;font-size:24px}button.xl:is(.square,.circle){width:48px;font-size:24px}button.lg:is(.square,.circle){width:44px;font-size:22px}button.sm:is(.square,.circle){width:36px;font-size:18px}button.tn:is(.square,.circle){width:32px;font-size:16px}button i{font-style:normal;font-family:var(--font-icon);margin-right:.375em}button.thin i,button.thin:is(.square,.circle){font-weight:300!important}button.regular i,button.regular:is(.square,.circle){font-weight:400!important}button.solid i,button.solid:is(.square,.circle){font-weight:900!important}button.red{background-color:var(--color-red)}button.orange{background-color:var(--color-orange)}button.green{background-color:var(--color-green)}button.blue{background-color:var(--color-blue)}button.purple{background-color:var(--color-purple)}button.gray{background-color:var(--color-gray)}button.brown{background-color:var(--color-brown)}button.teal{background-color:var(--color-teal)}button.cyan{background-color:var(--color-cyan)}button.light{color:var(--link-color);background-color:#0000000d;opacity:1!important}button.light:hover{color:var(--link-hover);background-color:#00000014}button.light:active{color:var(--link-active);font-size:1.1em}button[fill].red{color:var(--color-red);border-color:var(--color-red);background-color:#0000}button[fill].orange{color:var(--color-orange);border-color:var(--color-orange);background-color:#0000}button[fill].green{color:var(--color-green);border-color:var(--color-green);background-color:#0000}button[fill].blue{color:var(--color-blue);border-color:var(--color-blue);background-color:#0000}button[fill].purple{color:var(--color-purple);border-color:var(--color-purple);background-color:#0000}button[fill].gray{color:var(--color-gray);border-color:var(--color-gray);background-color:#0000}button[fill].brown{color:var(--color-brown);border-color:var(--color-brown);background-color:#0000}button[fill].teal{color:var(--color-teal);border-color:var(--color-teal);background-color:#0000}button[fill].cyan{color:var(--color-cyan);border-color:var(--color-cyan);background-color:#0000}button[fill=outline]:hover{color:var(--link-active);border-color:var(--link-active)}button[fill=clear]:hover{color:var(--link-hover);background-color:#0000000d}button[fill=clear]:active{color:var(--link-active)}button:not([hover],[fill]):hover{opacity:.9}button:not([hover],[fill]):active{opacity:1}button[hover=red]:hover{background-color:var(--color-red)}button[hover=orange]:hover{background-color:var(--color-orange)}button[hover=green]:hover{background-color:var(--color-green)}button[hover=blue]:hover{background-color:var(--color-blue)}button[hover=purple]:hover{background-color:var(--color-purple)}button[hover=gray]:hover{background-color:var(--color-gray)}button[hover=brown]:hover{background-color:var(--color-brown)}button[hover=teal]:hover{background-color:var(--color-teal)}button[hover=cyan]:hover{background-color:var(--color-cyan)}button[shadow=true]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}button:disabled{pointer-events:none;color:#a1a1aa;background-color:#e4e4e7}button .btn-loader{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}:root{--input-bg:#fff;--input-color:var(--text-color);--input-border:1px solid #d1d5db;--input-outline:#06b6d4;--input-label:#0891b2}input::placeholder,textarea::placeholder{opacity:.4;font-style:italic}input::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-inner-spin-button{-webkit-appearance:none}input::file-selector-button{color:var(--text-color)}input.date-only::-webkit-calendar-picker-indicator{display:none}input.date-only::-webkit-input-placeholder{visibility:hidden}input.hide{visibility:hidden;width:0!important;margin:0!important;padding:0!important}.required{color:#d1d5db;font-style:italic}select,textarea,input:not([type=radio],[type=checkbox]){outline-color:var(--input-outline);border:var(--input-border);color:var(--input-color);background-color:var(--input-bg);border-radius:4px;font-family:Sarabun,sans-serif;font-size:16px;line-height:2.25}input:disabled,select:disabled,textarea:disabled{color:#9ca3af;background-color:#f3f4f6;border-color:#e5e7eb}input:disabled+div.label,select:disabled+div.label{background-color:#0000}select,input:not([type=radio],[type=checkbox]){height:40px;padding:1px 8px}select.xl,input.xl{height:48px;padding:3px 8px;line-height:2.5}select.lg,input.lg{height:44px;padding:3px 8px}select.sm,input.sm{height:36px;padding:1px 8px;line-height:2}select.tn,input.tn{height:32px;padding:1px 8px;font-size:14px;line-height:2}select option{font-size:16px}textarea{resize:vertical;vertical-align:top;width:100%;padding:4px 8px;line-height:1.5}.input-box{padding-top:11.5px;position:relative}.input-box :is(input,select){width:100%}.input-box .label{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;max-width:100%;margin:0;padding:0 4px;font-size:13px;font-style:italic;line-height:1.5;position:absolute;top:0;left:10px;overflow:hidden}.input-box input:focus+div.label,.input-box select:focus+div.label,.input-box textarea:focus+div.label{color:var(--input-label)}:root{--cover-bg:#fff;--cover-bar-bg:#e5e7eb;--cover-border:1px solid #e5e7eb}.page{line-height:1.75;position:relative}.header-bar{text-align:center;color:#fff;z-index:1;background-color:#64748b;height:40px;font-family:Prompt;font-weight:400;line-height:2.5;position:relative}.cover{background-color:var(--cover-bg);min-height:60px;padding:10px;line-height:1.75;position:relative}.cover.fit{margin:0 10px}.cover.round{border-radius:8px}.cover.border{border:var(--cover-border)}.cover+.cover{margin-top:15px}.cover.full{padding:15px}#app.tabbar:has(.cover.full){padding-bottom:46px}#app-content:has(.cover.full){background-color:var(--cover-bg);min-height:100%}.cover .cover-bar{text-align:center;background-color:var(--cover-bar-bg);z-index:1;height:40px;font-family:Prompt;font-weight:500;line-height:2.5;position:relative}.cover .cover-bar.outline{border-top:var(--cover-border);border-bottom:var(--cover-border);background-color:#0000;border-radius:0!important}.cover .cover-bar.xl{height:48px;font-size:18px;line-height:2.667}.cover .cover-bar.lg{height:44px;line-height:2.75}.cover .cover-bar.sm{height:36px;line-height:2.25}.cover .cover-bar.tn{height:32px;line-height:2}.cover .cover-bar.title{color:#fff;background-color:#64748b;font-weight:400}.cover.round .cover-bar{border-radius:4px}.cover .cover-bar:not(.title) button{opacity:.75}.cover .cover-bar:not(.title) button:hover{opacity:1}.cover .cover-body{position:relative}.cover .cover-body.pad{padding:10px}.cover .cover-body.border{border:var(--cover-border);margin-top:10px;padding:10px}.cover.round .cover-body.border{border-radius:4px}.cover hr{border:none;border-top:var(--cover-border);margin:5px 0}.cover hr.dashed{border-top-style:dashed}.cover.grid{grid-gap:10px;grid-template-columns:repeat(2,1fr);display:grid}.cover.grid.col-3{grid-template-columns:repeat(3,1fr)}.cover.grid.col-4{grid-template-columns:repeat(4,1fr)}.cover.grid .span-2{grid-column:span 2}.cover.grid .span-3{grid-column:span 3}.cover.grid .span-4{grid-column:span 4}.cover.grid .span,.cover.grid .cover-bar,.cover.grid hr:not(.cover-body hr){grid-column:1/span 2}.cover.grid.col-3 .span,.cover.grid.col-3 .cover-bar,.cover.grid.col-3 hr:not(.cover-body hr){grid-column:1/span 3}.cover.grid.col-4 .span,.cover.grid.col-4 .cover-bar,.cover.grid.col-4 hr:not(.cover-body hr){grid-column:1/span 4}.cover.grid hr:not(.cover-body hr){margin:0}.cover.grid .cover-body.pad{padding:0 10px}.cover.grid .cover-body.border{margin:0}.cover.grid .grid-item{text-align:center;background-color:#f3f4f6}.cover.grid.round .grid-item{border-radius:4px}.cover .action-bar{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;min-height:36px;margin:5px 0;display:flex;position:relative}.cover .action-bar.left{float:unset;justify-content:flex-start}.cover .action-bar.right{float:unset;justify-content:flex-end}.cover .action-bar.between{justify-content:space-between}.cover .action-bar.between .item{align-items:center;display:flex}.cover .action-bar :is(.icon,button,input,select){margin:0 3px}.cover.menu{grid-gap:10px;border-radius:unset;background-color:#0000;grid-template-columns:repeat(2,1fr);margin:0 15px;padding:0;display:grid}.cover.menu .menu-btn{text-align:center;color:#ffffffe6;background-color:#f3f4f6;border:none;border-radius:10px;height:auto;padding:10px}.cover.menu .menu-btn .icon{padding:4px;font-size:38px;font-weight:900}.cover.menu .menu-btn .text{font-family:Prompt;font-size:16px}.cover.menu .menu-btn:not([class*=\ ]){color:var(--text-color);box-shadow:0 0 0 1px #0000000d}.cover.menu .menu-btn:not([class*=\ ]) .icon{color:var(--color-cyan);font-weight:300}.cover.menu .menu-btn.red{background-color:var(--color-red)}.cover.menu .menu-btn.orange{background-color:var(--color-orange)}.cover.menu .menu-btn.green{background-color:var(--color-green)}.cover.menu .menu-btn.blue{background-color:var(--color-blue)}.cover.menu .menu-btn.purple{background-color:var(--color-purple)}.cover.menu .menu-btn.teal{background-color:var(--color-teal)}.cover.menu .menu-btn.cyan{background-color:var(--color-cyan)}.cover.menu .menu-btn:hover{opacity:1}.cover.menu .menu-btn:not(:disabled):active .icon{color:var(--link-active);transition:all .1s;transform:scale(1.1)}.cover.menu .menu-btn:disabled :is(.icon,.text){color:#9ca3af;pointer-events:none}.cover.markdown{padding:10px 20px;line-height:1.5}.cover.markdown hr,.cover.markdown :is(p,h1,h2,h3,h4){margin:10px 0}.cover.markdown :is(h1,h2){border-bottom:var(--cover-border);line-height:1.75}.cover.markdown h1{font-size:1.5rem}.cover.markdown h2{font-size:1.25rem}.cover.markdown h3{font-size:1.125rem}#changelog.cover.markdown h2{font-size:1rem}#changelog.cover.markdown h2:before{content:"# "}.cover-loader{z-index:1;justify-content:center;padding:16px;display:flex;position:absolute;inset:0}.cover-loader.middle{transform:unset;align-items:center}:root{--table-th-bg:#f3f4f6;--table-border:1px solid #e5e7eb}.table{border-collapse:collapse;width:100%;line-height:2.5}.table th{background-color:var(--table-th-bg)}.table :is(th,td){padding:0 8px}.table tr:not(:last-child){border-bottom:var(--table-border);border-bottom-style:dashed}.table.border{border:var(--table-border)}.table.border th,.table.border tr:not(:last-child) td{border-bottom:var(--table-border)}.table.border :is(th,td):not(:last-child){border-right:var(--table-border)}.table.border tfoot tr:first-child :is(th,td){border-top:var(--table-border)}.table.border tfoot tr:last-child :is(th,td){border-bottom:none}.table.scroll tbody{display:block;overflow-y:scroll}.table.scroll :is(thead,tfoot,tbody) tr{table-layout:fixed;width:100%;display:table}.table.scroll.wrap td{max-width:unset}.table .td2row{padding:3px 8px;line-height:1.5}.table .td2row div:first-child{font-weight:500}.table .td2row div:last-child{color:#9ca3af;font-size:14px;font-style:italic;line-height:1.429}.table.wrap td{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.table.wrap .td2row div{text-overflow:ellipsis;overflow:hidden}.table button{opacity:.75}.table button:hover{opacity:1}.table .cell-btn button{margin:0 2px}.table .cell-btn{text-align:center;padding:0;line-height:normal}.table .cell-title{background-color:#fff}:root{--wg-color-blue:#88a7e2;--wg-color-violet:#9a98d3;--wg-color-purple:#c59dd1;--wg-color-red:#e08c96;--wg-color-orange:#ffb85d;--wg-color-green:#81c784;--wg-color-brown:#c8a88a}.wg-box{grid-gap:10px;grid-template-columns:repeat(4,1fr);display:grid}.wg-box.col-2{grid-template-columns:repeat(2,1fr)}.wg-box.col-3{grid-template-columns:repeat(3,1fr)}.wg-box.col-5{grid-template-columns:repeat(5,1fr)}.wg-box.col-6{grid-template-columns:repeat(6,1fr)}.wg-box.round :is(.wg-bar,.wg-item){border-radius:6px}.wg-box.shadow :is(.wg-bar,.wg-item){box-shadow:0 1px 4px #00000029}.wg-box .wg-bar{text-align:center;color:#fff;background-color:#e5e7eb;grid-column:1/span 4;font-family:Prompt;font-weight:400;line-height:2.5;position:relative}.wg-box.col-2 .wg-bar{grid-column:1/span 2}.wg-box.col-3 .wg-bar{grid-column:1/span 3}.wg-box.col-5 .wg-bar{grid-column:1/span 5}.wg-box.col-6 .wg-bar{grid-column:1/span 6}.wg-box .wg-bar.sm{line-height:2.25}.wg-box .wg-bar.tn{line-height:2}.wg-box .wg-item{text-align:center;color:#fffc;background-color:#e5e7eb;font-family:Prompt}.wg-box .wg-item .num{color:#fff;height:28px;font-size:17px;line-height:1.648}.wg-box .wg-item .text{white-space:nowrap;text-overflow:ellipsis;background-color:#0000000d;height:22px;font-size:13px;line-height:1.693;overflow:hidden}.wg-box .wg-item:hover{cursor:pointer}.wg-box .wg-bar.blue,.wg-box .wg-item.blue{background-color:var(--wg-color-blue)}.wg-box .wg-bar.violet,.wg-box .wg-item.violet{background-color:var(--wg-color-violet)}.wg-box .wg-bar.purple,.wg-box .wg-item.purple{background-color:var(--wg-color-purple)}.wg-box .wg-bar.red,.wg-box .wg-item.red{background-color:var(--wg-color-red)}.wg-box .wg-bar.orange,.wg-box .wg-item.orange{background-color:var(--wg-color-orange)}.wg-box .wg-bar.green,.wg-box .wg-item.green{background-color:var(--wg-color-green)}.wg-box .wg-bar.brown,.wg-box .wg-item.brown{background-color:var(--wg-color-brown)}