.clixnav{display:grid;grid-template-columns:repeat(3,1fr);background:#0b0b0f;border-top:1px solid #1c1c23;border-bottom:1px solid #1c1c23;padding:11px 4px 10px}.navitem{display:flex;flex-direction:column;align-items:center;gap:5px;padding:2px 0;opacity:.45}.navitem .ico{width:31px;height:31px;display:block}.navitem .ico svg{width:100%;height:100%;display:block}.navitem .st{fill:none;stroke:#fff;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;fill-rule:evenodd}.navitem>span:last-child{font-size:10.5px;font-weight:700;letter-spacing:.2px;line-height:1;color:#fff}.navitem.on{opacity:1}.navitem.on .st{fill:url(#clixgrad);stroke:none}.navitem.on .ico{filter:drop-shadow(0 2px 7px rgba(255,47,158,.5))}.navitem.on>span:last-child{background:linear-gradient(135deg,#ff2f9e,#ff3b3b);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}