@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@700;800&display=swap";:root{--radius-xsmall: 2px;--radius-small: 4px;--radius-medium: 8px;--radius-round: 50%;--radius-pill: 2rem;--spacing-small: .25rem;--spacing-medium: .5rem;--spacing-large: 1rem;--spacing-xlarge: 1.5rem;--spacing-xxlarge: 2rem;--spacing-wide: 3rem;--spacing-xwide: 4rem;--spacing-xxwide: 5rem;--stroke-small: .5px;--stroke-medium: 1px;--stroke-large: 2px}:root{--font-size-xsmall: .75rem;--font-size-small: .875rem;--font-size-medium: 1rem;--font-size-large: 1.125rem;--font-size-xlarge: 1.25rem;--font-size-xxlarge: 1.375rem;--font-size-xxxlarge: 1.5rem;--font-size-wide: 1.625rem;--font-size-xwide: 1.75rem;--font-size-xxwide: 1.875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-bolder: 800}:root{--ref-brand-b10: #FFEFE5;--ref-brand-b100: #FF5F00;--ref-brand-b500: #CC4C00;--ref-brand-b600: #B24300;--ref-brand-b900: #662600;--ref-secondary-s10: #FAFCFF;--ref-secondary-s20: #F2F8FF;--ref-secondary-s30: #E5F2FF;--ref-secondary-s40: #CCE5FF;--ref-secondary-s100: #4DA2FF;--ref-secondary-s200: #156CCC;--ref-secondary-s300: #105199;--ref-secondary-s400: #0B3666;--ref-secondary-s500: #08294D;--ref-tertiary-blue10: #DDE7F7;--ref-tertiary-blue100: #1F61D4;--ref-tertiary-green10: #E7FFEE;--ref-tertiary-green100: #048327;--ref-tertiary-red10: #FEE8E7;--ref-tertiary-red100: #D2180D;--ref-tertiary-red200: #A3130A;--ref-tertiary-red300: #730D07;--ref-tertiary-yellow10: #FFF8D6;--ref-tertiary-yellow100: #FFDA21;--ref-tertiary-yellow200: #EBC300;--ref-tertiary-yellow300: #CCAA00;--ref-tertiary-cyan10: #D5F9F3;--ref-tertiary-cyan100: #007A64;--ref-tertiary-pink10: #FFEAFA;--ref-tertiary-pink100: #B70590;--ref-tertiary-purple10: #F0E7FF;--ref-tertiary-purple100: #3F1697;--ref-neutral-n0: #FFFFFF;--ref-neutral-n10: #F5F7FA;--ref-neutral-n20: #EDEFF2;--ref-neutral-n40: #E1E2E5;--ref-neutral-n100: #C4C7CC;--ref-neutral-n200: #939599;--ref-neutral-n300: #6D6F73;--ref-neutral-n400: #565759;--ref-neutral-n900: #18191A;--ref-others-lightbox: #373F5199;--sys-background-default: var(--ref-neutral-n0);--sys-background-dark01: var(--ref-secondary-s400);--sys-background-dark02: var(--ref-secondary-s500);--sys-background-black: var(--ref-neutral-n900);--sys-background-light01: var(--ref-secondary-s10);--sys-background-light02: var(--ref-secondary-s20);--sys-background-light03: var(--ref-secondary-s30);--sys-background-primary: var(--ref-brand-b100);--sys-background-primarylight: var(--ref-brand-b10);--sys-background-secondary01: var(--ref-secondary-s200);--sys-background-grey01: var(--ref-neutral-n400);--sys-background-grey02: var(--ref-neutral-n300);--sys-background-grey03: var(--ref-neutral-n200);--sys-background-grey04: var(--ref-neutral-n10);--sys-text-default: var(--ref-neutral-n900);--sys-text-grey01: var(--ref-neutral-n400);--sys-text-grey02: var(--ref-neutral-n300);--sys-text-grey03: var(--ref-neutral-n200);--sys-text-light01: var(--ref-neutral-n0);--sys-text-primarydark01: var(--ref-brand-b900);--sys-text-secondary01: var(--ref-secondary-s200);--sys-text-secondary02: var(--ref-secondary-s100);--sys-border-dark01: var(--ref-neutral-n900);--sys-border-default: var(--ref-neutral-n40);--sys-border-grey01: var(--ref-neutral-n400);--sys-border-light01: var(--ref-neutral-n0);--sys-border-secondary01: var(--ref-secondary-s200);--sys-icon-default: var(--ref-neutral-n900);--sys-icon-grey01: var(--ref-neutral-n400);--sys-icon-grey02: var(--ref-neutral-n300);--sys-icon-grey03: var(--ref-neutral-n200);--sys-icon-light01: var(--ref-neutral-n0);--sys-icon-primary: var(--ref-brand-b100);--sys-icon-primarydark01: var(--ref-brand-b900);--sys-icon-secondary01: var(--ref-secondary-s200);--sys-icon-secondary02: var(--ref-secondary-s100);--sys-feedback-error-background: var(--ref-tertiary-red10);--sys-feedback-error-default: var(--ref-tertiary-red100);--sys-feedback-error-text: var(--ref-tertiary-red100);--sys-feedback-error-hover: var(--ref-tertiary-red200);--sys-feedback-error-active: var(--ref-tertiary-red300);--sys-feedback-info-background: var(--ref-tertiary-blue10);--sys-feedback-info-default: var(--ref-tertiary-blue100);--sys-feedback-info-text: var(--ref-tertiary-blue100);--sys-feedback-success-background: var(--ref-tertiary-green10);--sys-feedback-success-default: var(--ref-tertiary-green100);--sys-feedback-success-text: var(--ref-tertiary-green100);--sys-feedback-warning-background: var(--ref-tertiary-yellow10);--sys-feedback-warning-default: var(--ref-tertiary-yellow100);--sys-feedback-warning-text: var(--ref-neutral-n900);--sys-feedback-warning-hover: var(--ref-tertiary-yellow200);--sys-feedback-warning-active: var(--ref-tertiary-yellow300);--sys-state-disabledbackground: var(--ref-neutral-n100);--sys-state-disabledbackground02: var(--ref-neutral-n20);--sys-state-disabledtext: var(--ref-neutral-n400);--sys-state-primaryhover: var(--ref-brand-b500);--sys-state-primaryactive: var(--ref-brand-b600);--sys-state-greyhover: var(--ref-neutral-n10);--sys-state-greyactive: var(--ref-neutral-n20);--sys-others-lightbox: var(--ref-others-lightbox);--sys-others-cyan: var(--ref-tertiary-cyan100);--sys-others-cyanlight: var(--ref-tertiary-cyan10);--sys-others-pink: var(--ref-tertiary-pink100);--sys-others-pinklight: var(--ref-tertiary-pink10);--sys-others-purple: var(--ref-tertiary-purple100);--sys-others-purplelight: var(--ref-tertiary-purple10);--sys-background-gradiantdark: linear-gradient(90deg, #CCE5FF 0%, #E5F2FF 100%);--sys-background-gradiantlight: linear-gradient(90deg, #0B3666 0%, #105199 100%)}.root-side-panel{-ms-overflow-style:none;overflow-x:hidden;overflow-x:clip;position:relative;scrollbar-width:none}.root-side-panel::-webkit-scrollbar{display:none}