.NavIcon4_navIcon4__FAcgx{--w:36px;--h:20px;--t:4px;--gap:calc((var(--h) - 3 * var(--t)) / 2);--radius:10px;--centerTop:calc((var(--h) - var(--t)) / 2);position:relative;display:inline-block;width:var(--w);height:var(--h);padding:0;border:0;background:transparent;cursor:pointer}.NavIcon4_navIcon4__FAcgx span{position:absolute;left:50%;width:var(--w);height:var(--t);background:#000;border-radius:calc(var(--t) / 2);transform-origin:50% 50%;transform:translateX(-50%) rotate(0deg);transition:transform .3s cubic-bezier(.2,.7,0,1),top .3s cubic-bezier(.2,.7,0,1),opacity .2s ease-out}.NavIcon4_navIcon4__FAcgx span:first-child{top:0}.NavIcon4_navIcon4__FAcgx span:nth-child(2){top:calc(var(--t) + var(--gap))}.NavIcon4_navIcon4__FAcgx span:nth-child(3){top:calc(2 * (var(--t) + var(--gap)))}.NavIcon4_open__gqeDO span:first-child{top:var(--centerTop);transform:translateX(-50%) rotate(45deg)}.NavIcon4_open__gqeDO span:nth-child(2){top:var(--centerTop);opacity:0;transform:translateX(-50%) scaleX(0)}.NavIcon4_open__gqeDO span:nth-child(3){top:var(--centerTop);transform:translateX(-50%) rotate(-45deg)}.NavIcon4_navIcon4__FAcgx:focus-visible{outline:2px solid #000;outline-offset:4px}