.burger-menu{--burger-line:3px;appearance:none;color:inherit;width:7.2rem;height:calc(1.4rem + var(--burger-line));z-index:4;cursor:pointer;background:0 0;border:0;margin:0;padding:0;transition:width .3s,height .3s;position:relative}@media (max-width:600px){.burger-menu{width:6.2rem}}.burger-menu__line{height:var(--burger-line);background-color:#ebebeb;border-radius:9999px;width:100%;transition:top .3s,bottom .3s,width .3s,transform .3s,background-color .1s;position:absolute;left:50%}.burger-menu__line:first-child{top:0;transform:translate(-50%)rotate(0)}.burger-menu__line:nth-child(2){bottom:0;transform:translate(-50%)rotate(0)}.burger-menu:hover .burger-menu__line{background-color:#ebebeba3}.burger-menu--open{width:4.4rem;height:4.4rem}.burger-menu--open .burger-menu__line{width:6.2rem}.burger-menu--open .burger-menu__line:first-child{top:calc(50% - var(--burger-line)/2);transform:translate(-50%)rotate(45deg)}.burger-menu--open .burger-menu__line:nth-child(2){bottom:calc(50% - var(--burger-line)/2);transform:translate(-50%)rotate(-45deg)}