@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-side-panel{-ms-overflow-style:none;scrollbar-width:none;position:relative;overflow-x:clip}.root-side-panel::-webkit-scrollbar{display:none}: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;--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;--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:#ca0;--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:#fff;--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%)}