.public-topbar{z-index:100;width:100vw;height:90px;font-family:var(--font-thai);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#d2d2d2f5;border-bottom:1px solid #0000000a;align-items:center;padding:0 48px;display:flex;position:fixed;inset:0 0 auto}.public-topbar__logo{flex:none;place-items:center;width:106px;height:45px;display:grid}.public-topbar__logo img{width:100%;height:auto}.public-topbar nav{align-items:center;gap:30px;margin-left:auto;display:flex}.public-topbar nav>a:not(.public-topbar__cta){color:#626262;align-items:center;gap:6px;font-size:14px;font-weight:400;transition:color .2s;display:inline-flex;position:relative}.public-topbar nav>a:not(.public-topbar__cta)>svg{flex:none;width:16px;height:16px}.public-topbar nav>a:not(.public-topbar__cta):hover,.public-topbar nav>a[aria-current=page]{color:#111}.public-topbar nav>a[aria-current=page]:after{content:"";background:#111;border-radius:999px;height:2px;position:absolute;bottom:-8px;left:0;right:0}.public-topbar__cta{color:#fff;background:#000;border-radius:999px;align-items:center;height:44px;padding:0 28px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.public-topbar__cta:hover{background:#272727}.public-topbar__auth-skeleton{background:#0000001f;border-radius:999px;width:132px;height:44px;animation:1.4s ease-in-out infinite public-topbar-pulse}.public-topbar__profile{align-items:center;display:flex;position:relative}.public-topbar__profile-trigger{cursor:pointer;background:#111;border:0;border-radius:50%;place-items:center;width:46px;height:46px;padding:3px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 0 0 1px #ffffffb8,0 5px 16px #00000021}.public-topbar__profile-trigger:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #fff,0 8px 20px #0000002e}.public-topbar__profile-trigger:focus-visible{outline-offset:3px;outline:3px solid #00000038}.public-topbar__avatar{color:#fff;width:40px!important;height:40px!important}.public-topbar__avatar-fallback{font-family:var(--font-latin);font-weight:600;color:#fff!important;background:#111!important;font-size:12px!important}.public-topbar__dropdown{color:#111;background:#fff;border:1px solid #dedede;border-radius:18px;width:270px;animation:.18s ease-out public-topbar-menu-in;position:absolute;top:calc(100% + 13px);right:0;overflow:hidden;box-shadow:0 22px 60px -24px #00000059}.public-topbar__account{border-bottom:1px solid #ececec;align-items:center;gap:11px;padding:17px;display:flex}.public-topbar__account>span{color:#fff;background:#111;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.public-topbar__account svg{width:16px;height:16px}.public-topbar__account div{min-width:0}.public-topbar__account b,.public-topbar__account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.public-topbar__account b{font-size:13px;font-weight:600}.public-topbar__account small{color:#777;font-family:var(--font-latin);margin-top:2px;font-size:11px}.public-topbar__menu-links{padding:7px}.public-topbar__menu-links a,.public-topbar__logout{color:#333;width:100%;font-family:var(--font-thai);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:10px 11px;font-size:13px;transition:background .16s,color .16s;display:flex}.public-topbar__menu-links a:hover,.public-topbar__logout:hover{color:#000;background:#f2f2f2}.public-topbar__menu-links svg,.public-topbar__logout svg{color:#666;width:16px;height:16px}.public-topbar__logout{cursor:pointer;color:#a51d1d;border-top:1px solid #ececec;border-radius:0;padding:13px 18px}.public-topbar__logout svg{color:currentColor}@keyframes public-topbar-pulse{50%{opacity:.48}}@keyframes public-topbar-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:640px){.public-topbar{height:72px;padding:0 20px}.public-topbar__logo{width:86px;height:39px}.public-topbar nav{gap:14px}.public-topbar nav>a:not(.public-topbar__cta){font-size:13px}.public-topbar__cta{height:40px;padding:0 16px;font-size:12px}}@media (max-width:370px){.public-topbar{padding:0 14px}.public-topbar nav{gap:10px}.public-topbar__cta{padding:0 13px}.public-topbar nav>a:not(.public-topbar__cta){display:none}}