.burger-menu{--menu-height:clamp(10px,1.5vw,15px);--bar-thickness:calc(var(--menu-height) * 0.13333);--line-width:calc(var(--menu-height) * 1.86666);--bar-spacing:calc((var(--menu-height) - (3 * var(--bar-thickness))) / 2);width:auto;display:flex;align-items:center;padding:var(--space-xs);cursor:pointer;transition:all .3s ease-in-out}.burger-menu:hover{background-color:rgba(0,0,0,.08)}.burger-menu .burger-menu__layout{display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%;height:var(--menu-height);margin:0 auto;border:none}.burger-menu .burger-menu__line{display:inherit;height:var(--bar-thickness);width:var(--line-width);background-color:currentColor;transition:all .3s ease;margin-bottom:0}.burger-menu.burger-menu__active>.burger-menu__layout>.burger-menu__line{margin-bottom:0}.burger-menu.burger-menu__active>.burger-menu__layout>.burger-menu__line:first-child{transform:translateY(calc(var(--menu-height) / 2 - var(--bar-thickness) / 2)) rotate(45deg)}.burger-menu.burger-menu__active>.burger-menu__layout>.burger-menu__line:nth-child(2){opacity:0}.burger-menu.burger-menu__active>.burger-menu__layout>.burger-menu__line:nth-child(3){transform:translateY(calc(-1 * (var(--menu-height) / 2 - var(--bar-thickness) / 2))) rotate(-45deg)}html.dark .burger-menu .burger-menu__line{background-color:currentColor}