.burger-menu{--burger-height:26px;--burger-width:40px;--burger-line-width:5px;--burger-line-offset:calc((var(--burger-height) - 3 * var(--burger-line-width)) / 2 + var(--burger-line-width))}.burger-menu{width:var(--burger-width);height:var(--burger-height);position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:var(--menu-animation-time) ease-in-out;-moz-transition:var(--menu-animation-time) ease-in-out;-o-transition:var(--menu-animation-time) ease-in-out;transition:var(--menu-animation-time) ease-in-out;cursor:pointer}.burger-menu span{display:block;position:absolute;height:var(--burger-line-width);width:100%;background:var(--color-white);opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.burger-menu span:nth-child(1){top:0}.burger-menu span:nth-child(2){top:var(--burger-line-offset)}.burger-menu span:nth-child(3){top:calc(2 * var(--burger-line-offset))}.burger-menu.menu-open span:nth-child(1){top:var(--burger-line-offset);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.burger-menu.menu-open span:nth-child(2){opacity:0;left:-60px}.burger-menu.menu-open span:nth-child(3){top:var(--burger-line-offset);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.fixed .burger-menu span{background:var(--color-black)}@media screen and (max-width:639px){.burger-menu{--burger-height:20px;--burger-width:30px;--burger-line-width:3.5px;--burger-line-offset:calc((var(--burger-height) - 3 * var(--burger-line-width)) / 2 + var(--burger-line-width))}.burger-menu.menu-open span:nth-child(2){left:-30px}}