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-secondary)}.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-secondary)}.hamburger.active{background-color:var(--color-surface-content)}.hamburger.active span.bar{background-color:var(--color-primary)}.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-primary)}.hamburger>.inner{margin:-1.5px 0 0;position:relative;width:100%}.hamburger span.bar{background-color:var(--color-secondary);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--shelf span.bar{transition:transform .3s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--shelf span.bar:nth-child(1){top:0;transform:translate3d(0,-10px,0)}.hamburger--shelf span.bar:nth-child(2){transform:scaleX(.5);transform-origin:0 50%}.hamburger--shelf span.bar:nth-child(3){top:0;transform:scaleX(.75) translate3d(0,10px,0);transform-origin:0 50%}.hamburger--shelf:hover span.bar:nth-child(2){transform:scaleX(1)}.hamburger--shelf:hover span.bar:nth-child(3){transform:scaleX(1) translate3d(0,10px,0)}.hamburger--shelf.active span.bar{transition:transform .3s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)}.hamburger--shelf.active span.bar:nth-child(1){transform:rotate(45deg) translateZ(0)}.hamburger--shelf.active span.bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--shelf.active span.bar:nth-child(3){transform:rotate(-45deg) translate3d(-5.8578643763px,14.1421356237px,0)}