@font-face{font-family:NotoSansThaiLooped-Light;src:url(/_next/static/media/NotoSansThaiLooped-Light.3a7783d0.ttf)}@font-face{font-family:NotoSansThaiLooped-Regular;src:url(/_next/static/media/NotoSansThaiLooped-Regular.a44414c5.ttf)}@font-face{font-family:NotoSansThaiLooped-Medium;src:url(/_next/static/media/NotoSansThaiLooped-Medium.f6f1c0df.ttf)}@font-face{font-family:NotoSansThaiLooped-SemiBold;src:url(/_next/static/media/NotoSansThaiLooped-SemiBold.9a187509.ttf)}@font-face{font-family:NotoSansThaiLooped-Bold;src:url(/_next/static/media/NotoSansThaiLooped-Bold.e0cc9d37.ttf)}*{font-size:16px;font-family:NotoSansThaiLooped-Light}.main-text{font-size:18px!important;line-height:26.91px!important}.main-text,.small-text{font-family:NotoSansThaiLooped-Regular!important}.small-text{font-size:16px!important;line-height:23.92px!important}.header-navigation{font-family:NotoSansThaiLooped-SemiBold!important}.header-navigation,.input-text{font-size:18px!important;line-height:26.91px!important}.input-text{font-family:NotoSansThaiLooped-Regular!important}.page-header{font-family:NotoSansThaiLooped-SemiBold!important;font-size:32px!important;line-height:46.4px!important}.font8-regular{font-family:NotoSansThaiLooped-Regular!important;font-size:8px!important;line-height:14px!important}.font16-medium{font-family:NotoSansThaiLooped-Medium!important;font-size:16px!important;line-height:24px!important}.font36-bold{font-family:NotoSansThaiLooped-Bold!important;font-size:36px;line-height:54px}.font16-bold{font-size:16px;line-height:26px}.font14-light{font-family:NotoSansThaiLooped-Light!important;font-size:14px!important;line-height:24px!important}.custom-snackbar-container.MuiSnackbar-root .MuiPaper-root .MuiAlert-message,.font14-regular{font-family:NotoSansThaiLooped-Regular!important;font-size:14px!important;line-height:24px!important;letter-spacing:.02em!important}.font14-medium{font-family:NotoSansThaiLooped-Medium!important}.font14-medium,.font14-semi-bold{font-size:14px!important;line-height:20.3px!important;letter-spacing:.02em!important}.font14-semi-bold{font-family:NotoSansThaiLooped-SemiBold!important}.font14-bold{font-family:NotoSansThaiLooped-Bold!important;font-size:14px!important;line-height:24px!important;letter-spacing:.02em!important}.font16-light{font-family:NotoSansThaiLooped-Light!important}.font16-light,.font16-regular{font-size:16px!important;line-height:23.92px!important}.font16-regular{font-family:NotoSansThaiLooped-Regular!important}.font16-bold{font-family:NotoSansThaiLooped-Bold!important}.font16-bold,.font16-semi-bold{font-size:16px!important;line-height:23.92px!important}.font16-semi-bold{font-family:NotoSansThaiLooped-SemiBold!important}.font18-regular{font-family:NotoSansThaiLooped-Regular!important;font-size:18px!important;line-height:24px!important}.font18-bold{font-family:NotoSansThaiLooped-Bold!important;font-size:18px!important;line-height:28px!important}.font20-medium{font-family:NotoSansThaiLooped-Medium!important;font-size:20px!important;line-height:29.9px!important}.font20-semi-bold{font-family:NotoSansThaiLooped-SemiBold!important;font-size:20px!important;line-height:29px!important}.font24-regular{font-family:NotoSansThaiLooped-Regular!important}.font24-medium,.font24-regular{font-size:24px!important;line-height:34.8px!important}.font24-medium{font-family:NotoSansThaiLooped-Medium!important}.font24-semi-bold{font-family:NotoSansThaiLooped-SemiBold!important;font-size:24px!important;line-height:34.8px!important}.font24-bold{font-family:NotoSansThaiLooped-Bold!important;font-size:24px!important;line-height:36px!important}.font32-medium{font-family:NotoSansThaiLooped-Medium!important;font-size:32px!important;line-height:47.84px!important}.font32-bold{font-family:NotoSansThaiLooped-Bold!important;font-size:32px!important;line-height:37px!important}.font18-medium{font-family:NotoSansThaiLooped-Medium!important;font-size:18px!important;line-height:26.91px!important}.font11-regular{font-family:NotoSansThaiLooped-Regular!important;font-size:11px!important;line-height:16px!important}.font12-regular{font-family:NotoSansThaiLooped-Regular!important}.font12-bold,.font12-regular{font-size:12px!important;line-height:20px!important}.font12-bold{font-family:NotoSansThaiLooped-Bold!important}.new-menu{font-family:NotoSansThaiLooped-SemiBold!important;font-size:18px!important;line-height:26.91px!important}.custom-snackbar-container.MuiSnackbar-root{height:44px}.custom-snackbar-container.MuiSnackbar-root .MuiPaper-root{height:44px;padding:0 12px;border-radius:7px}.custom-snackbar-container.MuiSnackbar-root .MuiPaper-root.MuiAlert-colorError{background-color:#ec5564}.custom-snackbar-container.MuiSnackbar-root .MuiPaper-root.MuiAlert-colorSuccess{background-color:#47cdac}.custom-snackbar-container.MuiSnackbar-root .MuiPaper-root .MuiAlert-icon{font-size:24px;margin:auto;padding-right:12px}.custom-snackbar-container.MuiSnackbar-root .MuiPaper-root .MuiAlert-message{margin:auto;padding-right:12px}.custom-snackbar-container.MuiSnackbar-root .MuiPaper-root .MuiAlert-action{padding:0 8px 0 0}.custom-snackbar-container.MuiSnackbar-root .MuiPaper-root .MuiAlert-action .MuiButtonBase-root{padding:0;margin:auto}.navigation-card-atom{padding:8px;color:#fff;border-radius:16px;cursor:pointer}.navigation-card-atom.collapse{visibility:unset;padding:8px;width:100%;border-radius:0!important}.navigation-card-atom .icon-color{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.navigation-card-atom.submenu-selected{background-color:#f0f4ff}.navigation-card-atom.submenu-selected .navigation-card-atom__title{--tw-text-opacity:1;color:rgb(3 90 157/var(--tw-text-opacity,1))}.navigation-card-atom__main{display:flex;align-items:center;gap:8px}.navigation-card-atom__main.main-collapse{justify-content:center}.navigation-card-atom .navigation-card-atom__title{white-space:nowrap;overflow:hidden;transition:visibility 0s,opacity .5s linear;opacity:1;--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.navigation-card-atom .navigation-card-atom__title.title-collapse{visibility:visible;opacity:0}.navigation-card-atom.selected,.navigation-card-atom:hover{border-radius:16px;background-color:#f0f4ff}.navigation-card-atom.selected .icon-color,.navigation-card-atom.selected .icon-selected-color,.navigation-card-atom.selected .navigation-card-atom__title,.navigation-card-atom.submenu-selected,.navigation-card-atom.submenu-selected .icon-submenu-selected-color,.navigation-card-atom:hover .icon-color,.navigation-card-atom:hover .icon-selected-color,.navigation-card-atom:hover .navigation-card-atom__title{--tw-text-opacity:1;color:rgb(3 90 157/var(--tw-text-opacity,1))}.navigation-card-atom .navigation-card-atom__badge{background-color:#ff4d4f;color:#fff;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:600;margin-left:auto}.navigation-card-molecule{border-radius:8px}.navigation-card-molecule .sub-menu{padding:4px 16px}.navigation-sub-atom{padding:8px 32px;border-radius:16px;cursor:pointer;overflow:hidden}.navigation-sub-atom span{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1));white-space:nowrap;overflow:hidden;transition:visibility 0s,opacity .5s linear;visibility:visible;opacity:0}.navigation-sub-atom span.transition-text{transition:visibility 0s,opacity .5s linear;opacity:1}.navigation-sub-atom.selected,.navigation-sub-atom:hover{background-color:#f0f4ff}.navigation-sub-atom.selected span,.navigation-sub-atom:hover span{--tw-text-opacity:1;color:rgb(3 90 157/var(--tw-text-opacity,1))}.group-menu-navigation{display:flex;flex-direction:column;gap:16px}.group-menu-navigation.expanded{align-items:center}.group-menu-navigation__title{margin-left:12px;color:#6f7787}.group-menu-navigation__content{display:flex;flex-direction:column;gap:2px}.group-menu-navigation__content.expanded{width:40px}.horizontal-line{width:calc(100% - 24px);height:1px;background-color:#f3f4f6;margin-left:12px}.top-bar-template{display:flex;flex-direction:column;height:100vh}.top-bar-template__header{background-color:#fff;box-shadow:0 8px 17px rgba(23,26,31,.149),0 0 2px rgba(23,26,31,.122);display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:80px;padding:14px 32px}.top-bar-template__header-left{display:flex;flex-direction:row;align-items:center;gap:6px}.top-bar-template__header-left .doh-title{display:flex;flex-direction:column}.top-bar-template__header-left .doh-title__text-en,.top-bar-template__header-left .doh-title__text-th{--tw-text-opacity:1;color:rgb(3 90 157/var(--tw-text-opacity,1))}.top-bar-template__header-right{display:flex;align-items:center;gap:10px}.top-bar-template__content{flex:1;max-height:calc(100vh - 80px)}.profile-section-atom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.profile-section-atom__info{display:flex;align-items:center;flex-grow:1;gap:12px;height:48px;--tw-bg-opacity:1;background-color:rgb(3 90 157/var(--tw-bg-opacity,1));padding:0 20px;border-radius:6px;cursor:pointer}.profile-section-atom__info:hover{--tw-bg-opacity:1;background-color:rgb(3 74 128/var(--tw-bg-opacity,1))}.profile-section-atom__info .profile-image{height:36px;width:36px;border-radius:50%;background-size:cover;background-position:50%;color:#efefef}.profile-section-atom__info .user-info{display:flex;align-items:center;gap:6px}.profile-section-atom__info .user-info .header-navigation,.profile-section-atom__info .user-info .profile-icon{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.profile-section-atom__info .user-info .header-navigation{white-space:nowrap}.profile-section-atom__info .user-info .font16-regular{color:#d6dae9}