.burger{transform:scale(.5)}.burger .bars{position:relative;width:40px;cursor:pointer;margin:auto;display:block;height:34px}.burger .bars .bar{position:absolute;left:0;right:0;height:2px;background:var(--primary-blue);color:inherit;opacity:1;transition:none .35s cubic-bezier(.5,-.35,.35,1.5) 0s}.burger .bars .bar--top{bottom:calc(50% + 11px + 1px);transition-property:bottom,margin,transform;transition-delay:.35s,0s,0s}.burger .bars .bar--middle{top:calc(50% - 1px);transition-property:top,opacity;transition-duration:.35s,0s;transition-delay:.455s,.455s}.burger .bars .bar--bottom{top:calc(50% + 11px + 1px);transition-property:top,transform;transition-delay:0s}.burger.open .bars .bar--top{bottom:calc(50% - 11px - 2px);margin-bottom:12px;transform:rotate(45deg);transition-delay:.105s,.455s,.455s}.burger.open .bars .bar--middle{top:calc(50% + 11px);opacity:0;transition-duration:.35s,0s;transition-delay:0s,.35s}.burger.open .bars .bar--bottom{top:calc(50% - 1px);transform:rotate(-45deg);transition-delay:.455s,.455s}