@font-face{font-family:Quicksand;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0781808e3393dbfb-s.dcfd2cce.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:300;font-display:swap;src:url(../media/fae90444fefcda8c-s.44fa2115.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:300;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.717db902.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0781808e3393dbfb-s.dcfd2cce.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fae90444fefcda8c-s.44fa2115.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.717db902.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0781808e3393dbfb-s.dcfd2cce.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fae90444fefcda8c-s.44fa2115.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.717db902.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0781808e3393dbfb-s.dcfd2cce.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fae90444fefcda8c-s.44fa2115.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.717db902.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0781808e3393dbfb-s.dcfd2cce.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fae90444fefcda8c-s.44fa2115.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.717db902.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Fallback;src:local(Arial);ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:104.31%}.quicksand_31c5ab90-module__HRo2da__className{font-family:Quicksand,Quicksand Fallback;font-style:normal}.quicksand_31c5ab90-module__HRo2da__variable{--font-quicksand:"Quicksand","Quicksand Fallback"}
:root{--color-base-black:#030712;--color-base-white:#fff;--color-negative-50:#feecee;--color-negative-100:#fcd9de;--color-negative-200:#fab3bd;--color-negative-300:#f78c9c;--color-negative-400:#f5667a;--color-negative-500:#f2415a;--color-negative-600:#e5102e;--color-negative-700:#ac0c22;--color-negative-800:#730817;--color-negative-900:#39040b;--color-negative-950:#1d0206;--color-neutral-50:#f8f8f7;--color-neutral-100:#e9e8e6;--color-neutral-200:#dad8d4;--color-neutral-300:#c8c5bf;--color-neutral-400:#b9b5ad;--color-neutral-500:#9c978c;--color-neutral-600:#7c7466;--color-neutral-700:#5b5240;--color-neutral-800:#504633;--color-neutral-900:#3a2f1a;--color-neutral-950:#241800;--color-positive-50:#e6faee;--color-positive-100:#d0f5e1;--color-positive-200:#a2ecc2;--color-positive-300:#73e2a4;--color-positive-400:#45d985;--color-positive-500:#27be69;--color-positive-600:#1f9854;--color-positive-700:#17723f;--color-positive-800:#104c2a;--color-positive-900:#082615;--color-positive-950:#031109;--color-primary-50:#fffaf0;--color-primary-100:#fff5e0;--color-primary-200:#ffebc2;--color-primary-300:#ffe0a3;--color-primary-400:#ffd685;--color-primary-500:#fc6;--color-primary-600:#ffb41f;--color-primary-700:#d68f00;--color-primary-800:#8f5f00;--color-primary-900:#473000;--color-primary-950:#241800;--color-secondary-50:#feeee7;--color-secondary-100:#fde1d3;--color-secondary-200:#fbc3a7;--color-secondary-300:#f9a57b;--color-secondary-400:#f7874f;--color-secondary-500:#f56923;--color-secondary-600:#d74e0a;--color-secondary-700:#a13b07;--color-secondary-800:#6b2705;--color-secondary-900:#361402;--color-secondary-950:#180901;--color-tertiary-50:#f0f5ff;--color-tertiary-100:#e0ebff;--color-tertiary-200:#c2d6ff;--color-tertiary-300:#a3c2ff;--color-tertiary-400:#85adff;--color-tertiary-500:#69f;--color-tertiary-600:#1f69ff;--color-tertiary-700:#0047d6;--color-tertiary-800:#00308f;--color-tertiary-900:#001847;--color-tertiary-950:#000c24}
:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--button-font--landing:var(--font-quicksand),sans-serif;--button-font--library:var(--font-quicksand),sans-serif;--competency-card-font--library:var(--font-quicksand),sans-serif;--course-widget--library:var(--font-quicksand),sans-serif;--course-title-font--learner:var(--font-quicksand),sans-serif;--lesson-component--learner:var(--font-quicksand),sans-serif;--ide--learner:"Consolas",monospace;--exercise-n-chatbot-box:var(--font-quicksand),sans-serif;--canarie-logo:var(--font-quicksand),sans-serif;--monitor-text:var(--font-quicksand),sans-serif;--chat-text:var(--font-quicksand),sans-serif;--font-h1:1.94rem;--font-h1-bold:1.94rem;--font-h2:1.56rem;--font-h2-bold:1.56rem;--font-h3:1.25rem;--font-h3-bold:1.25rem;--font-body:1rem;--font-body-bold:1rem;--font-caption:.81rem;--font-caption-bold:.81rem;--font-mobile-caption:.7rem;--font-mobile-body:.9rem;--font-mobile-h1:1.6rem;--font-mobile-h2:1.45rem;--font-mobile-h3:1.23rem;--font-mobile-h4:1.11rem;--font-mobile-h5:1rem;--colors-error-border-default:var(--color-negative-500);--colors-error-border-default-dark:var(--color-negative-800);--colors-error-border-default-light:var(--color-negative-200);--colors-error-surface-default:var(--color-negative-500);--colors-error-surface-default-dark:var(--color-negative-700);--colors-error-surface-default-light:var(--color-negative-300);--colors-error-text-icon-link-label:var(--color-negative-600);--colors-grayscale-border-default:var(--color-neutral-900);--colors-grayscale-border-default-light:var(--color-neutral-300);--colors-grayscale-surface-default:var(--color-neutral-100);--colors-grayscale-surface-default-dark:var(--color-neutral-300);--colors-grayscale-surface-default-extra-dark:var(--color-neutral-500);--colors-grayscale-surface-default-light:var(--color-base-white);--colors-grayscale-text-icon-body:var(--color-neutral-800);--colors-grayscale-text-icon-caption:var(--color-neutral-400);--colors-grayscale-text-icon-negative:var(--color-base-white);--colors-grayscale-text-icon-subtitle:var(--color-neutral-600);--colors-grayscale-text-icon-title:var(--color-base-black);--colors-primary-border-default:var(--color-primary-500);--colors-primary-border-default-dark:var(--color-primary-800);--colors-primary-border-default-light:var(--color-primary-200);--colors-primary-surface-default:var(--color-primary-500);--colors-primary-surface-default-dark:var(--color-primary-700);--colors-primary-surface-default-extra-dark:var(--color-primary-900);--colors-primary-surface-default-extra-light:var(--color-primary-200);--colors-primary-surface-default-light:var(--color-primary-300);--colors-primary-text-icon-link-label:var(--color-primary-600);--colors-secondary-border-default:var(--color-secondary-500);--colors-secondary-border-default-dark:var(--color-secondary-800);--colors-secondary-border-default-light:var(--color-secondary-200);--colors-secondary-surface-default:var(--color-secondary-500);--colors-secondary-surface-default-dark:var(--color-secondary-700);--colors-secondary-surface-default-light:var(--color-secondary-300);--colors-secondary-text-icon-link-label:var(--color-secondary-600);--colors-success-border-default:var(--color-positive-500);--colors-success-border-default-dark:var(--color-positive-800);--colors-success-border-default-light:var(--color-positive-200);--colors-success-surface-default:var(--color-positive-500);--colors-success-surface-default-dark:var(--color-positive-700);--colors-success-surface-default-light:var(--color-positive-300);--colors-success-text-icon-link-label:var(--color-positive-600);--colors-sign-out-border-default:#8a75c8;--colors-sign-out-border-default-dark:#6959a0;--colors-sign-out-surface-default:#8a75c8;--colors-sign-out-surface-default-light:#b3a3d1;--colors-tertiary-border-default:var(--color-tertiary-500);--colors-tertiary-border-default-dark:var(--color-tertiary-800);--colors-tertiary-border-default-light:var(--color-tertiary-200);--colors-tertiary-surface-default:var(--color-tertiary-500);--colors-tertiary-surface-default-dark:var(--color-tertiary-700);--colors-tertiary-surface-default-light:var(--color-tertiary-300);--colors-tertiary-surface-default-extra-light:var(--color-tertiary-200);--colors-tertiary-text-icon-link-label:var(--color-tertiary-600);--dimension-radius-4xs:.125rem;--dimension-radius-3xs:.25rem;--dimension-radius-2xs:.375rem;--dimension-radius-xs:.5rem;--dimension-radius-sm:.75rem;--dimension-radius-md:1rem;--dimension-radius-lg:1.5rem;--dimension-radius-xl:2rem;--dimension-radius-2xl:3rem;--dimension-radius-3xl:4rem;--dimension-radius-pill:999rem;--dimension-spacing-4xs:.125rem;--dimension-spacing-3xs:.25rem;--dimension-spacing-2xs:.5rem;--dimension-spacing-xs:.75rem;--dimension-spacing-sm:1rem;--dimension-spacing-md:1.5rem;--dimension-spacing-lg:2rem;--dimension-spacing-xl:3rem;--dimension-spacing-2xl:4rem;--dimension-spacing-3xl:6rem;--dimension-spacing-4xl:8rem;--dimension-inner-shadow-secondary:inset 0 4px 8px #0003;--dimension-outter-shadow-secondary:-4px 4px 0 var(--colors-secondary-surface-default);--dimension-outter-shadow-tertiary:-4px 4px 0 var(--colors-tertiary-surface-default);--dimension-outter-shadow:0px 4px 0px;--dimension-outter-shadow-label-button:0px 4px 1px}*{box-sizing:border-box;margin:0;padding:0}:lang(th){--button-font--landing:"Google Sans",sans-serif;--button-font--library:"Google Sans",sans-serif;--competency-card-font--library:"Google Sans",sans-serif;--course-widget--library:"Google Sans",sans-serif;--course-title-font--learner:"Google Sans",sans-serif;--lesson-component--learner:"Google Sans",sans-serif;--exercise-n-chatbot-box:"Google Sans",sans-serif;--monitor-text:"Google Sans",sans-serif;--chat-text:"Google Sans",sans-serif}html,body{overscroll-behavior:auto;color:#000;max-width:100vw;height:100%;font-family:var(--font-quicksand),"Segoe UI","Helvetica Neue",Arial,sans-serif;letter-spacing:.7px;font-size:16px;overflow:auto}:lang(th) body,:lang(th) html{font-family:Google Sans,Segoe UI,Helvetica Neue,Arial,sans-serif}a,button,h1,h2,h3,h4,h5{font-family:var(--font-quicksand),"Segoe UI","Helvetica Neue",Arial,sans-serif;letter-spacing:.7px;font-size:16px}:lang(th) a,:lang(th) button,:lang(th) h1,:lang(th) h2,:lang(th) h3,:lang(th) h4,:lang(th) h5{font-family:Google Sans,Segoe UI,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}button{border:none}button:hover{cursor:pointer}h1{font-size:var(--font-h1);font-weight:700}h2{font-size:var(--font-h2);font-weight:600}h3{font-size:var(--font-h3);font-weight:600}h4{font-size:var(--font-h4);font-weight:600}h5{font-size:var(--font-h5);font-weight:600}p{font-size:var(--font-body);font-weight:400}li{font-size:var(--font-mobile-body);font-weight:400}code{font-size:var(--font-mobile-body);font-weight:400;line-height:1.4rem;overflow-x:auto}strong{font-weight:600}.hidden{display:none}.absolute{position:absolute}@media screen and (max-width:740px){.hidden{display:none!important}.absolute{position:absolute!important}}@media screen and (max-width:480px){h1{font-size:var(--font-mobile-h1);font-weight:600}h2{font-size:var(--font-mobile-h2);font-weight:600}h3{font-size:var(--font-mobile-h3);font-weight:600}h4{font-size:var(--font-mobile-h4);font-weight:600}h5{font-size:var(--font-mobile-h5);font-weight:600}p,span{font-size:var(--font-mobile-body);font-weight:400}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0;background-color:var(--colors-grayscale-surface-default-dark)}::-webkit-scrollbar-thumb{background:var(--colors-grayscale-border-default);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}input::-webkit-outer-spin-button{-webkit-appearance:none}input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{appearance:textfield}