@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}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-date-picker{display:inline-flex;position:relative}.react-date-picker,.react-date-picker *,.react-date-picker *:before,.react-date-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-date-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-date-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-date-picker__inputGroup{min-width:calc((4px * 3) + .54em * 8 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-date-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-date-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;font:inherit;box-sizing:content-box;-moz-appearance:textfield}.react-date-picker__inputGroup__input::-webkit-outer-spin-button,.react-date-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-date-picker__inputGroup__input:invalid{background:#ff00001a}.react-date-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-date-picker__button{border:0;background:transparent;padding:4px 6px}.react-date-picker__button:enabled{cursor:pointer}.react-date-picker__button:enabled:hover .react-date-picker__button__icon,.react-date-picker__button:enabled:focus .react-date-picker__button__icon{stroke:#0078d7}.react-date-picker__button:disabled .react-date-picker__button__icon{stroke:#6d6d6d}.react-date-picker__button svg{display:inherit}.react-date-picker__calendar{width:350px;max-width:100vw;position:absolute;top:100%;left:0;z-index:1}.react-date-picker__calendar--closed{display:none}.react-date-picker__calendar .react-calendar{border-width:thin}