#hamburger{padding-top:.5rem}#hamburger #hamburger-checkbox{display:none}#hamburger #hamburger-checkbox:checked~label>i{background-color:#0000;transform:rotate(90deg)}#hamburger #hamburger-checkbox:checked~label>i:before{transform:translate(-50%,-50%)rotate(45deg)}#hamburger #hamburger-checkbox:checked~label>i:after{transform:translate(-50%,-50%)rotate(-45deg)}#hamburger #hamburger-checkbox:checked~label .close{width:100%}#hamburger #hamburger-checkbox:checked~label .open{width:0}#hamburger .hamburger-label{width:26px;height:26px;margin-left:1rem;position:absolute;top:5px}#hamburger .hamburger-label:hover{cursor:pointer}#hamburger .hamburger-label .text .close,#hamburger .hamburger-label .text .open{text-transform:uppercase;text-align:center;color:var(--color-white);font-size:.6rem;transition:width .25s .35s,color .45s .35s;position:absolute;overflow:hidden;transform:translateY(24px)}#hamburger .hamburger-label .text .close{width:0;right:0}#hamburger .hamburger-label .text .open{width:100%}#hamburger .hamburger-label>i{background-color:var(--color-white);width:100%;height:2px;transition-duration:.35s;transition-delay:.35s;position:absolute;top:50%}#hamburger .hamburger-label>i:before,#hamburger .hamburger-label>i:after{background-color:var(--color-white);content:"";transform-origin:50%;width:100%;height:2px;transition:transform .35s;position:absolute;left:50%}#hamburger .hamburger-label>i:before{transform:translate(-50%,-7px)}#hamburger .hamburger-label>i:after{transform:translate(-50%,7px)}