/**
 * Minified by jsDelivr using Terser v5.39.0.
 * Original file: /npm/react-animated-burgers@1.2.8/lib/index.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=_interopDefault(require("react")),styled=_interopDefault(require("styled-components")),__assign=function(){return __assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign.apply(this,arguments)};function __rest(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}function __makeTemplateObject(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var templateObject_1,StyledButton=styled.button(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: ","px;\n  display: inline-block;\n  cursor: pointer;\n  transition-property: opacity, filter;\n  transition-duration: 0.15s;\n  transition-timing-function: linear;\n  font: inherit;\n  color: inherit;\n  text-transform: none;\n  background-color: ",";\n  margin: 0;\n  border: none;\n  overflow: visible;\n"],["\n  padding: ","px;\n  display: inline-block;\n  cursor: pointer;\n  transition-property: opacity, filter;\n  transition-duration: 0.15s;\n  transition-timing-function: linear;\n  font: inherit;\n  color: inherit;\n  text-transform: none;\n  background-color: ",";\n  margin: 0;\n  border: none;\n  overflow: visible;\n"])),(function(e){return.375*e.buttonWidth}),(function(e){return e.buttonColor}));StyledButton.displayName="StyledButton";var templateObject_1$1,StyledBox=styled.div(templateObject_1$1||(templateObject_1$1=__makeTemplateObject(["\n  width: ","px;\n  height: ","px;\n  display: inline-block;\n  position: relative;\n"],["\n  width: ","px;\n  height: ","px;\n  display: inline-block;\n  position: relative;\n"])),(function(e){return e.buttonWidth}),(function(e){return.6*e.buttonWidth}));StyledBox.displayName="StyledBox";var templateObject_1$2,getBarColor=function(e){return"background-color: "+e.barColor},getLayerHeight=function(e){return.1*e},getLayerSpacing=function(e){return.15*e},getLinesCommon=function(e){var t=e.buttonWidth;return"\n  width: "+t+"px;\n  height: "+.1*t+"px;\n  border-radius: "+.1*t+"px;\n  position: absolute;\n  transition-property: transform;\n  transition-duration: 0.15s;\n  transition-timing-function: ease;\n"},StyledLines=styled.span(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n  display: block;\n  top: 50%;\n  margin-top: ","px;\n  ",";\n  ",";\n\n  &::before,\n  &::after {\n    ",";\n    ",";\n    content: '';\n    display: block;\n  }\n\n  &::before {\n    top: ","px;\n  }\n\n  &::after {\n    bottom: ","px;\n  }\n"],["\n  display: block;\n  top: 50%;\n  margin-top: ","px;\n  ",";\n  ",";\n\n  &::before,\n  &::after {\n    ",";\n    ",";\n    content: '';\n    display: block;\n  }\n\n  &::before {\n    top: ","px;\n  }\n\n  &::after {\n    bottom: ","px;\n  }\n"])),(function(e){return.05*-e.buttonWidth}),getBarColor,getLinesCommon,getBarColor,getLinesCommon,(function(e){return.25*-e.buttonWidth}),(function(e){return.25*-e.buttonWidth}));StyledLines.displayName="StyledLines";var templateObject_1$3,Button=function(e){var t=e.barColor,n=void 0===t?"black":t,r=e.Box,i=void 0===r?StyledBox:r,a=e.buttonColor,o=void 0===a?"transparent":a,s=e.buttonStyle,c=e.buttonWidth,l=void 0===c?40:c,u=e.className,b=e.isActive,p=void 0!==b&&b,m=e.Lines,f=void 0===m?StyledLines:m,d=e.toggleButton,g=void 0===d?function(){}:d,y=__rest(e,["barColor","Box","buttonColor","buttonStyle","buttonWidth","className","isActive","Lines","toggleButton"]);return React.createElement(StyledButton,__assign({onClick:g,"aria-label":"Navigation",style:s},{buttonWidth:l,buttonColor:o,className:u},y),React.createElement(i,__assign({},{buttonWidth:l}),React.createElement(f,__assign({},{buttonWidth:l,barColor:n,isActive:p}))))},StyledLinesArrow=styled(StyledLines)(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n  }\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n  }\n  ",";\n"])),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d("+.2*-n+"px, 0, 0) rotate(-45deg) scale(0.7, 1)"}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d("+.2*-n+"px, 0, 0) rotate(45deg) scale(0.7, 1)"}),getBarColor,getBarColor);StyledLinesArrow.displayName="StyledLinesArrow";var templateObject_1$4,HamburgerArrow=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesArrow}))},StyledLinesArrowReverse=styled(StyledLines)(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n  }\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n  }\n  ",";\n"])),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d("+.2*n+"px, 0, 0) rotate(45deg) scale(0.7, 1)"}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d("+.2*n+"px, 0, 0) rotate(-45deg) scale(0.7, 1)"}),getBarColor,getBarColor);StyledLinesArrowReverse.displayName="StyledLinesArrowReverse";var templateObject_1$5,HamburgerArrowReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesArrowReverse}))},getIsActiveBefore=function(e){return"\n  top: 0;\n  transform: translate3d("+.2*-e+"px, "+.25*-e+"px, 0) rotate(-45deg) scale(0.7, 1);\n  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n"},getIsActiveAfter=function(e){return"\n  bottom: 0;\n  transform: translate3d("+.2*-e+"px, "+.25*e+"px, 0) rotate(45deg) scale(0.7, 1);\n  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n"},StyledLinesArrowAlt=styled(StyledLines)(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n  &::before {\n    transition: top 0.1s 0.1s ease,\n      transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.1s 0.1s ease,\n      transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n    ",";\n    ",";\n  }\n  ",";\n"],["\n  &::before {\n    transition: top 0.1s 0.1s ease,\n      transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.1s 0.1s ease,\n      transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n    ",";\n    ",";\n  }\n  ",";\n"])),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getIsActiveBefore(n)}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getIsActiveAfter(n)}),getBarColor,getBarColor);StyledLinesArrowAlt.displayName="StyledLinesArrowAlt";var templateObject_1$6,HamburgerArrowAlt=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesArrowAlt}))},getIsActiveBefore$1=function(e){return"\n  top: 0;\n  transform: translate3d("+.2*e+"px, "+.25*-e+"px, 0) rotate(45deg) scale(0.7, 1);\n  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n"},getIsActiveAfter$1=function(e){return"\n  bottom: 0;\n  transform: translate3d("+.2*e+"px, "+.25*e+"px, 0) rotate(-45deg) scale(0.7, 1);\n  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);\n"},StyledLinesArrowAltReverse=styled(StyledLines)(templateObject_1$6||(templateObject_1$6=__makeTemplateObject(["\n  &::before {\n    transition: top 0.1s 0.1s ease,\n      transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.1s 0.1s ease,\n      transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n    ",";\n    ",";\n  }\n  ",";\n"],["\n  &::before {\n    transition: top 0.1s 0.1s ease,\n      transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.1s 0.1s ease,\n      transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);\n    ",";\n    ",";\n  }\n  ",";\n"])),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getIsActiveBefore$1(n)}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getIsActiveAfter$1(n)}),getBarColor,getBarColor);StyledLinesArrowAltReverse.displayName="StyledLinesArrowAltReverse";var templateObject_1$7,HamburgerArrowAltReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesArrowAltReverse}))},StyledLinesArrowTurn=styled(StyledLines)(templateObject_1$7||(templateObject_1$7=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n  }\n  ",";\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n  }\n  ",";\n  ",";\n"])),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d("+.2*n+"px, 0, 0) rotate(45deg) scale(0.7, 1)"}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d("+.2*n+"px, 0, 0) rotate(-45deg) scale(0.7, 1)"}),getBarColor,(function(e){return e.isActive&&"transform: rotate(-180deg)"}),getBarColor);StyledLinesArrowTurn.displayName="StyledLinesArrowTurn";var templateObject_1$8,HamburgerArrowTurn=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesArrowTurn}))},StyledLinesArrowTurnReverse=styled(StyledLines)(templateObject_1$8||(templateObject_1$8=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n  }\n  ",";\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n  }\n  ",";\n  ",";\n"])),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d("+.2*-n+"px, 0, 0) rotate(-45deg) scale(0.7, 1)"}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d("+.2*-n+"px, 0, 0) rotate(45deg) scale(0.7, 1)"}),getBarColor,(function(e){return e.isActive&&"transform: rotate(180deg)"}),getBarColor);StyledLinesArrowTurnReverse.displayName="StyledLinesArrowTurnReverse";var templateObject_1$9,HamburgerArrowTurnReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesArrowTurnReverse}))},StyledLinesBoring=styled(StyledLines)(templateObject_1$9||(templateObject_1$9=__makeTemplateObject(["\n  &::before {\n    transition-property: none;\n    ",";\n    ",";\n  }\n  &::after {\n    transition-property: none;\n    ",";\n    ",";\n  }\n  transition-property: none;\n  ",";\n  ",";\n"],["\n  &::before {\n    transition-property: none;\n    ",";\n    ",";\n  }\n  &::after {\n    transition-property: none;\n    ",";\n    ",";\n  }\n  transition-property: none;\n  ",";\n  ",";\n"])),(function(e){return e.isActive&&"top: 0; opacity: 0"}),getBarColor,(function(e){return e.isActive&&"bottom: 0; transform: rotate(-90deg)"}),getBarColor,(function(e){return e.isActive&&"transform: rotate(45deg)"}),getBarColor);StyledLinesBoring.displayName="StyledLinesBoring";var templateObject_1$a,HamburgerBoring=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesBoring}))},linesCollapseCommon="\n  top: auto;\n  bottom: 0;\n  transition-duration: 0.13s;\n  transition-delay: 0.13s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n",getLinesCollapseAfter=function(e){var t=e.buttonWidth;return"\n  top: -"+(2*getLayerSpacing(t)+2*getLayerHeight(t))+"px;\n  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;\n"},linesCollapseBefore="\n  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n",getLinesCollapseIsActive=function(e){var t=e.buttonWidth;return"\n  transform: translate3d(0, -"+(getLayerSpacing(t)+getLayerHeight(t))+"px, 0) rotate(-45deg);\n  transition-delay: 0.22s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n"},linesCollapseIsActiveBefore="\n  top: 0;\n  transform: rotate(-90deg);\n  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n",linesCollapseIsActiveAfter="\n  top: 0;\n  opacity: 0;\n  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;\n",StyledLinesCollapse=styled(StyledLines)(templateObject_1$a||(templateObject_1$a=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n\n  ",";\n  ",";\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n\n  ",";\n  ",";\n  ",";\n"])),linesCollapseBefore,(function(e){return e.isActive&&linesCollapseIsActiveBefore}),getBarColor,getLinesCollapseAfter,(function(e){return e.isActive&&linesCollapseIsActiveAfter}),getBarColor,linesCollapseCommon,(function(e){return e.isActive&&getLinesCollapseIsActive}),getBarColor);StyledLinesCollapse.displayName="StyledLinesCollapse";var templateObject_1$b,HamburgerCollapse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesCollapse}))},linesCollapseCommon$1="\n  top: auto;\n  bottom: 0;\n  transition-duration: 0.13s;\n  transition-delay: 0.13s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n",getLinesCollapseAfter$1=function(e){var t=e.buttonWidth;return"\n  top: -"+(2*getLayerSpacing(t)+2*getLayerHeight(t))+"px;\n  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;\n"},linesCollapseBefore$1="\n  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n",getLinesCollapseIsActive$1=function(e){var t=e.buttonWidth;return"\n  transform: translate3d(0, -"+(getLayerSpacing(t)+getLayerHeight(t))+"px, 0) rotate(45deg);\n  transition-delay: 0.22s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n"},linesCollapseIsActiveBefore$1="\n  top: 0;\n  transform: rotate(90deg);\n  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n",linesCollapseIsActiveAfter$1="\n  top: 0;\n  opacity: 0;\n  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;\n",StyledLinesCollapseReverse=styled(StyledLines)(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n\n  ",";\n  ",";\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n\n  ",";\n  ",";\n  ",";\n"])),linesCollapseBefore$1,(function(e){return e.isActive&&linesCollapseIsActiveBefore$1}),getBarColor,getLinesCollapseAfter$1,(function(e){return e.isActive&&linesCollapseIsActiveAfter$1}),getBarColor,linesCollapseCommon$1,(function(e){return e.isActive&&getLinesCollapseIsActive$1}),getBarColor);StyledLinesCollapseReverse.displayName="StyledLinesCollapseReverse";var templateObject_1$c,HamburgerCollapseReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesCollapseReverse}))},StyledLinesElastic=styled(StyledLines)(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n  &::before {\n    top: ","px;\n    transition: opacity 0.125s 0.275s ease;\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  transition-duration: 0.275s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n  ",";\n  ",";\n"],["\n  &::before {\n    top: ","px;\n    transition: opacity 0.125s 0.275s ease;\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  transition-duration: 0.275s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n  ",";\n  ",";\n"])),(function(e){var t=e.buttonWidth;return getLayerHeight(t)+getLayerSpacing(t)}),(function(e){return e.isActive&&"transition-delay: 0s; opacity: 0;"}),getBarColor,(function(e){var t=e.buttonWidth;return 2*getLayerHeight(t)+2*getLayerSpacing(t)}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+2*(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-270deg); transition-delay: 0.075s;"}),getBarColor,(function(e){var t=e.buttonWidth;return getLayerHeight(t)/2}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(135deg); transition-delay: 0.075s;"}),getBarColor);StyledLinesElastic.displayName="StyledLinesElastic";var templateObject_1$d,HamburgerElastic=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesElastic}))},StyledLinesElasticReverse=styled(StyledLines)(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n  &::before {\n    top: ","px;\n    transition: opacity 0.125s 0.275s ease;\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  transition-duration: 0.275s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n  ",";\n  ",";\n"],["\n  &::before {\n    top: ","px;\n    transition: opacity 0.125s 0.275s ease;\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  transition-duration: 0.275s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n  ",";\n  ",";\n"])),(function(e){var t=e.buttonWidth;return getLayerHeight(t)+getLayerSpacing(t)}),(function(e){return e.isActive&&"transition-delay: 0s; opacity: 0;"}),getBarColor,(function(e){var t=e.buttonWidth;return 2*getLayerHeight(t)+2*getLayerSpacing(t)}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+2*(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(270deg); transition-delay: 0.075s;"}),getBarColor,(function(e){var t=e.buttonWidth;return getLayerHeight(t)/2}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-135deg); transition-delay: 0.075s;"}),getBarColor);StyledLinesElasticReverse.displayName="StyledLinesElasticReverse";var templateObject_1$e,templateObject_1$f,HamburgerElasticReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesElasticReverse}))},StyledBoxEmphatic=styled(StyledBox)(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n  overflow: hidden;\n"],["\n  overflow: hidden;\n"]))),before="\n  left: 0;\n  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),\n  top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;\n",getAfter=function(e){var t=e.buttonWidth;return"\n  top: "+(getLayerHeight(t)+getLayerSpacing(t))+"px;\n  right: 0;\n  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),\n  top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;\n"},getIsActiveBefore$2=function(e){return"\n  left: -"+2*e+"px;\n  top: -"+2*e+"px;\n  transform: translate3d("+2*e+"px, "+2*e+"px, 0) rotate(45deg);\n  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);\n"},getIsActiveAfter$2=function(e){return"\n  right: -"+2*e+"px;\n  top: -"+2*e+"px;\n  transform: translate3d(-"+2*e+"px, "+2*e+"px, 0) rotate(-45deg);\n  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);\n"},StyledLinesEmphatic=styled(StyledLines)(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n\n  transition: background-color 0.125s 0.175s ease-in;\n  ",";\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n\n  transition: background-color 0.125s 0.175s ease-in;\n  ",";\n  ",";\n"])),before,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getIsActiveBefore$2(n)}),getBarColor,getAfter,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getIsActiveAfter$2(n)}),getBarColor,getBarColor,(function(e){return e.isActive&&"transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent;"}));StyledLinesEmphatic.displayName="StyledLinesEmphatic";var templateObject_1$g,templateObject_1$h,HamburgerEmphatic=function(e){return React.createElement(Button,__assign({},e,{Box:StyledBoxEmphatic,Lines:StyledLinesEmphatic}))},StyledBoxEmphatic$1=styled(StyledBox)(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n  overflow: hidden;\n"],["\n  overflow: hidden;\n"]))),before$1="\n  left: 0;\n  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),\n  top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;\n",getAfter$1=function(e){var t=e.buttonWidth;return"\n  top: "+(getLayerHeight(t)+getLayerSpacing(t))+"px;\n  right: 0;\n  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),\n  top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;\n"},getIsActiveBefore$3=function(e){return"\n  left: "+2*e+"px;\n  top: "+2*e+"px;\n  transform: translate3d(-"+2*e+"px, -"+2*e+"px, 0) rotate(45deg);\n  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);\n"},getIsActiveAfter$3=function(e){return"\n  right: "+2*e+"px;\n  top: "+2*e+"px;\n  transform: translate3d("+2*e+"px, -"+2*e+"px, 0) rotate(-45deg);\n  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);\n"},StyledLinesEmphaticReverse=styled(StyledLines)(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n\n  transition: background-color 0.125s 0.175s ease-in;\n  ",";\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n\n  transition: background-color 0.125s 0.175s ease-in;\n  ",";\n  ",";\n"])),before$1,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getIsActiveBefore$3(n)}),getBarColor,getAfter$1,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getIsActiveAfter$3(n)}),getBarColor,getBarColor,(function(e){return e.isActive&&"transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent;"}));StyledLinesEmphaticReverse.displayName="StyledLinesEmphaticReverse";var templateObject_1$i,HamburgerEmphaticReverse=function(e){return React.createElement(Button,__assign({},e,{Box:StyledBoxEmphatic$1,Lines:StyledLinesEmphaticReverse}))},common="\n  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;\n",activeCommon="\n  opacity: 0;\n  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;\n",activeBefore="\n "+activeCommon+"\n top: 0;\n",activeAfter="\n  "+activeCommon+"\n  bottom: 0;\n",StyledLinesMinus=styled(StyledLines)(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n  ",";\n"],["\n  &::before {\n    ",";\n    ",";\n    ",";\n  }\n  &::after {\n    ",";\n    ",";\n    ",";\n  }\n  ",";\n"])),common,(function(e){return e.isActive&&activeBefore}),getBarColor,common,(function(e){return e.isActive&&activeAfter}),getBarColor,getBarColor);StyledLinesMinus.displayName="StyledLinesMinus";var templateObject_1$j,templateObject_1$k,templateObject_1$l,HamburgerMinus=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesMinus}))},StyledLinesSlider=styled(StyledLines)(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n  &::before {\n    top: ","px;\n    transition-property: transform, opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.15s;\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  ",";\n  ",";\n"],["\n  &::before {\n    top: ","px;\n    transition-property: transform, opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.15s;\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  ",";\n  ",";\n"])),(function(e){var t=e.buttonWidth;return getLayerHeight(t)+getLayerSpacing(t)}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: rotate(-45deg) translate3d(-"+n/7+"px, -"+getLayerSpacing(n)+"px, 0); opacity: 0"}),(function(e){var t=e.buttonWidth;return 2*getLayerHeight(t)+2*getLayerSpacing(t)}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+2*(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-90deg)"}),(function(e){var t=e.buttonWidth;return getLayerHeight(t)/2}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(45deg)"})),HamburgerSlider=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesSlider}))},StyledLinesSliderReverse=styled(StyledLines)(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n  &::before {\n    top: ","px;\n    transition-property: transform, opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.15s;\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  ",";\n  ",";\n"],["\n  &::before {\n    top: ","px;\n    transition-property: transform, opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.15s;\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  ",";\n  ",";\n"])),(function(e){var t=e.buttonWidth;return getLayerHeight(t)+getLayerSpacing(t)}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: rotate(45deg) translate3d("+n/7+"px, -"+getLayerSpacing(n)+"px, 0); opacity: 0"}),(function(e){var t=e.buttonWidth;return 2*getLayerHeight(t)+2*getLayerSpacing(t)}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+2*(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(90deg)"}),(function(e){var t=e.buttonWidth;return getLayerHeight(t)/2}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-45deg)"})),HamburgerSliderReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesSliderReverse}))},active="\n  transform: rotate(-225deg);\n  transition-delay: 0.12s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n",activeBefore$1="\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;\n",activeAfter$1="\n  bottom: 0;\n  transform: rotate(90deg);\n  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n",StyledLinesSpin=styled(StyledLines)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n  &::before {\n    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.1s 0.25s ease-in,\n      transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  transition-duration: 0.22s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  ",";\n  ",";\n"],["\n  &::before {\n    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.1s 0.25s ease-in,\n      transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  transition-duration: 0.22s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  ",";\n  ",";\n"])),(function(e){return e.isActive&&activeBefore$1}),getBarColor,(function(e){return e.isActive&&activeAfter$1}),getBarColor,getBarColor,(function(e){return e.isActive&&active}));StyledLinesSpin.displayName="StyledLinesSpin";var templateObject_1$m,HamburgerSpin=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesSpin}))},active$1="\n  transform: rotate(225deg);\n  transition-delay: 0.12s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n",activeBefore$2="\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;\n",activeAfter$2="\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n",StyledLinesSpinReverse=styled(StyledLines)(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n  &::before {\n    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.1s 0.25s ease-in,\n      transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  transition-duration: 0.22s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  ",";\n  ",";\n"],["\n  &::before {\n    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.1s 0.25s ease-in,\n      transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  transition-duration: 0.22s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  ",";\n  ",";\n"])),(function(e){return e.isActive&&activeBefore$2}),getBarColor,(function(e){return e.isActive&&activeAfter$2}),getBarColor,getBarColor,(function(e){return e.isActive&&active$1}));StyledLinesSpinReverse.displayName="StyledLinesSpinReverse";var templateObject_1$n,HamburgerSpinReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesSpinReverse}))},active$2="\n  transition-delay: 0.22s;\n  background-color: transparent;\n",getActiveBefore=function(e){return"\n  top: 0;\n  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n  transform: translate3d(0, "+(getLayerHeight(e)+getLayerSpacing(e))+"px, 0) rotate(45deg);\n"},getActiveAfter=function(e){return"\n  top: 0;\n  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);\n  transform: translate3d(0, "+(getLayerHeight(e)+getLayerSpacing(e))+"px, 0) rotate(-45deg);\n"},StyledLinesSpring=styled(StyledLines)(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n  &::before {\n    top: ","px;\n    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n      transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n      transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  transition: background-color 0s 0.13s linear;\n  ",";\n  ",";\n"],["\n  &::before {\n    top: ","px;\n    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n      transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n\n  &::after {\n    top: ","px;\n    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n      transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n\n  top: ","px;\n  transition: background-color 0s 0.13s linear;\n  ",";\n  ",";\n"])),(function(e){var t=e.buttonWidth;return getLayerHeight(t)+getLayerSpacing(t)}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getActiveBefore(n)}),getBarColor,(function(e){var t=e.buttonWidth;return 2*getLayerHeight(t)+2*getLayerSpacing(t)}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&getActiveAfter(n)}),getBarColor,(function(e){var t=e.buttonWidth;return getLayerHeight(t)}),getBarColor,(function(e){return e.isActive&&active$2}));StyledLinesSpring.displayName="StyledLinesSpring";var templateObject_1$o,HamburgerSpring=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesSpring}))},active$3="\n  transform: rotate(45deg);\n  transition-delay: 0.12s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n",activeBefore$3="\n  top: 0;\n  opacity: 0;\n  transition: top 0.075s ease, opacity 0.075s 0.12s ease;\n",activeAfter$3="\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n",StyledLinesSqueeze=styled(StyledLines)(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n  &::before {\n    transition: top 0.075s 0.12s ease, opacity 0.075s ease;\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.075s 0.12s ease,\n      transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  transition-duration: 0.075s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  ",";\n  ",";\n"],["\n  &::before {\n    transition: top 0.075s 0.12s ease, opacity 0.075s ease;\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.075s 0.12s ease,\n      transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  transition-duration: 0.075s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  ",";\n  ",";\n"])),(function(e){return e.isActive&&activeBefore$3}),getBarColor,(function(e){return e.isActive&&activeAfter$3}),getBarColor,getBarColor,(function(e){return e.isActive&&active$3}));StyledLinesSqueeze.displayName="StyledLinesSqueeze";var templateObject_1$p,HamburgerSqueeze=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesSqueeze}))},active$4="\n  transform: rotate(-90deg);\n  background-color: transparent;\n  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;\n",activeBefore$4="\n  top: 0;\n  transform: rotate(-45deg);\n  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n",activeAfter$4="\n  bottom: 0;\n  transform: rotate(45deg);\n  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n",StyledLinesStand=styled(StyledLines)(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n  &::before {\n    transition: top 0.075s 0.075s ease-in,\n      transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.075s 0.075s ease-in,\n      transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),\n    background-color 0s 0.075s linear;\n  ",";\n  ",";\n"],["\n  &::before {\n    transition: top 0.075s 0.075s ease-in,\n      transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  &::after {\n    transition: bottom 0.075s 0.075s ease-in,\n      transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),\n    background-color 0s 0.075s linear;\n  ",";\n  ",";\n"])),(function(e){return e.isActive&&activeBefore$4}),getBarColor,(function(e){return e.isActive&&activeAfter$4}),getBarColor,getBarColor,(function(e){return e.isActive&&active$4}));StyledLinesStand.displayName="StyledLinesStand";var templateObject_1$q,HamburgerStand=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesStand}))},active$5="\n  transform: rotate(90deg);\n  background-color: transparent;\n  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;\n",activeBefore$5="\n  top: 0;\n  transform: rotate(-45deg);\n  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n",activeAfter$5="\n  bottom: 0;\n  transform: rotate(45deg);\n  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n",StyledLinesStandReverse=styled(StyledLines)(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n  &::before {\n    transition: top 0.075s 0.075s ease-in,\n      transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n\n  &::after {\n    transition: bottom 0.075s 0.075s ease-in,\n      transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n\n  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),\n    background-color 0s 0.075s linear;\n  ",";\n  ",";\n"],["\n  &::before {\n    transition: top 0.075s 0.075s ease-in,\n      transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n\n  &::after {\n    transition: bottom 0.075s 0.075s ease-in,\n      transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n    ",";\n    ",";\n  }\n\n  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),\n    background-color 0s 0.075s linear;\n  ",";\n  ",";\n"])),(function(e){return e.isActive&&activeBefore$5}),getBarColor,(function(e){return e.isActive&&activeAfter$5}),getBarColor,getBarColor,(function(e){return e.isActive&&active$5}));StyledLinesStandReverse.displayName="StyledLinesStandReverse";var templateObject_1$r,HamburgerStandReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesStandReverse}))},StyledBoxThreeDX=styled(StyledBox)(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n  perspective: ","px;\n"],["\n  perspective: ","px;\n"])),(function(e){return 2*e.buttonWidth}));StyledBoxThreeDX.displayName="StyledBoxThreeDX";var templateObject_1$s,linesThreeDXIsActive="\n  background-color: transparent;\n  transform: rotateY(-180deg);\n",StyledLinesThreeDX=styled(StyledLines)(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1)\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"],["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1)\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"])),(function(e){return e.isActive&&linesThreeDXIsActive}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(45deg)"}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-45deg)"}));StyledLinesThreeDX.displayName="StyledLinesThreeDX";var templateObject_1$t,HamburgerThreeDX=function(e){return React.createElement(Button,__assign({},e,{Box:StyledBoxThreeDX,Lines:StyledLinesThreeDX}))},StyledBoxThreeDX$1=styled(StyledBox)(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n  perspective: ","px;\n"],["\n  perspective: ","px;\n"])),(function(e){return 2*e.buttonWidth}));StyledBoxThreeDX$1.displayName="StyledBoxThreeDX";var templateObject_1$u,linesThreeDXIsActive$1="\n  background-color: transparent;\n  transform: rotateY(180deg);\n",StyledLinesThreeDXReverse=styled(StyledLines)(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1)\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"],["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1)\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"])),(function(e){return e.isActive&&linesThreeDXIsActive$1}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(45deg)"}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-45deg)"}));StyledLinesThreeDXReverse.displayName="StyledLinesThreeDXReverse";var templateObject_1$v,HamburgerThreeDXReverse=function(e){return React.createElement(Button,__assign({},e,{Box:StyledBoxThreeDX$1,Lines:StyledLinesThreeDXReverse}))},StyledBoxThreeDY=styled(StyledBox)(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n  perspective: ","px;\n"],["\n  perspective: ","px;\n"])),(function(e){return 2*e.buttonWidth}));StyledBoxThreeDY.displayName="StyledBoxThreeDX";var templateObject_1$w,LinesThreeDYIsActive="\n  background-color: transparent;\n  transform: rotateX(-180deg);\n",StyledLinesThreeDY=styled(StyledLines)(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"],["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"])),(function(e){return e.isActive&&LinesThreeDYIsActive}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(45deg)"}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-45deg)"}));StyledLinesThreeDY.displayName="StyledLinesThreeDY";var templateObject_1$x,HamburgerThreeDY=function(e){return React.createElement(Button,__assign({},e,{Box:StyledBoxThreeDY,Lines:StyledLinesThreeDY}))},StyledBoxThreeDY$1=styled(StyledBox)(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  perspective: ","px;\n"],["\n  perspective: ","px;\n"])),(function(e){return 2*e.buttonWidth}));StyledBoxThreeDY$1.displayName="StyledBoxThreeDX";var templateObject_1$y,LinesThreeDYIsActive$1="\n  background-color: transparent;\n  transform: rotateX(180deg);\n",StyledLinesThreeDYReverse=styled(StyledLines)(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"],["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"])),(function(e){return e.isActive&&LinesThreeDYIsActive$1}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(45deg)"}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-45deg)"}));StyledLinesThreeDYReverse.displayName="StyledLinesThreeDYReverse";var templateObject_1$z,HamburgerThreeDYReverse=function(e){return React.createElement(Button,__assign({},e,{Box:StyledBoxThreeDY$1,Lines:StyledLinesThreeDYReverse}))},StyledBoxThreeDXY=styled(StyledBox)(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  perspective: ","px;\n"],["\n  perspective: ","px;\n"])),(function(e){return 2*e.buttonWidth}));StyledBoxThreeDXY.displayName="StyledBoxThreeDXY";var templateObject_1$A,LinesThreeDXYIsActive="\n  background-color: transparent;\n  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);\n",StyledLinesThreeDXY=styled(StyledLines)(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"],["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"])),(function(e){return e.isActive&&LinesThreeDXYIsActive}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(45deg)"}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-45deg)"}));StyledLinesThreeDXY.displayName="StyledLinesThreeDXY";var templateObject_1$B,HamburgerThreeDXY=function(e){return React.createElement(Button,__assign({},e,{Box:StyledBoxThreeDXY,Lines:StyledLinesThreeDXY}))},StyledBoxThreeDXY$1=styled(StyledBox)(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n  perspective: ","px;\n"],["\n  perspective: ","px;\n"])),(function(e){return 2*e.buttonWidth}));StyledBoxThreeDXY$1.displayName="StyledBoxThreeDXY";var templateObject_1$C,LinesThreeDXYIsActive$1="\n  background-color: transparent;\n  transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);\n",StyledLinesThreeDXYReverse=styled(StyledLines)(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"],["\n  ",";\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),\n    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n  &::before,\n  &::after {\n    ",";\n    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n  }\n\n  &::before {\n    ",";\n  }\n\n  &::after {\n    ",";\n  }\n"])),(function(e){return e.isActive&&LinesThreeDXYIsActive$1}),getBarColor,(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, "+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(45deg)"}),(function(e){var t=e.isActive,n=e.buttonWidth;return t&&"transform: translate3d(0, -"+(getLayerHeight(n)+getLayerSpacing(n))+"px, 0) rotate(-45deg)"}));StyledLinesThreeDXYReverse.displayName="StyledLinesThreeDXYReverse";var templateObject_1$D,HamburgerThreeDXYReverse=function(e){return React.createElement(Button,__assign({},e,{Box:StyledBoxThreeDXY$1,Lines:StyledLinesThreeDXYReverse}))},common$1="\n  transition-duration: 0s;\n  transition-delay: 0.1s;\n  transition-timing-function: linear;\n",active$6="\n  transform: rotate(-765deg);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n",activeCommon$1="\n  transition-delay: 0s;\n",activeBefore$6="\n  "+activeCommon$1+";\n  top: 0;\n  opacity: 0;\n",activeAfter$6="\n  "+activeCommon$1+";\n  bottom: 0;\n  transform: rotate(-90deg);\n",StyledLinesVortex=styled(StyledLines)(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n  &::before {\n    transition-property: top, opacity;\n    ",";\n    ",";\n    ",";\n  }\n  &::after {\n    transition-property: bottom, transform;\n    ",";\n    ",";\n    ",";\n  }\n  transition-duration: 0.2s;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  ",";\n  ",";\n"],["\n  &::before {\n    transition-property: top, opacity;\n    ",";\n    ",";\n    ",";\n  }\n  &::after {\n    transition-property: bottom, transform;\n    ",";\n    ",";\n    ",";\n  }\n  transition-duration: 0.2s;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  ",";\n  ",";\n"])),common$1,(function(e){return e.isActive&&activeBefore$6}),getBarColor,common$1,(function(e){return e.isActive&&activeAfter$6}),getBarColor,getBarColor,(function(e){return e.isActive&&active$6}));StyledLinesVortex.displayName="StyledLinesVortex";var templateObject_1$E,HamburgerVortex=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesVortex}))},common$2="\n  transition-duration: 0s;\n  transition-delay: 0.1s;\n  transition-timing-function: linear;\n",active$7="\n  transform: rotate(765deg);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n",activeCommon$2="\n  transition-delay: 0s;\n",activeBefore$7="\n  "+activeCommon$2+";\n  top: 0;\n  opacity: 0;\n",activeAfter$7="\n  "+activeCommon$2+";\n  bottom: 0;\n  transform: rotate(90deg);\n",StyledLinesVortexReverse=styled(StyledLines)(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n  &::before {\n    transition-property: top, opacity;\n    ",";\n    ",";\n    ",";\n  }\n  &::after {\n    transition-property: bottom, transform;\n    ",";\n    ",";\n    ",";\n  }\n  transition-duration: 0.2s;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  ",";\n  ",";\n"],["\n  &::before {\n    transition-property: top, opacity;\n    ",";\n    ",";\n    ",";\n  }\n  &::after {\n    transition-property: bottom, transform;\n    ",";\n    ",";\n    ",";\n  }\n  transition-duration: 0.2s;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  ",";\n  ",";\n"])),common$2,(function(e){return e.isActive&&activeBefore$7}),getBarColor,common$2,(function(e){return e.isActive&&activeAfter$7}),getBarColor,getBarColor,(function(e){return e.isActive&&active$7}));StyledLinesVortexReverse.displayName="StyledLinesVortexReverse";var HamburgerVortexReverse=function(e){return React.createElement(Button,__assign({},e,{Lines:StyledLinesVortexReverse}))};exports.HamburgerArrow=HamburgerArrow,exports.HamburgerArrowAlt=HamburgerArrowAlt,exports.HamburgerArrowAltReverse=HamburgerArrowAltReverse,exports.HamburgerArrowReverse=HamburgerArrowReverse,exports.HamburgerArrowTurn=HamburgerArrowTurn,exports.HamburgerArrowTurnReverse=HamburgerArrowTurnReverse,exports.HamburgerBoring=HamburgerBoring,exports.HamburgerCollapse=HamburgerCollapse,exports.HamburgerCollapseReverse=HamburgerCollapseReverse,exports.HamburgerElastic=HamburgerElastic,exports.HamburgerElasticReverse=HamburgerElasticReverse,exports.HamburgerEmphatic=HamburgerEmphatic,exports.HamburgerEmphaticReverse=HamburgerEmphaticReverse,exports.HamburgerMinus=HamburgerMinus,exports.HamburgerSlider=HamburgerSlider,exports.HamburgerSliderReverse=HamburgerSliderReverse,exports.HamburgerSpin=HamburgerSpin,exports.HamburgerSpinReverse=HamburgerSpinReverse,exports.HamburgerSpring=HamburgerSpring,exports.HamburgerSqueeze=HamburgerSqueeze,exports.HamburgerStand=HamburgerStand,exports.HamburgerStandReverse=HamburgerStandReverse,exports.HamburgerThreeDX=HamburgerThreeDX,exports.HamburgerThreeDXReverse=HamburgerThreeDXReverse,exports.HamburgerThreeDXY=HamburgerThreeDXY,exports.HamburgerThreeDXYReverse=HamburgerThreeDXYReverse,exports.HamburgerThreeDY=HamburgerThreeDY,exports.HamburgerThreeDYReverse=HamburgerThreeDYReverse,exports.HamburgerVortex=HamburgerVortex,exports.HamburgerVortexReverse=HamburgerVortexReverse;
//# sourceMappingURL=/sm/fe4f5bcc0b06a04d5c3f61bfbff33b6babe1ea2c89f67ef80ffc50a66cbde1a6.map