/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

:root {
    --bt-hamburger-line-height: 0.2em;
    --bt-hamburger-line-color: var(--black);
    --bt-hamburger-line-color-active: var(--white);
    --bt-hamburger-line-radius: 0.4rem;
    --bt-hamburger-scale: 0.8;
    --bt-hamburger-scale-active: 1;
    --bt-hamburger-background-color-active: transparent;
    --bt-hamburger-text-color: var(--black);
    --bt-hamburger-text-color-active: var(--action-ultra-dark);
    /* button */
    --bt-button-trigger-icon-wrapper-background-color-active: transparent;
    --bt-button-trigger-icon-color-active: var(--action-ultra-dark);
    --bt-button-trigger-font-color-active: var(--action-ultra-dark);
    --bt-button-trigger-background-color-active: transparent;
}

.brxe-bt-trigger.brx-draggable.is-empty {
    min-height: 45px;
    min-width: 0;
}

.bt-hamburger.bt-hamburger--active {
    background-color: var(--bt-hamburger-background-color-active) !important;
}

.bt-hamburger-text {
    color: var(--bt-hamburger-text-color);
}

.bt-hamburger--active .bt-hamburger-text {
    color: var(--bt-hamburger-text-color-active);
}

.bt-hamburger,
.bt-button-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    cursor: pointer;
    transition-property: opacity, background-color, scale, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    /* font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
	padding: var(--space-s); */
}
.bt-hamburger:hover {
    opacity: 0.7;
}
.bt-hamburger.bt-hamburger--active:hover {
    opacity: 0.7;
}
.bt-hamburger.bt-hamburger--active .bt-hamburger-inner,
.bt-hamburger.bt-hamburger--active .bt-hamburger-inner::before,
.bt-hamburger.bt-hamburger--active .bt-hamburger-inner::after {
    background-color: var(--bt-hamburger-line-color-active);
}

.bt-hamburger-box {
    width: 4rem;
    height: 2.4rem;
    display: flex;
    position: relative;
    transform: scale(var(--bt-hamburger-scale));
}

.bt-hamburger--active {
    transform: scale(var(--bt-hamburger-scale-active));
}

/* Button burger  */

.bt-button-trigger__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bt-button-trigger__icon {
    line-height: 0;
}

/* .bt-button-trigger.bt-button-trigger--active {
		background-color: var(--bt-button-trigger-background-color-active)!important;
	} */

.bt-button-trigger.bt-button-trigger--active .bt-button-trigger__icon-wrapper {
    background-color: var(
        --bt-button-trigger-icon-wrapper-background-color-active
    ) !important;
}

.bt-button-trigger.bt-button-trigger--active .bt-button-trigger__icon {
    color: var(--bt-button-trigger-icon-color-active) !important;
    fill: var(--bt-button-trigger-icon-color-active) !important;
}

.bt-button-trigger.bt-button-trigger--active .bt-button-trigger__text {
    color: var(--bt-button-trigger-font-color-active) !important;
    fill: var(--bt-button-trigger-font-color-active) !important;
}

.bt-button-trigger.bt-button-trigger--active
    .bt-button-trigger__icon.bt-button-trigger__icon--default {
    display: none;
}

.bt-button-trigger .bt-button-trigger__icon.bt-button-trigger__icon--active {
    display: none;
}

.bt-button-trigger.bt-button-trigger--active
    .bt-button-trigger__icon.bt-button-trigger__icon--active {
    display: block;
}

/* End button burger */

.bt-hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.bt-hamburger-inner,
.bt-hamburger-inner::before,
.bt-hamburger-inner::after {
    width: 40px;
    height: var(--bt-hamburger-line-height);
    background-color: var(--bt-hamburger-line-color);
    border-radius: var(--bt-hamburger-line-radius);
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.bt-hamburger-inner::before,
.bt-hamburger-inner::after {
    content: "";
    display: block;
}
.bt-hamburger-inner::before {
    top: -10px;
}
.bt-hamburger-inner::after {
    bottom: -10px;
}

/*
   * 3DX
   */
.bt-hamburger--3dx .bt-hamburger-box {
    perspective: 80px;
}

.bt-hamburger--3dx .bt-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);
}
.bt-hamburger--3dx .bt-hamburger-inner::before,
.bt-hamburger--3dx .bt-hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bt-hamburger--3dx.bt-hamburger--active .bt-hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg);
}
.bt-hamburger--3dx.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--3dx.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.bt-hamburger--3dx-r .bt-hamburger-box {
    perspective: 80px;
}

.bt-hamburger--3dx-r .bt-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);
}
.bt-hamburger--3dx-r .bt-hamburger-inner::before,
.bt-hamburger--3dx-r .bt-hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bt-hamburger--3dx-r.bt-hamburger--active .bt-hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg);
}
.bt-hamburger--3dx-r.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--3dx-r.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.bt-hamburger--3dy .bt-hamburger-box {
    perspective: 80px;
}

.bt-hamburger--3dy .bt-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);
}
.bt-hamburger--3dy .bt-hamburger-inner::before,
.bt-hamburger--3dy .bt-hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bt-hamburger--3dy.bt-hamburger--active .bt-hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg);
}
.bt-hamburger--3dy.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--3dy.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.bt-hamburger--3dy-r .bt-hamburger-box {
    perspective: 80px;
}

.bt-hamburger--3dy-r .bt-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);
}
.bt-hamburger--3dy-r .bt-hamburger-inner::before,
.bt-hamburger--3dy-r .bt-hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bt-hamburger--3dy-r.bt-hamburger--active .bt-hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg);
}
.bt-hamburger--3dy-r.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--3dy-r.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.bt-hamburger--3dxy .bt-hamburger-box {
    perspective: 80px;
}

.bt-hamburger--3dxy .bt-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);
}
.bt-hamburger--3dxy .bt-hamburger-inner::before,
.bt-hamburger--3dxy .bt-hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bt-hamburger--3dxy.bt-hamburger--active .bt-hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg);
}
.bt-hamburger--3dxy.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--3dxy.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.bt-hamburger--3dxy-r .bt-hamburger-box {
    perspective: 80px;
}

.bt-hamburger--3dxy-r .bt-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);
}
.bt-hamburger--3dxy-r .bt-hamburger-inner::before,
.bt-hamburger--3dxy-r .bt-hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bt-hamburger--3dxy-r.bt-hamburger--active .bt-hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.bt-hamburger--3dxy-r.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--3dxy-r.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.bt-hamburger--arrow.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.bt-hamburger--arrow.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.bt-hamburger--arrow-r.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.bt-hamburger--arrow-r.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.bt-hamburger--arrowalt .bt-hamburger-inner::before {
    transition: top 0.1s 0.1s ease,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bt-hamburger--arrowalt .bt-hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bt-hamburger--arrowalt.bt-hamburger--active .bt-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);
}

.bt-hamburger--arrowalt.bt-hamburger--active .bt-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);
}

/*
   * Arrow Alt Right
   */
.bt-hamburger--arrowalt-r .bt-hamburger-inner::before {
    transition: top 0.1s 0.1s ease,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bt-hamburger--arrowalt-r .bt-hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease,
        transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bt-hamburger--arrowalt-r.bt-hamburger--active .bt-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);
}

.bt-hamburger--arrowalt-r.bt-hamburger--active .bt-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);
}

/*
   * Arrow Turn
   */
.bt-hamburger--arrowturn.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(-180deg);
}
.bt-hamburger--arrowturn.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.bt-hamburger--arrowturn.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */
.bt-hamburger--arrowturn-r.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(-180deg);
}
.bt-hamburger--arrowturn-r.bt-hamburger--active .bt-hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.bt-hamburger--arrowturn-r.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.bt-hamburger--boring .bt-hamburger-inner,
.bt-hamburger--boring .bt-hamburger-inner::before,
.bt-hamburger--boring .bt-hamburger-inner::after {
    transition-property: none;
}

.bt-hamburger--boring.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(45deg);
}
.bt-hamburger--boring.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.bt-hamburger--boring.bt-hamburger--active .bt-hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}

/*
   * Collapse
   */
.bt-hamburger--collapse .bt-hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.bt-hamburger--collapse .bt-hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
        opacity 0.1s linear;
}
.bt-hamburger--collapse .bt-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);
}

.bt-hamburger--collapse.bt-hamburger--active .bt-hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bt-hamburger--collapse.bt-hamburger--active .bt-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;
}
.bt-hamburger--collapse.bt-hamburger--active .bt-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);
}

/*
   * Collapse Reverse
   */
.bt-hamburger--collapse-r .bt-hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.bt-hamburger--collapse-r .bt-hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
        opacity 0.1s linear;
}
.bt-hamburger--collapse-r .bt-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);
}

.bt-hamburger--collapse-r.bt-hamburger--active .bt-hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bt-hamburger--collapse-r.bt-hamburger--active .bt-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;
}
.bt-hamburger--collapse-r.bt-hamburger--active .bt-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);
}

/*
   * Elastic
   */
.bt-hamburger--elastic .bt-hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.bt-hamburger--elastic .bt-hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}
.bt-hamburger--elastic .bt-hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.bt-hamburger--elastic.bt-hamburger--active .bt-hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}
.bt-hamburger--elastic.bt-hamburger--active .bt-hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}
.bt-hamburger--elastic.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.bt-hamburger--elastic-r .bt-hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.bt-hamburger--elastic-r .bt-hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}
.bt-hamburger--elastic-r .bt-hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.bt-hamburger--elastic-r.bt-hamburger--active .bt-hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.075s;
}
.bt-hamburger--elastic-r.bt-hamburger--active .bt-hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}
.bt-hamburger--elastic-r.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.bt-hamburger--emphatic {
    overflow: hidden;
}
.bt-hamburger--emphatic .bt-hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in;
}
.bt-hamburger--emphatic .bt-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;
}
.bt-hamburger--emphatic .bt-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;
}
.bt-hamburger--emphatic.bt-hamburger--active .bt-hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}
.bt-hamburger--emphatic.bt-hamburger--active .bt-hamburger-inner::before {
    left: -80px;
    top: -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);
}
.bt-hamburger--emphatic.bt-hamburger--active .bt-hamburger-inner::after {
    right: -80px;
    top: -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);
}

/*
   * Emphatic Reverse
   */
.bt-hamburger--emphatic-r {
    overflow: hidden;
}
.bt-hamburger--emphatic-r .bt-hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in;
}
.bt-hamburger--emphatic-r .bt-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;
}
.bt-hamburger--emphatic-r .bt-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;
}
.bt-hamburger--emphatic-r.bt-hamburger--active .bt-hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}
.bt-hamburger--emphatic-r.bt-hamburger--active .bt-hamburger-inner::before {
    left: -80px;
    top: 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);
}
.bt-hamburger--emphatic-r.bt-hamburger--active .bt-hamburger-inner::after {
    right: -80px;
    top: 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);
}

/*
   * Minus
   */
.bt-hamburger--minus .bt-hamburger-inner::before,
.bt-hamburger--minus .bt-hamburger-inner::after {
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out,
        opacity 0s linear;
}

.bt-hamburger--minus.bt-hamburger--active .bt-hamburger-inner::before,
.bt-hamburger--minus.bt-hamburger--active .bt-hamburger-inner::after {
    opacity: 0;
    transition: bottom 0.08s ease-out, top 0.08s ease-out,
        opacity 0s 0.08s linear;
}

.bt-hamburger--minus.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
}

.bt-hamburger--minus.bt-hamburger--active .bt-hamburger-inner::after {
    bottom: 0;
}

/*
   * Slider
   */
.bt-hamburger--slider .bt-hamburger-inner {
    top: 2px;
}
.bt-hamburger--slider .bt-hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}
.bt-hamburger--slider .bt-hamburger-inner::after {
    top: 20px;
}

.bt-hamburger--slider.bt-hamburger--active .bt-hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--slider.bt-hamburger--active .bt-hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}
.bt-hamburger--slider.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.bt-hamburger--slider-r .bt-hamburger-inner {
    top: 2px;
}
.bt-hamburger--slider-r .bt-hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}
.bt-hamburger--slider-r .bt-hamburger-inner::after {
    top: 20px;
}

.bt-hamburger--slider-r.bt-hamburger--active .bt-hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.bt-hamburger--slider-r.bt-hamburger--active .bt-hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0;
}
.bt-hamburger--slider-r.bt-hamburger--active .bt-hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.bt-hamburger--spin .bt-hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.bt-hamburger--spin .bt-hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.bt-hamburger--spin .bt-hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in,
        transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.bt-hamburger--spin.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bt-hamburger--spin.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.bt-hamburger--spin.bt-hamburger--active .bt-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);
}

/*
   * Spin Reverse
   */
.bt-hamburger--spin-r .bt-hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.bt-hamburger--spin-r .bt-hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.bt-hamburger--spin-r .bt-hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in,
        transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.bt-hamburger--spin-r.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bt-hamburger--spin-r.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.bt-hamburger--spin-r.bt-hamburger--active .bt-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);
}

/*
   * Spring */
  
.bt-hamburger--spring .bt-hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}
.bt-hamburger--spring .bt-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);
}
.bt-hamburger--spring .bt-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);
}

.bt-hamburger--spring.bt-hamburger--active .bt-hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important;
}
.bt-hamburger--spring.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
    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);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--spring.bt-hamburger--active .bt-hamburger-inner::after {
    top: 0;
    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);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Modified

.bt-hamburger--spring .bt-hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
    background-color: transparent !important;
}
.bt-hamburger--spring .bt-hamburger-inner::before {
    top: 2px;
    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);
}
.bt-hamburger--spring .bt-hamburger-inner::after {
    top: 10px;
    right: 0;
    width: 50%;
    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), 
    width 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1);
}

.bt-hamburger--spring.bt-hamburger--active .bt-hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important;
}
.bt-hamburger--spring.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
    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);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.bt-hamburger--spring.bt-hamburger--active .bt-hamburger-inner::after {
    top: 0;
    width: 100%;
    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);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}   */

/*
   * Spring Reverse
   */
.bt-hamburger--spring-r .bt-hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.bt-hamburger--spring-r .bt-hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
        opacity 0s linear;
}
.bt-hamburger--spring-r .bt-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);
}

.bt-hamburger--spring-r.bt-hamburger--active .bt-hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bt-hamburger--spring-r.bt-hamburger--active .bt-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;
}
.bt-hamburger--spring-r.bt-hamburger--active .bt-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);
}

/*
   * Stand
   */
.bt-hamburger--stand .bt-hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        background-color 0s 0.075s linear;
}
.bt-hamburger--stand .bt-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);
}
.bt-hamburger--stand .bt-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);
}

.bt-hamburger--stand.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
        background-color 0s 0.15s linear;
}
.bt-hamburger--stand.bt-hamburger--active .bt-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);
}
.bt-hamburger--stand.bt-hamburger--active .bt-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);
}

/*
   * Stand Reverse
   */
.bt-hamburger--stand-r .bt-hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
        background-color 0s 0.075s linear;
}
.bt-hamburger--stand-r .bt-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);
}
.bt-hamburger--stand-r .bt-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);
}

.bt-hamburger--stand-r.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
        background-color 0s 0.15s linear;
}
.bt-hamburger--stand-r.bt-hamburger--active .bt-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);
}
.bt-hamburger--stand-r.bt-hamburger--active .bt-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);
}

/*
   * Squeeze
   */
.bt-hamburger--squeeze .bt-hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.bt-hamburger--squeeze .bt-hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.bt-hamburger--squeeze .bt-hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.bt-hamburger--squeeze.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bt-hamburger--squeeze.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.bt-hamburger--squeeze.bt-hamburger--active .bt-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);
}


/*
   * Vortex
   */
.bt-hamburger--vortex .bt-hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.bt-hamburger--vortex .bt-hamburger-inner::before,
.bt-hamburger--vortex .bt-hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}
.bt-hamburger--vortex .bt-hamburger-inner::before {
    transition-property: top, opacity;
}
.bt-hamburger--vortex .bt-hamburger-inner::after {
    transition-property: bottom, transform;
}

.bt-hamburger--vortex.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.bt-hamburger--vortex.bt-hamburger--active .bt-hamburger-inner::before,
.bt-hamburger--vortex.bt-hamburger--active .bt-hamburger-inner::after {
    transition-delay: 0s;
}
.bt-hamburger--vortex.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.bt-hamburger--vortex.bt-hamburger--active .bt-hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.bt-hamburger--vortex-r .bt-hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.bt-hamburger--vortex-r .bt-hamburger-inner::before,
.bt-hamburger--vortex-r .bt-hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}
.bt-hamburger--vortex-r .bt-hamburger-inner::before {
    transition-property: top, opacity;
}
.bt-hamburger--vortex-r .bt-hamburger-inner::after {
    transition-property: bottom, transform;
}

.bt-hamburger--vortex-r.bt-hamburger--active .bt-hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.bt-hamburger--vortex-r.bt-hamburger--active .bt-hamburger-inner::before,
.bt-hamburger--vortex-r.bt-hamburger--active .bt-hamburger-inner::after {
    transition-delay: 0s;
}
.bt-hamburger--vortex-r.bt-hamburger--active .bt-hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.bt-hamburger--vortex-r.bt-hamburger--active .bt-hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}