@layer components{.u039{position:relative}.u039-tabs{isolation:isolate;background-color:var(--kinh-nen);box-shadow:inset 0 1.5px 0 var(--kinh-sang-mep),inset 0 0 0 1px var(--kinh-vien),inset 0 -12px 20px -14px var(--kinh-chan-mep),0 8px 20px -6px var(--kinh-bong),0 2px 6px -2px var(--kinh-bong);border-radius:999px;padding:4px;display:flex;position:relative}.u039-tabs:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--kinh-loang);position:absolute;inset:0}.u039-pill{width:var(--w,80px);background:var(--ux-accent);transform:translateX(var(--x,4px));box-shadow:inset 0 1.5px 0 #ffffff73,inset 0 12px 16px -12px #fff6,inset 0 -12px 20px -14px #ffffff4d,inset 0 0 0 1px #ffffff24,0 8px 16px -10px var(--ux-shadow-strong);transition:transform .5s var(--ux-spring),width .5s var(--ux-spring);border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.u039-tab{min-height:44px;color:var(--ux-ink-2);white-space:nowrap;cursor:pointer;transition:color .35s var(--ux-ease);background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:flex;position:relative}.u039-tab[aria-selected=true]{color:var(--ux-accent-ink)}.u039-tab:focus-visible{outline:2px solid var(--ux-accent);outline-offset:2px}.u039-doc .u039-tabs{border-radius:24px;flex-direction:column}.u039-doc .u039-pill{width:auto;height:var(--h,44px);transform:translateY(var(--y,4px));transition:transform .5s var(--ux-spring),height .5s var(--ux-spring);border-radius:20px;inset:0 4px auto}.u039-doc .u039-tab{border-radius:20px;justify-content:flex-start}}