.hamburger{position:relative;width:48px;height:48px;border:none;background:transparent;cursor:pointer;z-index:100}.hamburger__line{position:absolute;left:11px;width:26px;height:2px;background-color:#666;transition:all .4s}.hamburger__line:first-of-type{top:14px}.hamburger__line:nth-of-type(2){top:23px}.hamburger__line:nth-of-type(3){top:32px}.hamburger.active .hamburger__line:first-of-type{transform:translateY(9px) rotate(-45deg)}.hamburger.active .hamburger__line:nth-of-type(2){opacity:0}.hamburger.active .hamburger__line:nth-of-type(3){transform:translateY(-9px) rotate(45deg)}@media (prefers-color-scheme:dark){.hamburger__line{background-color:#333}}