.apn{--apn-nen:#f5eddf;--apn-ke:#e2d5c0;--apn-ray:#ebe0cd;--apn-ray-vien:#dccdb5;--apn-chu:#5f5647;--apn-chu-dam:#1b1710;--apn-vien:#c2410c;--apn-vien-chu:#fff8ec;--apn-bong:#1b171014;top:calc(var(--topline-h,42px) + var(--header-h,92px));z-index:60;border-bottom:1px solid var(--apn-ke);background:var(--apn-nen);position:sticky}[data-theme=dark] .apn{--apn-nen:#1d1a15;--apn-ke:#352f26;--apn-ray:#26221b;--apn-ray-vien:#3a3328;--apn-chu:#b2a999;--apn-chu-dam:#f3ece0;--apn-vien:#ff6b35;--apn-vien-chu:#1b1208;--apn-bong:#fff8ec14}[data-theme=light] .apn{--apn-nen:#fbf5ec;--apn-ke:#eadfcd;--apn-ray:#f2e8d9;--apn-ray-vien:#e3d5c0;--apn-chu:#5f5647;--apn-chu-dam:#1b1710;--apn-vien:#c7400c;--apn-vien-chu:#fff8ec;--apn-bong:#1b171012}.apn__trong{align-items:center;gap:16px;max-width:1190px;min-height:64px;margin:0 auto;padding:0 24px;display:flex}.apn__nav{flex:1;min-width:0;display:flex}.apn__ray{border:1px solid var(--apn-ray-vien);background:var(--apn-ray);scrollbar-width:none;overscroll-behavior-x:contain;border-radius:999px;gap:2px;max-width:100%;padding:4px;display:flex;position:relative;overflow-x:auto}.apn__ray::-webkit-scrollbar{display:none}.apn__tab{z-index:2;height:38px;color:var(--apn-chu);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 17px;font-size:13.5px;font-weight:700;text-decoration:none;transition:color .25s;display:inline-flex;position:relative}.apn__tab:hover{color:var(--apn-chu-dam)}.apn__tab.is-mo{color:var(--apn-vien-chu)}.apn__vien,.apn__bong{z-index:1;pointer-events:none;opacity:0;border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.apn__vien{width:var(--vw);transform:translateX(var(--vx));background:var(--apn-vien);box-shadow:0 6px 16px #d94a1747}.apn__bong{width:var(--bw);transform:translateX(var(--bx));background:var(--apn-bong)}.apn__vien[data-hien],.apn__bong[data-hien]{opacity:1}.apn__ray.is-san .apn__vien{transition:transform .5s cubic-bezier(.3,1.35,.5,1),width .5s cubic-bezier(.3,1.35,.5,1)}.apn__ray.is-san .apn__bong{transition:transform .38s cubic-bezier(.3,1.25,.5,1),width .38s cubic-bezier(.3,1.25,.5,1),opacity .2s}.apn__tab:focus-visible{outline:2px solid var(--apn-vien);outline-offset:2px}@media (width<=1080px){.apn__trong{padding:0 16px}}@media (width<=640px){.apn__trong{gap:8px;min-height:56px;padding:0 10px}.apn__tab{height:40px;padding:0 14px;font-size:13px}}@media (prefers-reduced-motion:reduce){.apn__ray.is-san .apn__vien,.apn__ray.is-san .apn__bong,.apn__tab{transition:none}}