.trigger{display:flex;flex-direction:column;justify-content:center;flex-wrap:nowrap;align-items:center}.bars{width:52px;cursor:pointer}.bars .line{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:square;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.bars .line.top{stroke-dasharray:40 172}.bars .line.middle{stroke-dasharray:40 111}.bars .line.bottom{stroke-dasharray:40 172}.bars.active .top{stroke-dashoffset:-132px}.bars.active .middle{stroke-dashoffset:-71px}.bars.active .bottom{stroke-dashoffset:-132px}@media (min-width:64rem){.bars{width:75px}}