.mburger {
    --mb-button-size:60px;
    --mb-bar-width:0.6;
    --mb-bar-height:4px;
    --mb-bar-spacing:10px;
    --mb-cross-timeout:0.4s;
    background:0 0;
    border:none;
    border-radius:0;
    color:inherit;
    display:inline-block;
    position:relative;
    box-sizing:border-box;
    height:var(--mb-button-size);
    padding:0 0 0 var(--mb-button-size);
    margin:0;
    line-height:var(--mb-button-size);
    vertical-align:middle;
    appearance:none;
    outline:0;
    cursor:pointer
   }
   .mburger b {
    display:block;
    position:absolute;
    left:calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
    width:calc(var(--mb-button-size) * var(--mb-bar-width));
    height:var(--mb-bar-height);
    border-radius:calc(var(--mb-bar-height)/ 2);
    background:currentColor;
    color:inherit;
    opacity:1
   }
   .mburger b:nth-of-type(1) {
    bottom:calc(50% + var(--mb-bar-spacing));
    transition:bottom .2s ease,transform .2s ease
   }
   .mburger b:nth-of-type(2) {
    top:calc(50% - (var(--mb-bar-height)/ 2));
    transition:opacity .2s ease
   }
   .mburger b:nth-of-type(3) {
    top:calc(50% + var(--mb-bar-spacing));
    transition:top .2s ease,transform .2s ease
   }
   .mburger span:not(:empty) {
    padding-right:calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2))
   }
   .mm-wrapper_opened .mburger b:nth-of-type(1) {
    bottom:calc(50% - (var(--mb-bar-height)/ 2));
    transform:rotate(45deg)
   }
   .mm-wrapper_opened .mburger b:nth-of-type(2) {
    opacity:0
   }
   .mm-wrapper_opened .mburger b:nth-of-type(3) {
    top:calc(50% - (var(--mb-bar-height)/ 2));
    transform:rotate(-45deg)
   }
   .mburger--collapse b:nth-of-type(1) {
    transition:bottom .2s ease,margin .2s ease,transform .2s ease;
    transition-delay:.2s,0s,0s
   }
   .mburger--collapse b:nth-of-type(2) {
    transition:top .2s ease,opacity 0s ease;
    transition-delay:.3s,.3s
   }
   .mburger--collapse b:nth-of-type(3) {
    transition:top .2s ease,transform .2s ease
   }
   .mm-wrapper_opened .mburger--collapse b:nth-of-type(1) {
    bottom:calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
    margin-bottom:calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));
    transform:rotate(45deg);
    transition-delay:calc(var(--mb-cross-timeout) + .1s),calc(var(--mb-cross-timeout) + .3s),calc(var(--mb-cross-timeout) + .3s)
   }
   .mm-wrapper_opened .mburger--collapse b:nth-of-type(2) {
    top:calc(50% + var(--mb-bar-spacing));
    opacity:0;
    transition-delay:calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .2s)
   }
   .mm-wrapper_opened .mburger--collapse b:nth-of-type(3) {
    top:calc(50% - (var(--mb-bar-height)/ 2));
    transform:rotate(-45deg);
    transition-delay:calc(var(--mb-cross-timeout) + .3s),calc(var(--mb-cross-timeout) + .3s)
   }
   .mburger--spin b:nth-of-type(1) {
    transition-delay:.2s,0s
   }
   .mburger--spin b:nth-of-type(2) {
    transition-duration:0s;
    transition-delay:.2s
   }
   .mburger--spin b:nth-of-type(3) {
    transition-delay:.2s,0s
   }
   .mm-wrapper_opened .mburger--spin b:nth-of-type(1) {
    transform:rotate(135deg);
    transition-delay:calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .2s)
   }
   .mm-wrapper_opened .mburger--spin b:nth-of-type(2) {
    transition-delay:calc(var(--mb-cross-timeout) + 0s)
   }
   .mm-wrapper_opened .mburger--spin b:nth-of-type(3) {
    transform:rotate(225deg);
    transition-delay:calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .2s)
   }
   .mburger--squeeze b:nth-of-type(1) {
    transition-delay:.1s,0s
   }
   .mburger--squeeze b:nth-of-type(2) {
    transition-delay:.1s
   }
   .mburger--squeeze b:nth-of-type(3) {
    transition-delay:.1s,0s
   }
   .mm-wrapper_opened .mburger--squeeze b:nth-of-type(1) {
    transition-delay:calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .1s)
   }
   .mm-wrapper_opened .mburger--squeeze b:nth-of-type(2) {
    transition-delay:calc(var(--mb-cross-timeout) + 0s)
   }
   .mm-wrapper_opened .mburger--squeeze b:nth-of-type(3) {
    transition-delay:calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .1s)
   }
   .mburger--tornado b:nth-of-type(1) {
    transition:bottom .2s ease,transform .2s ease;
    transition-delay:.2s
   }
   .mburger--tornado b:nth-of-type(2) {
    transition:opacity 0s ease,transform .2s ease;
    transition-delay:.1s,.1s
   }
   .mburger--tornado b:nth-of-type(3) {
    transition:top .2s ease,transform .2s ease;
    transition-delay:0s
   }
   .mm-wrapper_opened .mburger--tornado b:nth-of-type(1) {
    transform:rotate(-135deg);
    transition-delay:calc(var(--mb-cross-timeout) + 0s)
   }
   .mm-wrapper_opened .mburger--tornado b:nth-of-type(2) {
    opacity:0;
    transform:rotate(-135deg);
    transition-delay:calc(var(--mb-cross-timeout) + .4s),calc(var(--mb-cross-timeout) + .1s)
   }
   .mm-wrapper_opened .mburger--tornado b:nth-of-type(3) {
    transform:rotate(-225deg);
    transition-delay:calc(var(--mb-cross-timeout) + .2s)
   }