.hamburger-menu{----background:var(--color--dark);----opacity:.7;----opacity--hover:1;----padding-top:calc(var(--padding-top)/2);----padding-right:calc(var(--padding-right)/2);----padding-bottom:calc(var(--padding-bottom)/2);----padding-left:calc(var(--padding-left)/2);----padding:var(----padding-top) var(----padding-right) var(----padding-bottom) var(----padding-left);----bar--border-radius:2px;----bar--spacing:5px;----bar--width:30px;----bar--height:3px}.hamburger-menu.-light{----background:var(--color--dark)}.hamburger-menu.-dark{----background:var(--color--light)}.hamburger-menu{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:inline-block;height:calc(var(----bar--height)*3 + var(----bar--spacing)*2);opacity:var(----opacity);padding:var(----padding);position:relative;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:var(----bar--width)}.hamburger-menu:hover{----opacity:var(----opacity--hover)}.hamburger-menu>.hamburger-menu-bars{display:block;margin-top:calc(var(----bar--height)/-2);top:50%}.hamburger-menu>.hamburger-menu-bars,.hamburger-menu>.hamburger-menu-bars:after,.hamburger-menu>.hamburger-menu-bars:before{background:var(----background);border-radius:var(----bar--border-radius);height:var(----bar--height);position:absolute;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;width:var(----bar--width)}.hamburger-menu>.hamburger-menu-bars:after,.hamburger-menu>.hamburger-menu-bars:before{content:"";display:block}.hamburger-menu>.hamburger-menu-bars:before{top:calc(var(----bar--spacing)*-1 + var(----bar--height)*-1)}.hamburger-menu>.hamburger-menu-bars:after{bottom:calc(var(----bar--spacing)*-1 + var(----bar--height)*-1)}.hamburger-menu.-close>.hamburger-menu-bars{-webkit-transition-duration:.22s;transition-duration:.22s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger-menu.-close>.hamburger-menu-bars:before{-webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger-menu.-close>.hamburger-menu-bars:after{-webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger-menu.-close.-active>.hamburger-menu-bars{-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger-menu.-close.-active>.hamburger-menu-bars:before{opacity:0;top:0;-webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger-menu.-close.-active>.hamburger-menu-bars:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s}.hamburger-menu.-arrow-left.-active>.hamburger-menu-bars:before{-webkit-transform:translate3d(calc(var(----bar--width)*-.2),0,0) rotate(-45deg) scaleX(.7);transform:translate3d(calc(var(----bar--width)*-.2),0,0) rotate(-45deg) scaleX(.7)}.hamburger-menu.-arrow-left.-active>.hamburger-menu-bars:after{-webkit-transform:translate3d(calc(var(----bar--width)*-.2),0,0) rotate(45deg) scaleX(.7);transform:translate3d(calc(var(----bar--width)*-.2),0,0) rotate(45deg) scaleX(.7)}.hamburger-menu.-arrow-right.-active>.hamburger-menu-bars:before{-webkit-transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(45deg) scaleX(.7);transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(45deg) scaleX(.7)}.hamburger-menu.-arrow-right.-active>.hamburger-menu-bars:after{-webkit-transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(-45deg) scaleX(.7);transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(-45deg) scaleX(.7)}.hamburger-menu.-arrow-up.-active>.hamburger-menu-bars{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger-menu.-arrow-up.-active>.hamburger-menu-bars:before{-webkit-transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(45deg) scaleX(.7);transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(45deg) scaleX(.7)}.hamburger-menu.-arrow-up.-active>.hamburger-menu-bars:after{-webkit-transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(-45deg) scaleX(.7);transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(-45deg) scaleX(.7)}.hamburger-menu.-arrow-down.-active>.hamburger-menu-bars{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger-menu.-arrow-down.-active>.hamburger-menu-bars:before{-webkit-transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(45deg) scaleX(.7);transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(45deg) scaleX(.7)}.hamburger-menu.-arrow-down.-active>.hamburger-menu-bars:after{-webkit-transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(-45deg) scaleX(.7);transform:translate3d(calc(var(----bar--width)*.2),0,0) rotate(-45deg) scaleX(.7)}.hamburger-menu.-minus.-active>.hamburger-menu-bars:before{-webkit-transform:translate3d(0,calc(var(----bar--spacing) + var(----bar--height)),0);transform:translate3d(0,calc(var(----bar--spacing) + var(----bar--height)),0)}.hamburger-menu.-minus.-active>.hamburger-menu-bars:after{-webkit-transform:translate3d(0,calc(var(----bar--spacing)*-1 + var(----bar--height)*-1),0);transform:translate3d(0,calc(var(----bar--spacing)*-1 + var(----bar--height)*-1),0)}.hamburger-menu.-plus.-active>.hamburger-menu-bars:before{-webkit-transform:translate3d(0,calc(var(----bar--spacing) + var(----bar--height)),0);transform:translate3d(0,calc(var(----bar--spacing) + var(----bar--height)),0)}.hamburger-menu.-plus.-active>.hamburger-menu-bars:after{-webkit-transform:translate3d(0,calc(var(----bar--spacing)*-1 + var(----bar--height)*-1),0) rotate(90deg);transform:translate3d(0,calc(var(----bar--spacing)*-1 + var(----bar--height)*-1),0) rotate(90deg)}