.hamb{cursor:pointer;z-index:999;-webkit-tap-highlight-color:transparent;display:block;height:50px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:50px}.line{fill:none;stroke:hsl(var(--foreground));stroke-linecap:round;stroke-width:5.5;transition:stroke-dasharray .5s,stroke .5s,stroke-dashoffset .5s}.hamb .top{stroke-dasharray:40 160}.hamb .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.hamb .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.hamb.active{transform:rotate(45deg)}.hamb.active .top{stroke-dashoffset:-64px}.hamb.active .middle{transform:rotate(90deg)}.hamb.active .bottom{stroke-dashoffset:-64px}