:root{--hff-root: "Kodchasan", sans-serif;--hff-title: "Kodchasan", sans-serif;--hf-icon: "Material Symbols Outlined", sans-serif;--hff-mono: ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace;--hff-mock: Arial, "Helvetica Neue", Helvetica, sans-serif;--hlh-root: 1.55;--hfw-root: 400;--hfs-root: 10px;--hfs-primary: 1.5rem;--hfs-h1: 4.2rem;--hfs-h2: 3.2rem;--hfs-h3: 2.5rem;--hfs-h4: 2rem;--hfs-h5: 1.6rem;--hfs-h6: 1.3rem;--hc-root: #e9e9ed;--hc-primary: #9184d9;--hc-primary-light: #b5abfc;--hc-primary-pale: #d2cefd;--hc-primary-dark: #423a6a;--hc-primary-deep: #2b2741;--hc-device: #0c0c0f;--hc-ice: #f5f4ff;--hc-surface: #232532;--hc-sub: #e4e7f5;--hc-soft: #cfd3e5;--hc-muted: #b2b6ca;--hc-dim: #9397ab;--hc-thumb: #3f424d;--hc-line: rgba(233, 233, 237, 0.16);--hc-success: #7fd1a0;--hc-error: #f08a7a;--hc-warn: #e8c46a;--hs-sm: 0 0 0 1px #3f424d;--hs-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0, 0, 0, 0.55);--hs-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0, 0, 0, 0.65);--hbg-root: #161826;--hc-scroll-bg: #232532;--hc-scroll-thumb: #595d6c}*,::before,::after{box-sizing:border-box}html{height:100%;overflow-x:clip;width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;min-height:100%;overflow-x:clip;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus:not(:focus-visible){outline:0}:focus-visible{outline:2px solid var(--hc-primary);outline-offset:2px}hr{border:0;border-top:1px solid;color:inherit;height:0;overflow:visible}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1em}pre{overflow:auto}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img,video{height:auto;max-width:100%}img,svg,video,canvas{vertical-align:middle}iframe{border:0}a,label,button{user-select:none}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button;cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}form{width:100%}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@media only screen and (max-width: 1200px){select{-moz-appearance:none;-webkit-appearance:none}}summary{display:list-item}[hidden]{display:none !important}@media(prefers-reduced-motion: reduce){*,::before,::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important}}html{font-family:var(--hff-root);font-size:var(--hfs-root);line-height:var(--hlh-root)}body{color:var(--hc-root);font-size:var(--hfs-primary);font-weight:var(--hfw-root)}a{color:var(--hc-primary);text-decoration:none;text-underline-offset:3px;transition:color .2s}p{margin-top:0}::selection{background-color:rgba(145,132,217,.3)}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:-0.015em;line-height:1.12;margin-top:0}h1{font-size:var(--hfs-h1)}h2{font-size:var(--hfs-h2)}h3{font-size:var(--hfs-h3)}h4{font-size:var(--hfs-h4)}h5{font-size:var(--hfs-h5)}h6{font-size:var(--hfs-h6)}.himg-cover{height:100%;left:0;object-fit:cover;object-position:center;top:0;transition:opacity .3s;width:100%}.himg-contain{height:100%;left:0;object-fit:contain;object-position:center;top:0;transition:opacity .3s;width:100%}.w-100p{width:100% !important}.w-50p{width:50% !important}.w-25p{width:25% !important}.w-540{width:540px !important}.w-265{width:265px !important}.w-250{width:250px !important}.w-200{width:200px !important}.w-150{width:150px !important}.w-125{width:125px !important}.w-120{width:120px !important}.w-100{width:100px !important}.w-75{width:75px !important}.w-50{width:50px !important}.mt-20{margin-top:20px !important}.mt-10{margin-top:10px !important}.mt-0{margin-top:0px !important}.mb-30{margin-bottom:30px !important}.mb-20{margin-bottom:20px !important}.mb-15{margin-bottom:15px !important}.mb-10{margin-bottom:10px !important}.mb-0{margin-bottom:0px !important}.mr-20{margin-right:20px !important}.mr-10{margin-right:10px !important}.mr-0{margin-right:0px !important}.ml-10{margin-left:10px !important}.ml-0{margin-left:0px !important}body{background:radial-gradient(ellipse 70% 55% at 0% 0%, var(--hc-primary-deep), transparent 70%) no-repeat,var(--hbg-root);display:flex;flex-direction:column;padding-top:72px}body.nav-open{overflow:hidden}main{flex:1}main{flex:1}.h-main{margin-inline:auto;padding:20px 20px 50px;max-width:1400px;width:100%}.h-content{padding-block:50px}.h-block{margin-bottom:50px}.h-block:last-child{margin-bottom:0}.h-container{margin-inline:auto;padding-inline:20px;max-width:1400px;width:100%}.h-row{column-gap:50px;display:flex}.h-col:first-child{flex:1}.h-col:last-child{width:250px}.h-headline{margin-bottom:30px;text-align:center}.h-headline .he-txt{max-width:800px;margin-inline:auto}.h-sp-block,.h-sm-block{display:none}@media only screen and (max-width: 1200px){.h-row{column-gap:30px}}@media only screen and (max-width: 992px){.h-row{flex-direction:column-reverse;row-gap:20px}.h-row--blog{column-gap:30px;flex-direction:column}.h-col{width:100%}.h-col:last-child{width:100%}.h-content{padding-block:30px}}@media only screen and (max-width: 768px){body{padding-top:60px}.h-pc-block,.h-pc-inline{display:none !important}.h-sp-block{display:block !important}}@media only screen and (max-width: 576px){.h-sm-block{display:block}}.h-sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.material-symbols-outlined{height:1em;width:1em;transition:color .3s}.hc-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(22,24,38,.85);border-bottom:1px solid var(--hc-line);display:flex;height:72px;left:0;position:fixed;top:0px;transition:background-color .3s ease;width:100%;z-index:9999}.hc-header__container{align-items:center;display:flex;gap:28px}.hc-header__logo{align-items:center;color:var(--hc-root);display:flex;font-size:1.8rem;font-weight:500;gap:10px;margin-right:auto}.hc-header__logo img{height:auto;width:50px}.hc-header__toggle{background:none;border:0;cursor:pointer;display:none;height:24px;margin-left:auto;padding:0;position:relative;width:30px;z-index:10002}.hc-header__toggle::before,.hc-header__toggle::after{background-color:var(--hc-root);border-radius:3px;content:"";height:3px;left:0;position:absolute;transition:transform .35s ease,top .35s ease,bottom .35s ease;width:100%}.hc-header__toggle::before{box-shadow:0 10px 0 0 var(--hc-root);top:0;transition:transform .35s ease,top .35s ease,box-shadow .15s ease .2s}.hc-header__toggle::after{bottom:0}.hc-header__toggle.active::before{box-shadow:0 0 0 0 rgba(0,0,0,0);top:11px;transform:rotate(45deg);transition:transform .35s ease .15s,top .2s ease,box-shadow .15s ease}.hc-header__toggle.active::after{bottom:10px;transform:rotate(-45deg);transition:transform .35s ease .15s,bottom .2s ease}.hc-header.sticky{background-color:rgba(22,24,38,.96)}@media only screen and (max-width: 1200px){.hc-header__toggle{display:block;margin-left:0}.hc-header__logo{margin-right:auto}}@media only screen and (max-width: 768px){.hc-header{height:60px}.hc-header__logo img{width:40px}}@media only screen and (max-width: 576px){.hc-header__container{gap:20px}}.hc-nav{z-index:9999}@media only screen and (min-width: 1200.02px){.hc-nav{align-self:stretch}.hc-nav>ul{display:inline-flex;gap:4px;height:100%;list-style:none;margin:0;padding:0}.hc-nav>ul>li{align-items:center;display:inline-flex;height:100%;position:relative}.hc-nav>ul>li>a{align-items:center;color:var(--hc-root);display:flex;font-size:1.4rem;font-weight:500;height:100%;padding-inline:14px;transition:color .2s}.hc-nav>ul>li>i{color:var(--hc-root);font-size:2rem;margin-left:-12px;pointer-events:none;transition:color .2s}.hc-nav>ul>li::after{background-color:var(--hc-primary);bottom:-1px;content:"";height:2px;left:0;opacity:0;position:absolute;transition:opacity .3s;width:100%}.hc-nav>ul>li.current>a,.hc-nav>ul>li.current>i,.hc-nav>ul>li:hover>a,.hc-nav>ul>li:hover>i{color:var(--hc-primary)}.hc-nav>ul>li.current::after,.hc-nav>ul>li:hover::after{opacity:1}.hc-nav>ul>li>ul{background-color:var(--hbg-root);border:1px solid var(--hc-line);border-radius:0 0 8px 8px;box-shadow:0 12px 24px rgba(0,0,0,.3);left:0;list-style:none;margin:0;min-width:240px;opacity:0;padding:8px 0;position:absolute;top:100%;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s;visibility:hidden}.hc-nav>ul>li>ul a{color:var(--hc-root);display:block;font-size:1.4rem;padding:10px 20px;transition:background-color .2s,color .2s}.hc-nav>ul>li:hover>ul{opacity:1;transform:translateY(0);visibility:visible}}@media only screen and (min-width: 1200.02px)and (hover: hover){.hc-nav>ul>li>ul a:hover{background-color:rgba(145,132,217,.12);color:var(--hc-primary)}}@media only screen and (max-width: 1200px){.hc-nav{background-color:var(--hbg-root);height:calc(100vh - 72px);left:0;overflow-y:auto;padding:20px 0 40px;position:fixed;top:72px;transform:translateX(-100%);transition:transform .45s cubic-bezier(0.77, 0, 0.175, 1);visibility:hidden;width:100%;z-index:10001}.hc-nav.show{transform:translateX(0);visibility:visible}}@media only screen and (max-width: 1200px)and (max-width: 768px){.hc-nav{height:calc(100vh - 60px);top:60px}}@media only screen and (max-width: 1200px){.hc-nav>ul{list-style:none;margin:0;padding:0}.hc-nav>ul>li{border-bottom:1px solid rgba(145,132,217,.15);opacity:0;position:relative;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.hc-nav>ul>li>a{color:var(--hc-root);display:block;font-size:1.8rem;font-weight:500;padding:14px 20px}.hc-nav>ul>li.current>a{color:var(--hc-primary)}.hc-nav>ul>li>i{color:var(--hc-root);cursor:pointer;font-size:3rem;position:absolute;right:20px;top:10px;transition:transform .3s}.hc-nav>ul>li>ul{list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.hc-nav>ul>li>ul a{color:var(--hc-root);display:block;font-size:1.5rem;opacity:.85;padding:9px 20px 9px 36px}.hc-nav>ul>li.expanded>i{transform:rotate(180deg)}.hc-nav>ul>li.expanded>ul{max-height:600px;padding-bottom:12px}.hc-nav.show>ul>li{opacity:1;transform:translateY(0)}.hc-nav.show>ul>li:nth-child(1){transition-delay:0.11s}.hc-nav.show>ul>li:nth-child(2){transition-delay:0.17s}.hc-nav.show>ul>li:nth-child(3){transition-delay:0.23s}.hc-nav.show>ul>li:nth-child(4){transition-delay:0.29s}.hc-nav.show>ul>li:nth-child(5){transition-delay:0.35s}.hc-nav.show>ul>li:nth-child(6){transition-delay:0.41s}.hc-nav.show>ul>li:nth-child(7){transition-delay:0.47s}.hc-nav.show>ul>li:nth-child(8){transition-delay:0.53s}}.hc-lang{border:1px solid var(--hc-line);border-radius:999px;display:inline-flex;padding:2px}.hc-lang__btn{background-color:rgba(0,0,0,0);border:0;border-radius:999px;color:var(--hc-muted);cursor:pointer;font:inherit;font-size:1.2rem;font-weight:500;letter-spacing:.04em;line-height:1;min-height:30px;min-width:38px;padding:4px 10px;transition:background-color .2s,color .2s}.hc-lang__btn.is-active{background-color:var(--hc-primary-dark);color:var(--hc-ice)}@media(hover: hover){.hc-lang__btn:not(.is-active):hover{color:var(--hc-root)}}@media only screen and (max-width: 1200px){.hc-lang{margin-left:auto}}.hc-footer{padding-block:24px}.hc-footer__row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:16px;position:relative}.hc-footer__row::before{background:linear-gradient(to right, transparent, var(--hc-line) 48px, var(--hc-line) calc(100% - 48px), transparent);content:"";height:1px;left:0;position:absolute;top:0;width:100%}.hc-footer__copyright{color:var(--hc-dim);font-size:1.3rem;margin-bottom:0}.hc-footer__wrap{align-items:center;display:flex;flex-wrap:wrap;gap:4px 20px}.hc-footer__nav{display:flex;flex-wrap:wrap;font-size:1.3rem;gap:4px 18px}.hc-footer__nav a{color:var(--hc-muted)}.hc-footer__social{display:flex;gap:4px;list-style:none;margin:0;padding:0}.hc-footer__social a{align-items:center;border-radius:8px;display:inline-flex;height:44px;justify-content:center;transition:background-color .2s;width:44px}.hc-footer__social img{height:20px;width:20px}@media(hover: hover){.hc-footer__nav a:hover{color:var(--hc-primary-light)}.hc-footer__social a:hover{background-color:rgba(145,132,217,.1)}}@media only screen and (max-width: 576px){.hc-footer__row{flex-direction:column;text-align:center}}.jsReveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change:opacity,transform}.jsReveal.is-visible{opacity:1;transform:translateY(0)}.jsReveal--zoom{transform:scale(0.92)}.jsReveal--zoom.is-visible{transform:scale(1)}.jsReveal--right{transform:translateX(40px)}.jsReveal--right.is-visible{transform:translateX(0)}.jsReveal--left{transform:translateX(-40px)}.jsReveal--left.is-visible{transform:translateX(0)}@media only screen and (max-width: 768px){.jsReveal--left,.jsReveal--right{transform:translateY(40px)}.jsReveal--left.is-visible,.jsReveal--right.is-visible{transform:translateY(0)}}@media(prefers-reduced-motion: reduce){.jsReveal{opacity:1;transform:none;transition:none}}.hc-totop{align-items:center;border:0;padding:0;box-shadow:var(--hs-md);background-color:var(--hc-surface);border-radius:50%;color:var(--hc-primary);bottom:10px;display:inline-flex;height:40px;justify-content:center;position:fixed;right:10px;text-decoration:none;transform:translateY(150px);transition:background-color .3s,transform .3s;width:40px;z-index:999}.hc-totop i{font-size:2rem}.hc-totop.sticky{transform:translateY(0)}.hc-totop:hover{background-color:var(--hc-primary-dark);cursor:pointer}@media only screen and (max-width: 992px){.hc-totop{right:18px}}