.nav-toggle{flex-direction:column;justify-content:space-between;width:22px;height:22px;display:flex}.nav-toggle .bar{background-color:#fff;background:var(--color-blue-300);border-radius:50px;width:100%;height:3px;transition:all .1s ease-in-out}.nav-toggle:hover{cursor:pointer}.x{background:#fff!important}.x:first-of-type{transform-origin:0 0;width:28px;transition:all .1s ease-in-out;transform:rotate(45deg)}.x:nth-of-type(2){transform-origin:50%;width:0;transition:all .1s ease-in-out}.x:nth-of-type(3){transform-origin:0 100%;width:28px;transition:all .1s ease-in-out;transform:rotate(-45deg)}