.wt-lang{position:relative;flex:0 0 auto;font-family:inherit} .wt-lang-trigger{height:42px;max-width:178px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#60748a;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap} .wt-lang-trigger:hover,.wt-lang.open .wt-lang-trigger{background:#f3f8f9;border-color:#dbe7eb;color:#078b91} .wt-lang-trigger svg{width:18px;height:18px;flex:0 0 auto}.wt-lang-label{overflow:hidden;text-overflow:ellipsis}.wt-lang-chevron{font-size:16px;line-height:1;margin-top:-3px} /* Language layer is mounted directly under , so it cannot be clipped by sticky/backdrop-filter headers or page artwork. */ .wt-lang-layer{position:fixed;inset:0;z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility .14s ease} .wt-lang-layer.open{opacity:1;visibility:visible;pointer-events:auto} .wt-lang-backdrop{position:absolute;inset:0;border:0;margin:0;padding:0;background:transparent;cursor:default} .wt-lang-sheet{position:fixed;z-index:10001;width:224px;max-height:min(520px,70vh);display:flex;flex-direction:column;background:#fff;border:1px solid #dce7ed;border-radius:17px;box-shadow:0 18px 48px rgba(7,28,61,.17);overflow:hidden;transform:translateY(-5px);transition:transform .14s ease} .wt-lang-layer.open .wt-lang-sheet{transform:none} .wt-lang-mobile-head{display:none} .wt-lang-menu{overflow:auto;overscroll-behavior:contain;padding:8px;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable} .wt-lang-option{width:100%;min-height:45px;border:0;border-radius:10px;background:transparent;color:#17375d;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:14px;font-weight:720;cursor:pointer} .wt-lang-option:hover,.wt-lang-option:focus-visible{background:#eef9f9;outline:none}.wt-lang-option.active{background:#e9f8f8;color:#078b91;font-weight:850}.wt-lang-check{opacity:0;color:#08a7ad;font-size:15px}.wt-lang-option.active .wt-lang-check{opacity:1} body.wt-lang-lock{overflow:hidden!important;touch-action:none} @media(max-width:680px){ .wt-lang-trigger{height:40px;max-width:102px;padding:0 7px;font-size:12px;gap:5px}.wt-lang-trigger svg{width:17px;height:17px} .wt-lang-backdrop{background:rgba(7,28,61,.28);cursor:pointer} .wt-lang-sheet{left:12px!important;right:12px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;max-height:min(78dvh,680px)!important;border-radius:22px;padding:0;box-shadow:0 24px 70px rgba(7,28,61,.28);transform:translateY(14px)} .wt-lang-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:7px 8px 5px 18px;border-bottom:1px solid #e5edf1;color:#17375d;font-size:14px;font-weight:850;flex:0 0 auto} .wt-lang-mobile-current{display:flex;align-items:center;gap:8px;min-width:0}.wt-lang-mobile-current svg{width:18px;height:18px;color:#078b91;flex:0 0 auto}.wt-lang-mobile-current span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .wt-lang-close{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#f3f7f8;color:#5d7186;font-size:25px;line-height:1;cursor:pointer} .wt-lang-close:active{background:#e8f1f2} .wt-lang-menu{padding:7px 10px 11px;overflow-y:auto;min-height:0} .wt-lang-option{min-height:49px;font-size:15px;padding:0 14px} .wt-lang[data-current="en"] .wt-lang-label{font-size:0}.wt-lang[data-current="en"] .wt-lang-label:after{content:"EN";font-size:12px} .wt-lang[data-current="zh"] .wt-lang-label{font-size:0}.wt-lang[data-current="zh"] .wt-lang-label:after{content:"繁中";font-size:12px} .wt-lang[data-current="ja"] .wt-lang-label{font-size:0}.wt-lang[data-current="ja"] .wt-lang-label:after{content:"日本語";font-size:12px} .wt-lang[data-current="ko"] .wt-lang-label{font-size:0}.wt-lang[data-current="ko"] .wt-lang-label:after{content:"한국어";font-size:12px} .wt-lang[data-current="vi"] .wt-lang-label{font-size:0}.wt-lang[data-current="vi"] .wt-lang-label:after{content:"VI";font-size:12px} .wt-lang[data-current="id"] .wt-lang-label{font-size:0}.wt-lang[data-current="id"] .wt-lang-label:after{content:"ID";font-size:12px} .wt-lang[data-current="th"] .wt-lang-label{font-size:0}.wt-lang[data-current="th"] .wt-lang-label:after{content:"ไทย";font-size:12px} .wt-lang[data-current="tl"] .wt-lang-label{font-size:0}.wt-lang[data-current="tl"] .wt-lang-label:after{content:"FIL";font-size:12px} .wt-lang[data-current="es"] .wt-lang-label{font-size:0}.wt-lang[data-current="es"] .wt-lang-label:after{content:"ES";font-size:12px} .wt-lang[data-current="fr"] .wt-lang-label{font-size:0}.wt-lang[data-current="fr"] .wt-lang-label:after{content:"FR";font-size:12px} } @media(max-width:380px){.wt-lang-sheet{left:8px!important;right:8px!important}.wt-lang-option{min-height:47px;font-size:14.5px}} @media(prefers-reduced-motion:reduce){.wt-lang-layer,.wt-lang-sheet{transition:none!important}}