button.hamburger,div.hamburger{height:50px;width:50px}div.hamburger>.inner{top:50%}.hamburger{background-color:transparent;border:0 transparent solid;border-radius:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;opacity:1;overflow:visible;padding:5px;text-transform:none;transition:opacity .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1)}.hamburger:hover{background-color:transparent;opacity:1}.hamburger:hover span.bar{background-color:var(--color-surface)}.hamburger:hover>.inner:nth-child(1):before,.hamburger:hover>.inner:nth-child(1):after,.hamburger:hover>.inner:nth-child(2):before,.hamburger:hover>.inner:nth-child(2):after,.hamburger:hover>.inner:nth-child(3):before,.hamburger:hover>.inner:nth-child(3):after,.hamburger:hover span.bar:nth-child(1):before,.hamburger:hover span.bar:nth-child(1):after,.hamburger:hover span.bar:nth-child(2):before,.hamburger:hover span.bar:nth-child(2):after,.hamburger:hover span.bar:nth-child(3):before,.hamburger:hover span.bar:nth-child(3):after{background-color:var(--color-surface)}.hamburger.active{background-color:var(--color-tertiary)}.hamburger.active span.bar{background-color:var(--color-surface)}.hamburger.active>.inner:nth-child(1):before,.hamburger.active>.inner:nth-child(1):after,.hamburger.active>.inner:nth-child(2):before,.hamburger.active>.inner:nth-child(2):after,.hamburger.active>.inner:nth-child(3):before,.hamburger.active>.inner:nth-child(3):after,.hamburger.active span.bar:nth-child(1):before,.hamburger.active span.bar:nth-child(1):after,.hamburger.active span.bar:nth-child(2):before,.hamburger.active span.bar:nth-child(2):after,.hamburger.active span.bar:nth-child(3):before,.hamburger.active span.bar:nth-child(3):after{background-color:var(--color-surface)}.hamburger>.inner{margin:-1.5px 0 0;position:relative;width:100%}.hamburger span.bar{background-color:var(--color-surface);border-radius:0;content:"";display:block;height:3px;position:absolute;width:100%}.hamburger span.bar:nth-child(1){top:-10px}.hamburger span.bar:nth-child(3){top:10px}.hamburger:focus{outline:0}.hamburger--criss-cross>.inner:before,.hamburger--criss-cross>.inner:after{background-color:var(--color-surface);border-radius:0;content:"";display:block;height:3px;position:absolute;width:100%;opacity:0;transform-origin:0 50%;transition:opacity .4s cubic-bezier(.645,.045,.355,1),transform .4s cubic-bezier(.645,.045,.355,1)}.hamburger--criss-cross>.inner:before{transform:rotate(45deg) translate3d(-5.8578643763px,-14.1421356237px,0) scaleX(0)}.hamburger--criss-cross>.inner:after{transform:rotate(-45deg) translate3d(-5.8578643763px,14.1421356237px,0) scaleX(0);transition-delay:.1s}.hamburger--criss-cross span.bar{transition:transform .4s cubic-bezier(.645,.045,.355,1),opacity .4s cubic-bezier(.645,.045,.355,1),width .4s cubic-bezier(.645,.045,.355,1)}.hamburger--criss-cross span.bar:nth-child(1){transition-delay:.33s}.hamburger--criss-cross span.bar:nth-child(2){transition-delay:.36s}.hamburger--criss-cross span.bar:nth-child(3){transition-delay:.39s}.hamburger--criss-cross.active>.inner:before,.hamburger--criss-cross.active>.inner:after{opacity:1}.hamburger--criss-cross.active>.inner:before{transform:rotate(45deg) translate3d(-5.8578643763px,-14.1421356237px,0);transition-delay:.4s}.hamburger--criss-cross.active>.inner:after{transform:rotate(-45deg) translate3d(-5.8578643763px,14.1421356237px,0);transition-delay:.5s}.hamburger--criss-cross.active span.bar{opacity:0;transform:translate3d(-10px,0,0);width:50%}.hamburger--criss-cross.active span.bar:nth-child(1){transition-delay:0s}.hamburger--criss-cross.active span.bar:nth-child(2){transition-delay:.2s}.hamburger--criss-cross.active span.bar:nth-child(3){transition-delay:.1s}