.c-burger{--weight:.125rem;--border-radius:.125rem;--size:2rem;--transition:.3s ease;--color:currentColor;z-index:100;width:auto}.c-burger,.c-burger-icon{margin:0;padding:0;display:flex;position:relative}.c-burger-icon{align-items:stretch;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;width:var(--size);height:var(--size);-webkit-transition:opacity var(--transition),visibility var(--transition),-webkit-transform var(--transition);transition:opacity var(--transition),visibility var(--transition),-webkit-transform var(--transition);transition:transform var(--transition),opacity var(--transition),visibility var(--transition);transition:transform var(--transition),opacity var(--transition),visibility var(--transition),-webkit-transform var(--transition);flex-flow:column;justify-content:space-evenly}.c-burger-line{height:var(--weight);background:var(--color);border-radius:var(--border-radius);-webkit-transition:-webkit-transform var(--transition);transition:-webkit-transform var(--transition);transition:transform var(--transition);transition:transform var(--transition),-webkit-transform var(--transition)}.c-burger-line.c-line-a{transform-origin:0}.c-burger-line.c-line-b{transform-origin:25%}.c-burger-line.c-line-c{transform-origin:0}.c-burger:focus .c-line-a,.c-burger:hover .c-line-a{transform:translate(12.5%)scaleX(.75)}.c-burger:focus .c-line-b,.c-burger:hover .c-line-b{transform:translate(12.5%)scaleX(.5)}.c-burger:focus .c-line-c,.c-burger:hover .c-line-c{transform:translate(12.5%)scaleX(.75)}.c-burger.active .c-line-a{transform:translate(22.5%)rotate(45deg)scaleX(.75)}.c-burger.active .c-line-b{transform:translate(22.5%)scaleX(0)}.c-burger.active .c-line-c{transform:translate(22.5%)rotate(-45deg)scaleX(.75)}