.burger{display:block;height:48px;position:relative;width:48px}.burger.burger--open span:first-of-type{left:14px;top:19px;transform:rotate(45deg)}.burger.burger--open span:last-of-type{left:14px;top:19px;transform:rotate(-45deg)}.burger span{border-radius:100px;display:block;height:3px;margin:5px 0;transform:rotate(0);transition:transform;transition-duration:.3s;width:20px}.burger span:first-of-type{left:14px;position:absolute;top:20px}.burger span:last-of-type{left:14px;position:absolute;top:13px}.text-white .burger>span{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.text-black .burger>span{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}