.hamburger {
display                    : inline-block;
margin                     : 0;
margin-left                : auto;
color                      : inherit;
overflow                   : visible;
border                     : 0;
background-color           : transparent;
text-transform             : none;
font                       : inherit;
transition-property        : opacity,
filter;
transition-duration        : 0.15s;
transition-timing-function : linear;
cursor                     : pointer;
}
.hamburger:hover {
opacity : 0.7;
}
.hamburger.is-active:hover {
opacity : 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
background-color : #fff;
}
.hamburger-box {
display  : inline-block;
position : relative;
width    : 27px;
height   : 24px;
}
.hamburger-inner {
display    : block;
top        : 50%;
margin-top : -2px;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
position                   : absolute;
width                      : 27px;
height                     : 2px;
border-radius              : 0px;
background-color           : #fff;
transition-property        : transform;
transition-duration        : 0.15s;
transition-timing-function : ease;
}
.hamburger-inner::after,
.hamburger-inner::before {
content : "";
display : block;
}
.hamburger-inner::before {
top : -7px;
}
.hamburger-inner::after {
bottom : -7px;
} .hamburger--3dx .hamburger-box {
perspective : 80px;
}
.hamburger--3dx .hamburger-inner {
transition : transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::after,
.hamburger--3dx .hamburger-inner::before {
transition : transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color : transparent !important;
transform        : rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform : translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform : translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dx-r .hamburger-box {
perspective : 80px;
}
.hamburger--3dx-r .hamburger-inner {
transition : transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::after,
.hamburger--3dx-r .hamburger-inner::before {
transition : transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color : transparent !important;
transform        : rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform : translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform : translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy .hamburger-box {
perspective : 80px;
}
.hamburger--3dy .hamburger-inner {
transition : transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::after,
.hamburger--3dy .hamburger-inner::before {
transition : transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color : transparent !important;
transform        : rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform : translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform : translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy-r .hamburger-box {
perspective : 80px;
}
.hamburger--3dy-r .hamburger-inner {
transition : transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::after,
.hamburger--3dy-r .hamburger-inner::before {
transition : transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color : transparent !important;
transform        : rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform : translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform : translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy .hamburger-box {
perspective : 80px;
}
.hamburger--3dxy .hamburger-inner {
transition : transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before {
transition : transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color : transparent !important;
transform        : rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
transform : translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
transform : translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy-r .hamburger-box {
perspective : 80px;
}
.hamburger--3dxy-r .hamburger-inner {
transition : transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::after,
.hamburger--3dxy-r .hamburger-inner::before {
transition : transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color : transparent !important;
transform        : rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform : translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform : translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--arrow.is-active .hamburger-inner::before {
transform : translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform : translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--arrow-r.is-active .hamburger-inner::before {
transform : translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform : translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowalt .hamburger-inner::before {
transition : top 0.1s 0.1s ease,
transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition : bottom 0.1s 0.1s ease,
transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top        : 0;
transform  : translate3d(-8px, -7px, 0) rotate(-45deg) scale(0.7, 1);
transition : top 0.1s ease,
transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom     : 0;
transform  : translate3d(-8px, 6px, 0) rotate(45deg) scale(0.7, 1);
transition : bottom 0.1s ease,
transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowalt-r .hamburger-inner::before {
transition : top 0.1s 0.1s ease,
transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition : bottom 0.1s 0.1s ease,
transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top        : 0;
transform  : translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition : top 0.1s ease,
transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom     : 0;
transform  : translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition : bottom 0.1s ease,
transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowturn.is-active .hamburger-inner {
transform : rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform : translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform : translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowturn-r.is-active .hamburger-inner {
transform : rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform : translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform : translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
transition-property : none;
}
.hamburger--boring.is-active .hamburger-inner {
transform : rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top     : 0;
opacity : 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom    : 0;
transform : rotate(-90deg);
} .hamburger--collapse .hamburger-inner {
top                        : auto;
bottom                     : 0;
transition-duration        : 0.13s;
transition-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-delay           : 0.13s;
}
.hamburger--collapse .hamburger-inner::after {
top        : -20px;
transition : top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
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);
}
.hamburger--collapse.is-active .hamburger-inner {
transform                  : translate3d(0, -10px, 0) rotate(-45deg);
transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay           : 0.22s;
}
.hamburger--collapse.is-active .hamburger-inner::after {
top        : 0;
opacity    : 0;
transition : top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top        : 0;
transform  : rotate(-90deg);
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);
} .hamburger--collapse-r .hamburger-inner {
top                        : auto;
bottom                     : 0;
transition-duration        : 0.13s;
transition-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-delay           : 0.13s;
}
.hamburger--collapse-r .hamburger-inner::after {
top        : -20px;
transition : top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
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);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform                  : translate3d(0, -10px, 0) rotate(45deg);
transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay           : 0.22s;
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top        : 0;
opacity    : 0;
transition : top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top        : 0;
transform  : rotate(90deg);
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);
} .hamburger--elastic .hamburger-inner {
top                        : 2px;
transition-duration        : 0.275s;
transition-timing-function : cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top        : 10px;
transition : opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top        : 20px;
transition : transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transform        : translate3d(0, 10px, 0) rotate(135deg);
transition-delay : 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
opacity          : 0;
transition-delay : 0s;
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform        : translate3d(0, -20px, 0) rotate(-270deg);
transition-delay : 0.075s;
} .hamburger--elastic-r .hamburger-inner {
top                        : 2px;
transition-duration        : 0.275s;
transition-timing-function : cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top        : 10px;
transition : opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top        : 20px;
transition : transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform        : translate3d(0, 10px, 0) rotate(-135deg);
transition-delay : 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
opacity          : 0;
transition-delay : 0s;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform        : translate3d(0, -20px, 0) rotate(270deg);
transition-delay : 0.075s;
} .hamburger--emphatic {
overflow : hidden;
}
.hamburger--emphatic .hamburger-inner {
transition : background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left       : 0;
transition : transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
top 0.05s 0.125s linear,
left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top        : 7px;
right      : 0;
transition : transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
top 0.05s 0.125s linear,
right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
background-color           : transparent !important;
transition-timing-function : ease-out;
transition-delay           : 0s;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
top        : -80px;
left       : -80px;
transform  : translate3d(80px, 80px, 0) rotate(45deg);
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);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
top        : -80px;
right      : -80px;
transform  : translate3d(-80px, 80px, 0) rotate(-45deg);
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);
} .hamburger--emphatic-r {
overflow : hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition : background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left       : 0;
transition : transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
top 0.05s 0.125s linear,
left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top        : 10px;
right      : 0;
transition : transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
top 0.05s 0.125s linear,
right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
background-color           : transparent !important;
transition-timing-function : ease-out;
transition-delay           : 0s;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
top        : 80px;
left       : -80px;
transform  : translate3d(80px, -80px, 0) rotate(-45deg);
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);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
top        : 80px;
right      : -80px;
transform  : translate3d(-80px, -80px, 0) rotate(45deg);
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);
} .hamburger--minus .hamburger-inner::after,
.hamburger--minus .hamburger-inner::before {
transition : bottom 0.08s 0s ease-out,
top 0.08s 0s ease-out,
opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::after,
.hamburger--minus.is-active .hamburger-inner::before {
opacity    : 0;
transition : bottom 0.08s ease-out,
top 0.08s ease-out,
opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
top : 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom : 0;
} .hamburger--slider .hamburger-inner {
top : 2px;
}
.hamburger--slider .hamburger-inner::before {
top                        : 10px;
transition-property        : transform,
opacity;
transition-duration        : 0.15s;
transition-timing-function : ease;
}
.hamburger--slider .hamburger-inner::after {
top : 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform : translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
opacity   : 0;
transform : rotate(-45deg) translate3d(-5.71429px, -6px, 0);
}
.hamburger--slider.is-active .hamburger-inner::after {
transform : translate3d(0, -20px, 0) rotate(-90deg);
} .hamburger--slider-r .hamburger-inner {
top : 2px;
}
.hamburger--slider-r .hamburger-inner::before {
top                        : 10px;
transition-property        : transform,
opacity;
transition-duration        : 0.15s;
transition-timing-function : ease;
}
.hamburger--slider-r .hamburger-inner::after {
top : 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform : translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
opacity   : 0;
transform : rotate(45deg) translate3d(5.71429px, -6px, 0);
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform : translate3d(0, -20px, 0) rotate(90deg);
} .hamburger--spin .hamburger-inner {
transition-duration        : 0.22s;
transition-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition : top 0.1s 0.25s ease-in,
opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition : bottom 0.1s 0.25s ease-in,
transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform                  : rotate(225deg);
transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay           : 0.12s;
}
.hamburger--spin.is-active .hamburger-inner::before {
top        : 0;
opacity    : 0;
transition : top 0.1s ease-out,
opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom     : 0;
transform  : rotate(-90deg);
transition : bottom 0.1s ease-out,
transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
transition-duration        : 0.22s;
transition-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition : top 0.1s 0.25s ease-in,
opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition : bottom 0.1s 0.25s ease-in,
transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform                  : rotate(-225deg);
transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay           : 0.12s;
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top        : 0;
opacity    : 0;
transition : top 0.1s ease-out,
opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom     : 0;
transform  : rotate(90deg);
transition : bottom 0.1s ease-out,
transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spring .hamburger-inner {
top        : 2px;
transition : background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top        : 10px;
transition : top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top        : 20px;
transition : top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
background-color : transparent !important;
transition-delay : 0.22s;
}
.hamburger--spring.is-active .hamburger-inner::before {
top        : 0;
transform  : translate3d(0, 10px, 0) rotate(45deg);
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);
}
.hamburger--spring.is-active .hamburger-inner::after {
top        : 0;
transform  : translate3d(0, 10px, 0) rotate(-45deg);
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);
} .hamburger--spring-r .hamburger-inner {
top                        : auto;
bottom                     : 0;
transition-duration        : 0.13s;
transition-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-delay           : 0s;
}
.hamburger--spring-r .hamburger-inner::after {
top        : -20px;
transition : top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition : top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform                  : translate3d(0, -10px, 0) rotate(-45deg);
transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay           : 0.22s;
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top        : 0;
opacity    : 0;
transition : top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top        : 0;
transform  : rotate(90deg);
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);
} .hamburger--stand .hamburger-inner {
transition : transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
transition : top 0.075s 0.075s ease-in,
transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition : bottom 0.075s 0.075s ease-in,
transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
background-color : transparent !important;
transform        : rotate(90deg);
transition       : transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
top        : 0;
transform  : rotate(-45deg);
transition : top 0.075s 0.1s ease-out,
transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom     : 0;
transform  : rotate(45deg);
transition : bottom 0.075s 0.1s ease-out,
transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand-r .hamburger-inner {
transition : transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition : top 0.075s 0.075s ease-in,
transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition : bottom 0.075s 0.075s ease-in,
transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
background-color : transparent !important;
transform        : rotate(-90deg);
transition       : transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top        : 0;
transform  : rotate(-45deg);
transition : top 0.075s 0.1s ease-out,
transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom     : 0;
transform  : rotate(45deg);
transition : bottom 0.075s 0.1s ease-out,
transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--squeeze .hamburger-inner {
transition-duration        : 0.075s;
transition-timing-function : cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition : top 0.075s 0.12s ease,
opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition : bottom 0.075s 0.12s ease,
transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform                  : rotate(45deg);
transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay           : 0.12s;
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top        : 0;
opacity    : 0;
transition : top 0.075s ease,
opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom     : 0;
transform  : rotate(-90deg);
transition : bottom 0.075s ease,
transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--vortex .hamburger-inner {
transition-duration        : 0.2s;
transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::after,
.hamburger--vortex .hamburger-inner::before {
transition-duration        : 0s;
transition-timing-function : linear;
transition-delay           : 0.1s;
}
.hamburger--vortex .hamburger-inner::before {
transition-property : top,
opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property : bottom,
transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transform                  : rotate(765deg);
transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::after,
.hamburger--vortex.is-active .hamburger-inner::before {
transition-delay : 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top     : 0;
opacity : 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom    : 0;
transform : rotate(90deg);
} .hamburger--vortex-r .hamburger-inner {
transition-duration        : 0.2s;
transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::after,
.hamburger--vortex-r .hamburger-inner::before {
transition-duration        : 0s;
transition-timing-function : linear;
transition-delay           : 0.1s;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property : top,
opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property : bottom,
transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform                  : rotate(-765deg);
transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::after,
.hamburger--vortex-r.is-active .hamburger-inner::before {
transition-delay : 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top     : 0;
opacity : 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom    : 0;
transform : rotate(-90deg);
}