.yukon-nav-container{background:var(--surface-1,#0b0c108c);-webkit-backdrop-filter:blur(32px);transform-style:preserve-3d;will-change:transform, padding, background, backdrop-filter;border:1px solid #ffffff14;border-radius:9999px;box-shadow:0 8px 32px #0003}.yukon-nav-indicator{background:linear-gradient(90deg, transparent, var(--aurora-blue,#00e5ff), var(--aurora-lime,#0f8), transparent);height:2px;box-shadow:0 0 10px var(--aurora-blue,#00e5ff);will-change:transform, width;border-radius:2px;position:absolute;bottom:-2px;left:0}.yukon-pill{border-radius:9999px;transition:color .3s;position:relative;overflow:hidden}.yukon-pill-aurora-bg{background:radial-gradient(circle, var(--aurora-blue,#00e5ff33) 0%, var(--aurora-lavender,#bb86fc1a) 50%, transparent 100%);z-index:0;pointer-events:none;border-radius:50%;width:0%;height:0%;transition:width .4s cubic-bezier(.25,1,.5,1),height .4s cubic-bezier(.25,1,.5,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yukon-pill:hover .yukon-pill-aurora-bg{width:250%;height:250%}.yukon-pill span{z-index:1;position:relative}.yukon-nav-cta{border:1px solid var(--signal-yellow,#ffd600);color:var(--signal-yellow,#ffd600);background:0 0;transition:all .3s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.yukon-nav-cta:hover{background:var(--signal-yellow,#ffd600);color:#000;box-shadow:0 0 20px #ffd6004d}.yukon-mobile-sheet{background:var(--surface-1,#0b0c10d9);-webkit-backdrop-filter:blur(40px);border-top:1px solid #ffffff14;border-top-left-radius:32px;border-top-right-radius:32px;box-shadow:0 -10px 40px #00e5ff1a}