header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--header-bg-color);padding:.5rem 1rem;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}header nav{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1.2rem;padding:0;margin:0}header nav a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:1rem;color:inherit;transition:background-color 0.3s ease}header nav a:hover .category-icon{color:var(--header-icon-hover-color)}.category-nav-left,.category-nav-right{display:flex;flex-wrap:wrap;gap:var(--header-icon-gap);padding:0;margin:5px 0 0 0;list-style:none}.hi{width:var(--header-icon-size);height:var(--header-icon-size);color:var(--header-icon-color);cursor:pointer;transition:color 0.3s ease}.hi:hover{color:var(--header-icon-hover-color)}header .icon{cursor:pointer}