.tl-nav{--tl-color:#1b84ff;--tl-x:45px;position:relative;max-width:760px;margin:0 auto;padding:8px;border-radius:22px;background:rgba(28,39,58,.96);box-shadow:0 16px 30px rgba(27,39,56,.17);overflow:hidden;touch-action:pan-y}.tl-nav__track{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.07);border-radius:17px;pointer-events:none}.tl-nav__tabs{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.tl-nav__tab{border:0;background:transparent;color:#aab4c3;border-radius:15px;min-height:68px;display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer;position:relative;transition:color .2s}.tl-nav__tab.is-active{color:var(--tab-color)}.tl-nav__tab:focus-visible{outline:2px solid var(--tab-color);outline-offset:-3px}.tl-nav__icon{width:24px;height:24px;display:grid;place-items:center;position:relative;z-index:4}.tl-nav__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tl-nav__label{font-size:.72rem;font-weight:800;position:relative;z-index:4}.tl-nav__light{position:absolute;z-index:2;top:9px;left:0;width:52px;height:52px;border-radius:50%;transform:translateX(calc(var(--tl-x) - 26px));border:1px solid var(--tl-color);box-shadow:0 0 20px color-mix(in srgb,var(--tl-color) 52%,transparent),inset 0 0 15px color-mix(in srgb,var(--tl-color) 18%,transparent);pointer-events:none}.tl-nav__light-core{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tl-color) 28%,transparent),transparent 68%)}.tl-nav__beam{position:absolute;top:34px;height:2px;z-index:1;background:linear-gradient(90deg,transparent,var(--tl-color),transparent);filter:blur(.5px);pointer-events:none}@media(prefers-reduced-motion:reduce){.tl-nav__light{transition:none}.tl-nav__beam{display:none}}@media(max-width:560px){.tl-nav{padding:6px;border-radius:18px}.tl-nav__tab{min-height:60px}.tl-nav__label{font-size:.64rem}}