.tubelight-navbar{--tubelight-width:320px;--tubelight-height:56px;--tubelight-radius:9999px;--tubelight-label-space:0px;--tubelight-bg:#f5f5f4e6;--tubelight-dropdown-bg:#fff;--tubelight-border:1px solid #e7e5e4cc;--tubelight-shadow:0 10px 30px -10px #00000014, inset 0 1px 0 #fffc;--tubelight-inactive-color:#57534e;--tubelight-hover-color:#1c1917;--tubelight-active-color:#dc2626;--tubelight-glow-color:#dc2626;--tubelight-glow-shadow:0 1px 6px #dc262699, 0 4px 12px #d977064d;--tubelight-spotlight-bg:linear-gradient(to bottom, #dc26261a 0%, #d9770608 60%, #0000 100%);isolation:isolate;width:min(var(--tubelight-width), 100%);max-width:100%;height:var(--tubelight-height);border:var(--tubelight-border);border-radius:var(--tubelight-radius);background:var(--tubelight-bg);box-shadow:var(--tubelight-shadow);align-items:center;display:flex;position:relative;overflow:hidden}.tubelight-nav-list{z-index:2;flex:auto;justify-content:space-around;align-items:center;width:auto;min-width:0;height:100%;margin:0;padding:4px;list-style:none;display:flex;position:relative}.tubelight-navbar.tubelight-with-section-label{--tubelight-label-space:40px}.tubelight-section-label{z-index:2;flex:0 0 var(--tubelight-label-space,40px);border-right:1px solid color-mix(in srgb, var(--tubelight-inactive-color) 32%, transparent);height:36px;color:var(--tubelight-active-color);text-shadow:0 0 4px color-mix(in srgb, var(--tubelight-glow-color) 85%, transparent), 0 0 10px color-mix(in srgb, var(--tubelight-glow-color) 55%, transparent), 0 0 18px color-mix(in srgb, var(--tubelight-glow-color) 30%, transparent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative}.tubelight-section-label span{writing-mode:vertical-rl;white-space:nowrap;font-family:var(--font-display,sans-serif);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:800;line-height:1;transform:rotate(180deg)}.navbar-style-label{display:none}@media (min-width:1130px){.navbar-style-label{display:flex}}.tubelight-nav-item{flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.tubelight-nav-link{appearance:none;width:48px;height:48px;color:var(--tubelight-inactive-color);cursor:pointer;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;margin:0;padding:0;transition:color .18s,transform .18s,background-color .18s;display:inline-flex;position:relative}.tubelight-nav-link:hover,.tubelight-nav-link:focus-visible{color:var(--tubelight-hover-color);background-color:#78716c14}.tubelight-nav-link:focus-visible{outline:2px solid color-mix(in srgb, var(--tubelight-glow-color) 55%, transparent);outline-offset:2px}.tubelight-nav-link.active{color:var(--tubelight-active-color);transform:translateY(-1px)}.tubelight-icon{stroke-width:2.2px;flex:none;width:20px;height:20px}.tubelight-badge{color:#fff;text-align:center;pointer-events:none;background:linear-gradient(90deg,#dc2626,#f43f5e);border-radius:9999px;min-width:18px;height:18px;padding:0 4px;font-family:ui-monospace,monospace;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:4px;right:4px}.tubelight-navbar.tubelight-with-trailing{width:auto;min-width:min(var(--tubelight-width), 100%);padding-right:6px}.tubelight-with-trailing .tubelight-nav-list{width:auto;min-width:calc(var(--tubelight-width) - 56px - var(--tubelight-label-space));flex:auto}.tubelight-trailing-divider{z-index:2;background:color-mix(in srgb, var(--tubelight-inactive-color) 35%, transparent);flex:none;width:1px;height:24px;margin:0 2px}.tubelight-trailing{z-index:2;flex:none;justify-content:center;align-items:center;height:100%;padding:0 4px;display:flex}.tubelight-navbar.tubelight-embedded{box-shadow:none;background:0 0;border:0;height:100%}.tubelight-active-indicator{z-index:1;pointer-events:none;border-radius:9999px;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:0}.tubelight-top-glow{background:var(--tubelight-glow-color);width:28px;height:4px;box-shadow:var(--tubelight-glow-shadow);border-radius:9999px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.tubelight-spotlight{border-radius:inherit;background:var(--tubelight-spotlight-bg);position:absolute;inset:0}.tubelight-dropdown{background:var(--tubelight-dropdown-bg,var(--tubelight-bg));border:var(--tubelight-border);width:min(440px,100vw - 2rem);box-shadow:var(--tubelight-shadow);z-index:50;opacity:0;visibility:hidden;pointer-events:none;border-radius:20px;padding:20px;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s cubic-bezier(.2,.8,.2,1),visibility .28s cubic-bezier(.2,.8,.2,1);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(10px)}.tubelight-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.tubelight-dropdown-title{font-family:var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.15em;text-align:center;color:var(--tubelight-inactive-color);margin-bottom:14px;font-size:11px;font-weight:800}