.hamburger-icon{width:4rem;height:3.2rem;margin:.2rem .2rem 0 0;position:relative}@media (min-width:576px){.hamburger-icon{width:2.5rem;height:2.1rem}}.hamburger-icon span{filter:brightness();background:#fff;border-radius:.25rem;height:.14rem;transition:all .3s;position:absolute;left:0;right:0}.hamburger-icon span:first-child{top:0}.hamburger-icon span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger-icon span:nth-child(3){bottom:0}.hamburger-icon.scrolled span{filter:none;background:#5f5f5f}.hamburger-icon.active span{filter:brightness();background-color:#fff}.hamburger-icon.active span:first-child{top:50%;transform:translateY(-50%)}.hamburger-icon.active span:nth-child(2){opacity:0;height:1rem}.hamburger-icon.active span:nth-child(3){bottom:50%;transform:translateY(50%)}