:root{--background:#fff;--foreground:#000;--primary-200:#1f386b12;--primary-300:#1f386b59;--primary-500:#1f386b;--primary-700:#17376b;--primary-900:#091730;--ivory:#f5e4d7;--error:#b10003;--error-2:#ff5454;--success:#36b97e;--warning:#ffcd00;--black:#000;--greyscale-800:#333;--greyscale-700:#747474;--greyscale-500:#9e9e9e;--greyscale-400:#bdbdbd;--greyscale-200:#eae9e9;--green-400:#36b97e}.om-header{z-index:11;background:#fff;align-items:center;width:100%;height:96px;display:flex;position:fixed;top:0;left:0;box-shadow:0 16px 32px #00000014}.om-header.has-underbar{box-shadow:0 2px 8px #0000001a}.om-header a,.om-header button{color:#333}.om-header a:hover,.om-header button:hover{color:var(--primary-500)}.om-header .om-logo img{width:auto;height:auto}.om-header .om-menu-top{height:100%;font-family:Sarabun}.om-header .om-menu-top ul{align-items:center;gap:30px;height:100%;font-weight:500;display:flex}.om-header .om-menu-top li{align-items:center;height:100%;display:flex;position:relative}.om-header .om-menu-top li.active:before{content:"";background:#b9afa1;width:100%;height:2px;display:block;position:absolute;top:0;left:0}.om-header .om-menu-top li.active .arrow{transform:rotate(-180deg)}.om-header .om-menu-top li.active .user-account{color:#b9afa1}.om-header .om-menu-mobile{display:none}.om-header .om-account-box{border-bottom:1px solid #eee;align-items:center;gap:16px;padding:0 0 8px;display:flex}.om-header .om-account-box .om-user-name{color:var(--primary-700);margin:0;font-size:18px}.om-header .om-account-box .om-user-name a{color:var(--greyscale-700);align-items:center;gap:4px;font-size:12px;display:flex}.om-header .om-account-box .om-user-name a svg{width:8px;height:8px}.om-header .om-user-avartar{background:#fff;border-radius:50%;flex:none;width:56px;height:56px;overflow:hidden}.om-header .om-user-avartar img{object-fit:cover}.om-header .om-user-name{margin:8px 0 0;font-family:Sarabun,sans-serif;font-size:22px}.om-header .om-mobile-user{display:none}.om-header .om-menu-edit-profile-mobile{display:none!important}.om-header .om-menu-overlay{display:none}.om-header .om-header-notification{color:var(--primary-500);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-10px;display:flex;position:relative}.om-header .om-header-notification._clicked{background:#1f386b0d}.om-header .om-header-notification i{background:red;border-radius:50%;width:8px;height:8px;display:block;position:absolute;top:10px;right:10px}.om-header .om-user-account{cursor:pointer;align-items:center;gap:6px;display:flex;position:relative}.om-header .om-user-account svg{transition:all .5s cubic-bezier(0,0,0,1)}.om-header .om-user-account._clicked svg{transform:rotate(-180deg)}.om-header .om-account-menu{opacity:0;transform-origin:100% 0;visibility:hidden;background:#fff;border-top:2px solid #b9afa1;border-radius:0 0 6px 6px;width:275px;padding:8px 16px;transition:all .5s cubic-bezier(0,0,0,1);position:absolute;top:80px;right:0;overflow:hidden;scale:.95;box-shadow:0 4px 16px #0000000f}@media (min-width:1024px){.om-header .om-account-menu._show{opacity:1;visibility:visible;scale:1}}.om-header .om-account-menu .account-img{background-image:url(/online/images/avatar.svg);background-size:contain;border-radius:99px;width:24px;height:24px;display:block;overflow:hidden}.om-header .om-account-menu .account-img img{object-fit:cover;border-radius:50px;width:24px;height:24px}.om-header .om-account-head,.om-header .om-account-p{align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.om-header .om-account-head .account-img,.om-header .om-account-p .account-img{flex:none}.om-header .om-account-p{padding-left:24px;padding-right:8px}@media (max-width:1023px){.om-header{height:64px}.om-header .om-menu-overlay{z-index:11;background:#091730cc;width:100vw;height:100vh;display:none;position:fixed;top:0}.om-header .om-menu-overlay._show{display:block}.om-header .om-logo{width:211px;height:48px}.om-header .om-account-box{display:none}.om-header .om-user-avartar{width:48px;height:48px}.om-header .om-account-menu{opacity:1;max-height:fit-content;margin-top:0}.om-header .om-menu-top{z-index:12;background:#fff;width:300px;height:100vh;transition:all .5s cubic-bezier(0,0,0,1);position:fixed;top:0;right:-300px}.om-header .om-menu-top ul{grid-template-columns:repeat(1,1fr);gap:0;height:fit-content;padding:36px 0 0;display:grid}.om-header .om-menu-top li{flex-wrap:wrap;position:relative}.om-header .om-menu-top li a:before{border-top-width:1px;display:none}.om-header .om-menu-top li a,.om-header .om-menu-top li button{width:100%;color:var(--primary-500);padding:12px 24px;font-size:16px;display:flex}.om-header .om-menu-top li .om-user-account{display:none}.om-header .om-menu-top li .account-p{padding-left:48px}.om-header .om-menu-top li.li-with-border{flex-wrap:wrap}.om-header .om-menu-top li.li-with-border:before{content:"";background:#eae9e9;width:calc(100% - 48px);height:1px;margin:16px auto;display:block}.om-header .om-menu-top._show{height:100%;right:0;overflow-y:scroll}.om-header .om-mobile-user{color:#fff;background:url(/online/images/bg-menu-mobile.png) 100% 0/100% no-repeat;width:100%;height:190px;padding:56px 24px 0;display:block}.om-header .om-menu-mobile{align-items:center;gap:8px;margin:auto;display:flex;position:absolute;top:0;bottom:0;right:1rem}.om-header .om-menu-mobile .om-header-notification{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.om-header .om-menu-mobile .om-header-notification i{top:10px;right:10px}.om-header .om-menu-mobile .om-header-notification i.hidden{display:none}.om-header .om-menu-mobile .om-header-notification._clicked{background:#1f386b0d}.om-header .om-menu-edit-profile-mobile{display:flex!important}.om-header .om-menu-edit-profile-mobile a{border-top:1px solid #eae9e9;border-bottom:1px solid #eae9e9;justify-content:space-between;align-items:center;margin-left:24px;margin-right:24px;padding-left:0!important;padding-right:0!important}.om-header .om-menu-edit-profile-mobile .profile-wrapper{align-items:center;gap:8px;display:flex}.om-header .om-menu-edit-profile-mobile .profile-wrapper .om-user-avartar{width:24px;height:24px}.om-header .om-menu-hamburger{width:32px}.om-header .om-menu-hamburger i{margin:8px 0;display:block}.om-header .om-menu-hamburger:before,.om-header .om-menu-hamburger:after{content:"";display:block}.om-header .om-menu-hamburger i,.om-header .om-menu-hamburger:before,.om-header .om-menu-hamburger:after{background:#333;width:100%;height:3px}.om-header .om-user-account{display:none}.om-header .om-account-menu{box-shadow:none;visibility:visible;background:0 0;border:none;width:100%;padding:0;display:block;position:static}.om-header .om-account-head{padding:12px 24px;font-size:16px;padding-left:12px!important}.om-header .om-btn-logout{flex-wrap:wrap;width:100%}.om-header .om-btn-logout:before{content:"";background:#eae9e9;width:100%;height:1px;margin:8px auto 16px;display:block}}
/*# sourceMappingURL=85aeff35c18a3cba.css.map*/