@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{margin:0;padding:0;width:100%;height:100%;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);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}a:hover{color:var(--link-hover);text-decoration:underline}a:active{color:var(--link-active);text-decoration:underline}.icon{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-family:var(--font-icon);font-weight:400;line-height:1}.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{display:table;width:100%}.middle{margin:0;top:50%;transform:translateY(-50%);display:flex;position:absolute;align-items:center}.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{position:fixed;inset:0;z-index:5;background-color:#0000000d;transition:.4s}.overlay.center{display:flex;justify-content:center;padding-top:50px}.overlay.middle{display:flex;justify-content:center;align-items:center;transform:unset}#totop{display:none;position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:5;transition:.4s}#totop button{margin:0 .5em;display:block}body:has(#app.full-page) #totop{left:50%}body:has(#app.tabbar) #totop{bottom:66px}.spinner{width:40px;height:40px;border-width:4px;border-style:solid;border-color:#0EA5E9 #0EA5E9 #F1F5F9 #F1F5F9;border-radius:50%;animation:spin .8s linear infinite}.spinner.s22{width:22px;height:22px;border-width:3px}.spinner.s24{width:24px;height:24px;border-width:3px}.spinner.s28{width:28px;height:28px;border-width:4px}.spinner.s32{width:32px;height:32px;border-width:4px}.spinner.s36{width:36px;height:36px;border-width:4px}.lds-spinner{display:block;position:relative;width:64px;height:64px}.lds-spinner div{transform-origin:32px 32px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:"";display:block;position:absolute;top:0;left:30px;width:5px;height:15px;border-radius:20%;background:#fff}.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}}.lds-ellipsis{position:absolute;width:60px;height:30px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffc}.lds-ellipsis div{position:absolute;top:10px;width:10px;height:10px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:6px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:6px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:24px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:42px;animation:lds-ellipsis3 .6s infinite}@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)}}:root{--cover-bg: #FFFFFF;--cover-bar-bg: #E5E7EB;--cover-border: 1px solid #E5E7EB}.page{position:relative;line-height:1.75}.header-bar{position:relative;height:40px;line-height:2.5;font-weight:400;font-family:Prompt;text-align:center;color:#fff;background-color:#64748b;z-index:1}.cover{position:relative;padding:10px;line-height:1.75;background-color:var(--cover-bg);min-height:60px}.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){min-height:100%;background-color:var(--cover-bg)}.cover .cover-bar{position:relative;height:40px;line-height:2.5;font-weight:500;font-family:Prompt;text-align:center;background-color:var(--cover-bar-bg);z-index:1}.cover .cover-bar.outline{border-radius:0!important;border-top:var(--cover-border);border-bottom:var(--cover-border);background-color:transparent}.cover .cover-bar.xl{height:48px;line-height:2.667;font-size:18px}.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{font-weight:400;color:#fff;background-color:#64748b}.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{padding:10px;margin-top:10px;border:var(--cover-border)}.cover.round .cover-body.border{border-radius:4px}.cover hr{margin:5px 0;border:none;border-top:var(--cover-border)}.cover hr.dashed{border-top-style:dashed}.cover.grid{display:grid;grid-gap:10px;grid-template-columns:repeat(2,1fr)}.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{position:relative;width:100%;margin:5px 0;min-height:36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.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{display:flex;align-items:center}.cover .action-bar :is(.icon,button,input,select){margin:0 3px}.cover.menu{display:grid;grid-gap:10px;grid-template-columns:repeat(2,1fr);margin:0 15px;padding:0;border-radius:unset;background-color:transparent}.cover.menu .menu-btn{height:auto;padding:10px;border:none;border-radius:10px;text-align:center;color:#ffffffe6;background-color:#f3f4f6}.cover.menu .menu-btn .icon{font-weight:900;font-size:38px;padding:4px}.cover.menu .menu-btn .text{font-size:16px;font-family:Prompt}.cover.menu .menu-btn:not([class*=" "]){color:var(--text-color);box-shadow:#0000000d 0 0 0 1px}.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);transform:scale(1.1);transition:.1s}.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{margin:10px 0}.cover.markdown :is(p,h1,h2,h3,h4){margin:10px 0}.cover.markdown :is(h1,h2){line-height:1.75;border-bottom:var(--cover-border)}.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{position:absolute;inset:0;padding:16px;display:flex;justify-content:center;z-index:1}.cover-loader.middle{align-items:center;transform:unset}