@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap);body{--font-size:1rem;text-align:left;font-family:Noto,sans-serif;font-size:var(--font-size);line-height:var(--font-size)}body{color:#f9ead6;--accent:gold;--accent-background:#333f}body.light{--accent:goldenrod;--accent-background:antiquewhite;color:#333}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;color:var(--accent);cursor:pointer;-webkit-user-select:none}.primary{background:#222f}.light .primary,.light.primary{color:#333f;background:#faebd7}.secondary{background:linear-gradient(135deg,#4a4540 0,#2a2520 100%)}.light .secondary,.light.secondary{background:#f5f0f0}.tertiary{background:radial-gradient(circle farthest-side at 0 50%,#333f 23.5%,rgba(240,166,17,0) 0) 21px 30px,radial-gradient(circle farthest-side at 0 50%,#441 24%,rgba(240,166,17,0) 0) 19px 30px,linear-gradient(#333f 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,#333f 0) 0 0,linear-gradient(150deg,#333f 24%,#441 0,#441 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#441 0,#441 76%,#333f 0) 0 0,linear-gradient(30deg,#333f 24%,#441 0,#441 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#441 0,#441 76%,#333f 0) 0 0,linear-gradient(90deg,#441 2%,#333f 0,#333f 98%,#441 0) 0 0 #333f;background-size:40px 60px}.light .tertiary,.light.tertiary{background:#eee}.neutral{color:#fff;background-color:#555}.relief{background-color:transparent}.frame{border:solid 1px var(--accent)}.light .elevated{border:solid 1px #0003}.elevated{border:solid 1px #fff3}.highlight{color:var(--accent-background);background-color:var(--accent)}.highlight .material-symbols-rounded{color:var(--accent-background)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:5px}h1{font-family:Kanit,sans-serif;font-weight:500;line-height:var(--font-size);color:#f3edff}.light h1{color:inherit}h2{font-family:Kanit,sans-serif;font-weight:500;line-height:var(--font-size);color:#f3edff}.light h2{color:inherit}a{color:inherit;text-decoration:none;cursor:pointer;font-weight:400}:root{accent-color:var(--accent)}:focus-visible{outline-color:var(--accent)}::selection{background-color:var(--accent);color:var(--accent-background)}.button,.combo,input,select,textarea{color:var(--accent);background-color:inherit;border:none;border-bottom:solid 1px var(--accent);font-weight:600;font-size:1rem}.button,.combo,input,select{height:2rem;border-radius:999px}input[type=email],input[type=password],input[type=search],input[type=text],textarea{font-size:1rem;font-family:Sarabun,sans-serif}.button,input{padding:.5rem .5rem}select{padding:0 .5rem}.combo,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select{cursor:pointer}input[type=checkbox]{cursor:pointer;width:.5rem;height:.5rem}.button,input[type=button]{cursor:pointer;box-shadow:1px 1px 2px #111f}.button.toggled,.button:active,input[type=button]:active{transform:translate(2px,2px);box-shadow:none}.button.toggled{color:var(--accent-background);background-color:var(--accent)}.button:hover,input:hover{background-color:var(--accent);color:var(--accent-background)}.primary-enter{animation:bubble_up ease .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes bubble_up{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.secondary-enter{animation:bubble_right ease .5s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes bubble_right{0%{opacity:0;transform:translateX(-100px)}100%{opacity:1;transform:translateX(0)}}