.Burger{
    background-color:unset;
    border:none;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    height:calc(.33793vw + 7.24138px);
    justify-content:space-between;
    opacity:0;
    outline:none;
    position:relative;
    transition:opacity .5s cubic-bezier(.25,1,.5,1);
    width:calc(2.68966vw + 36.2069px)
}
@media(hover:hover)and (pointer:fine){
    .Burger:hover{
        opacity:.4
    }
}
@media(min-width:1440px){
    .Burger{
        width:70px
    }
}
@media(max-width:739px){
    .Burger{
        width:60px
    }
}
@media(min-width:1440px){
    .Burger{
        height:11px
    }
}
@media(max-width:739px){
    .Burger{
        height:8px
    }
}
.Burger.show{
    opacity:1!important
}
@media(hover:hover)and (pointer:fine){
    .Burger:hover span:first-of-type{
        top:0
    }
    .Burger:hover span:last-of-type{
        top:calc(100% + 0px)
    }
}
@media(hover:none){
    .Burger{
        height:auto;
        padding-bottom:16px;
        padding-top:16px
    }
}
.Burger span{
    background-color:#000;
    height:4px;
    left:0;
    position:absolute;
    transform:translateY(-50%);
    transform-origin:center center;
    transition:transform .3s ease,top .3s ease;
    width:100%
}
.Burger span:first-of-type{
    top:0
}
@media(hover:none){
    .Burger span:first-of-type{
        top:11px
    }
}
.Burger span:last-of-type{
    top:calc(100% - 0px)
}
@media(hover:none){
    .Burger span:last-of-type{
        top:calc(100% - 11px)
    }
}
.Burger.is-active span{
    top:50%;
    transition:transform .3s ease .3s,top .3s ease
}
.Burger.is-active span:first-of-type{
    transform:translateY(-50%) rotate(45deg)
}
.Burger.is-active span:last-of-type{
    transform:translateY(-50%) rotate(-45deg)
}