.MHeader{position:fixed;top:0;height:5rem;z-index:10;width:100%;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;transition:all .5s;background-image:linear-gradient(180deg,#000 0,#000 0,transparent);&[data-state=active]{background-color:#000;transform:none;top:0}&[data-state=notActive]{opacity:0;pointer-events:none;transform:translateY(-50%)}.Logo{a{img{width:2.5rem}}}}