<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* burger icon */
#topbar label{
    display:flex;
    flex-direction:column;
    width:35px;
    cursor:pointer;
}

#topbar label span{
    background: #fff;
    border-radius:10px;
    height:3px;
    margin:3px 0;
    transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

#topbar span:nth-of-type(1){
    width:50%;
}

#topbar span:nth-of-type(2){
    width:100%;
}

#topbar span:nth-of-type(3){
    width:75%;

}

#topbar input[type="checkbox"]{
    display:none;
}

#topbar input[type="checkbox"]:checked ~ span:nth-of-type(1){
    transform-origin:bottom;
    transform:rotatez(45deg) translate(4px,0px)
}

#topbar input[type="checkbox"]:checked ~ span:nth-of-type(2){
    transform-origin:top;
    transform:rotatez(-45deg)
}

#topbar input[type="checkbox"]:checked ~ span:nth-of-type(3){
    transform-origin:bottom;
    width:50%;
    transform: translate(14px,-5px) rotatez(45deg);
}

</pre></body></html>