.breakdance-menu {
    --menu-background: #fff;
    --menu-max-height: calc(100vh - var(--mobile-buffer-y));
    --menu-alignment: flex-start;
    --menu-duration: var(--bde-transition-duration, 0.3s);
    --menu-base-font-size: 0.875em;
    --mobile-offset-y: calc(100% + 15px);
    --mobile-offset-x: 0;
    --mobile-offcanvas-width: 400px;
    --mobile-topbar-padding: 15px;
    --mobile-topbar-logo-width: 110px;
    --mobile-topbar-logo-order: -1;
    --mobile-topbar-close-button-size: 20px;
    --mobile-topbar-close-button-color: var(--bde-headings-color);
    --mobile-topbar-close-button-color-hover: var(--mobile-topbar-close-button-color);
    --mobile-topbar-close-button-bar-height: 2px;
    --toggle-background-color: transparent;
    --toggle-background-color-hover: var(--toggle-background-color);
    --toggle-active-background-color: var(--toggle-background-color);
    --toggle-padding: 0px;
    --toggle-radius: 0px;
    --toggle-layer-width: 32px;
    --toggle-layer-height: 4px;
    --toggle-layer-spacing: 6px;
    --toggle-layer-color: var(--bde-headings-color);
    --toggle-layer-color-hover: var(--toggle-layer-color);
    --toggle-layer-color-active: var(--toggle-layer-color);
    --toggle-layer-border-radius: 0px;
    --links-gap: 0px;
    --link-padding: 20px;
    --link-color: var(--bde-headings-color);
    --link-color-hover: var(--link-color);
    --link-background-color: transparent;
    --link-background-color-hover: var(--link-background-color);
    --link-alignment: space-between;
    --link-effect-thickness: 3px;
    --link-effect-color: var(--link-color);
    --link-effect-color-hover: var(--link-effect-color);
    --link-effect-radius: 0px;
    --link-arrow-display: block;
    --link-arrow-color: var(--link-color);
    --link-arrow-color-hover: var(--link-color-hover);
    --link-arrow-size: 10px;
    --link-arrow-gap: 8px;
    --link-arrow-offset-y: 0px;
    --link-arrow-close-rotation: 0deg;
    --link-arrow-open-rotation: -180deg;
    --link-arrow-rotation: var(--link-arrow-close-rotation);
    --link-border: 1px solid var(--link-border-color);
    --link-border-color: #eee;
    --dropdown-animation-duration: var(--menu-duration);
    --dropdown-caret-display: block;
    --dropdown-caret-radius: 3px;
    --dropdown-caret-size: 12px;
    --dropdown-background-color: #fff;
    --dropdown-custom-offset-y: 20px;
    --dropdown-edge-offset: 20px;
    --dropdown-border-radius: 8px;
    --dropdown-custom-width: 500px;
    --dropdown-section-padding: 30px;
    --dropdown-section-gap: var(--gap-lg);
    --dropdown-links-gap: var(--gap-sm);
    --dropdown-link-color: var(--bde-headings-color);
    --dropdown-link-icon-display: block;
    --dropdown-link-icon-size: 16px;
    --dropdown-link-icon-spacing: 10px;
    --dropdown-link-icon-alignment: center;
    --dropdown-link-description-display: block;
    --dropdown-link-description-spacing: 0px;
    --dropdown-link-icon-x: 0px;
    --dropdown-link-icon-y: 0px;
    --dropdown-link-img-opacity: 1;
    --dropdown-link-img-opacity-hover: 1;
    --dropdown-columns-stack: row;
    --dropdown-columns-gap: var(--gap-xl);
    --dropdown-column-title-spacing: 0px;
    --dropdown-sections-stack: column;
    --dropdown-section-light-background: #fff;
    --dropdown-section-dark-background: #f6f9fc;
    --gap-xl: 60px;
    --gap-lg: 30px;
    --gap-sm: 15px;
    --gap-xs: 10px;
    --gap-none: 0;
    --arrow-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='m441.9%20167.3-19.8-19.8c-4.7-4.7-12.3-4.7-17%200L224%20328.2%2042.9%20147.5c-4.7-4.7-12.3-4.7-17%200L6.1%20167.3c-4.7%204.7-4.7%2012.3%200%2017l209.4%20209.4c4.7%204.7%2012.3%204.7%2017%200l209.4-209.4c4.7-4.7%204.7-12.3%200-17z'/%3E%3C/svg%3E");
    --mobile-link-padding: 20px;
    --mobile-link-level-2-padding: 12px 20px 12px 25px;
    --mobile-link-level-3-padding: 12px 30px
}

.is-breakdance-menu-open {
    overflow-y: hidden
}

@supports (overflow-y:clip) {
    .is-breakdance-menu-open {
        overflow-y: clip
    }
}

.breakdance-menu {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    height: var(--menu-height);
    position: relative;
    text-align: left;
    touch-action: none
}

:root .breakdance-menu {
    display: flex
}

.breakdance-menu-list {
    align-items: center;
    display: flex;
    gap: var(--links-gap);
    justify-content: var(--menu-alignment);
    list-style-type: none;
    margin: 0;
    padding: 0
}

.breakdance-menu-list>.bde-button {
    margin-left: 15px
}

.breakdance-menu .breakdance-menu-link {
    align-items: center;
    background-color: var(--link-background-color);
    border: none;
    color: var(--link-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: inherit;
    font-size: var(--menu-base-font-size);
    font-weight: 500;
    justify-content: var(--link-alignment);
    line-height: 1;
    margin: 0;
    padding: var(--link-padding);
    position: relative;
    text-decoration: none;
    transition: var(--menu-duration) color ease, var(--menu-duration) background-color ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 1
}

.breakdance-menu .breakdance-menu-link:hover {
    background-color: var(--link-background-color-hover);
    color: var(--link-color-hover)
}

.breakdance-menu .breakdance-menu-link:hover:after {
    background-color: var(--link-arrow-color-hover)
}

.breakdance-dropdown {
    --dropdown-offset-x: 0px;
    --dropdown-caret-x: 0px;
    --translate-x: 0px;
    --translate-y: 0px;
    --rotate-x: 0deg;
    --scale: 1;
    display: flex;
    flex-direction: column;
    position: relative
}

.breakdance-dropdown .breakdance-menu-link:after {
    background-color: var(--link-arrow-color);
    content: "";
    display: var(--link-arrow-display);
    flex-shrink: 0;
    font-size: var(--link-arrow-size);
    height: 1em;
    margin-left: var(--link-arrow-gap);
    -webkit-mask-image: var(--arrow-icon);
    mask-image: var(--arrow-icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    transform: translateY(var(--link-arrow-offset-y)) rotate(var(--link-arrow-rotation));
    transition: var(--menu-duration) transform ease, var(--menu-duration) background-color ease;
    width: 1em
}

@-moz-document url-prefix() {
    .breakdance-dropdown .breakdance-menu-link:after {
        transition: none !important
    }
}

.breakdance-dropdown--open .breakdance-menu-link:after {
    --link-arrow-rotation: var(--link-arrow-open-rotation)
}

.breakdance-dropdown-floater {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: var(--dropdown-offset-x);
    min-width: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(var(--dropdown-offset-y) + var(--dropdown-custom-offset-y));
    transform: translateX(var(--translate-x)) translateY(var(--translate-y)) rotateX(var(--rotate-x)) scale(var(--scale)) translateZ(0);
    visibility: hidden;
    z-index: var(--bde-z-index-menu-dropdown)
}

.breakdance-dropdown--top .breakdance-dropdown-floater {
    top: calc(var(--dropdown-offset-y) - var(--dropdown-custom-offset-y))
}

.breakdance-dropdown--open .breakdance-dropdown-floater {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    will-change: opacity, height, transform, visibility
}

.breakdance-dropdown-caret {
    display: var(--dropdown-caret-display);
    height: var(--dropdown-caret-size);
    left: var(--dropdown-caret-x);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: calc(var(--dropdown-caret-size)/2*-1);
    transform: translateY(-50%);
    width: calc(var(--dropdown-caret-size)*2);
    z-index: 1
}

.breakdance-dropdown-caret:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--dropdown-caret-color, var(--dropdown-background-color));
    border-top-left-radius: var(--dropdown-caret-radius);
    bottom: calc(var(--dropdown-caret-size)/2*-1);
    content: "";
    display: block;
    height: var(--dropdown-caret-size);
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(45deg) translateZ(0);
    width: var(--dropdown-caret-size)
}

.breakdance-dropdown--top .breakdance-dropdown-caret {
    border-bottom-right-radius: var(--dropdown-caret-radius);
    border-top-left-radius: 0;
    top: 100%;
    transform: translateX(-50%)
}

.breakdance-dropdown--top .breakdance-dropdown-caret:before {
    border-bottom-right-radius: var(--dropdown-caret-radius);
    border-top-left-radius: 0;
    top: calc(var(--dropdown-caret-size)/2*-1)
}

.breakdance-dropdown-caret--hide {
    display: none
}

.breakdance-dropdown-body {
    background-color: var(--dropdown-background-color);
    border-radius: var(--dropdown-border-radius);
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: var(--dropdown-sections-stack);
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.breakdance-dropdown--custom .breakdance-dropdown-floater,
.breakdance-menu--custom-width .breakdance-dropdown-floater {
    width: calc(var(--dropdown-custom-width) - var(--dropdown-edge-offset)*2)
}

.breakdance-dropdown--custom .breakdance-dropdown-floater .breakdance-dropdown-link,
.breakdance-menu--custom-width .breakdance-dropdown-floater .breakdance-dropdown-link {
    white-space: normal
}

.breakdance-menu--placement-full-width {
    --dropdown-edge-offset: 0px;
    --dropdown-border-radius: 0px
}

.breakdance-menu--placement-section-width .breakdance-dropdown-floater {
    --bde-dropdown-width: var(--bde-header-width, var(--bde-section-width));
    width: calc(Min(var(--bde-dropdown-width), 100vw) - var(--dropdown-edge-offset)*2)
}

.breakdance-dropdown-section {
    display: flex;
    flex-wrap: wrap;
    gap: var(--dropdown-section-gap);
    padding: var(--dropdown-section-padding);
    width: var(--dropdown-section-width)
}

.breakdance-dropdown-section--light {
    background-color: var(--dropdown-section-light-background)
}

.breakdance-dropdown-section--additional {
    background-color: var(--dropdown-section-dark-background);
    flex: 1
}

.breakdance-dropdown-columns {
    display: flex;
    flex-direction: var(--dropdown-columns-stack);
    gap: var(--dropdown-columns-gap);
    width: 100%
}

.breakdance-dropdown-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--gap-sm)
}

.breakdance-dropdown-column__title {
    align-items: center;
    color: var(--link-color);
    display: flex;
    font-size: var(--menu-base-font-size);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: var(--dropdown-column-title-spacing);
    margin-top: 0;
    white-space: nowrap
}

.breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after {
    background-color: var(--link-arrow-color);
    content: "";
    display: var(--link-arrow-display);
    display: none;
    flex-shrink: 0;
    font-size: var(--link-arrow-size);
    height: 1em;
    margin-left: var(--link-arrow-gap);
    -webkit-mask-image: var(--arrow-icon);
    mask-image: var(--arrow-icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    transform: translateY(var(--link-arrow-offset-y)) rotate(var(--link-arrow-rotation));
    transition: var(--menu-duration) transform ease, var(--menu-duration) background-color ease;
    width: 1em
}

@-moz-document url-prefix() {
    .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after {
        transition: none !important
    }
}

.breakdance-dropdown-column--open .breakdance-dropdown-column__title:after {
    --link-arrow-rotation: var(--link-arrow-open-rotation)
}

.breakdance-dropdown-links {
    display: flex;
    flex-direction: column;
    gap: var(--dropdown-links-gap);
    list-style-type: none;
    margin: 0;
    padding: 0
}

.breakdance-menu .breakdance-dropdown-link {
    align-items: center;
    color: var(--dropdown-link-color);
    display: flex;
    font-size: var(--menu-base-font-size);
    line-height: 1.5;
    text-decoration: none;
    transition: var(--menu-duration) background-color ease;
    white-space: nowrap
}

.breakdance-menu .breakdance-dropdown-link:hover {
    background-color: var(--dropdown-link-background-color-hover);
    color: var(--dropdown-link-color)
}

.breakdance-dropdown-link__icon {
    align-self: var(--dropdown-link-icon-alignment);
    background-color: var(--dropdown-link-icon-background);
    border-radius: var(--dropdown-link-icon-radius);
    color: var(--dropdown-link-icon-color);
    display: var(--dropdown-link-icon-display);
    flex-shrink: 0;
    font-size: var(--dropdown-link-icon-size);
    margin-right: var(--dropdown-link-icon-spacing);
    padding: var(--dropdown-link-icon-padding);
    transform: translateX(var(--dropdown-link-icon-x)) translateY(var(--dropdown-link-icon-y));
    transition: var(--menu-duration) color ease, var(--menu-duration) background-color ease
}

.breakdance-dropdown-link:hover .breakdance-dropdown-link__icon {
    background-color: var(--dropdown-link-icon-background-hover, var(--dropdown-link-icon-background));
    color: var(--dropdown-link-icon-color-hover, var(--dropdown-link-icon-color))
}

.breakdance-dropdown-link:hover .breakdance-dropdown-link__icon img {
    opacity: var(--dropdown-link-img-opacity-hover)
}

.breakdance-dropdown-link__icon svg {
    fill: currentColor;
    display: block;
    height: 1em;
    width: 1em
}

.breakdance-dropdown-link__icon img {
    display: block;
    height: auto;
    max-width: 100%;
    opacity: var(--dropdown-link-img-opacity);
    transition: var(--menu-duration) opacity ease;
    width: 1em
}

.breakdance-dropdown-link__text {
    display: block;
    transition: var(--menu-duration) color ease
}

.breakdance-dropdown-link__description {
    color: var(--bde-body-text-color);
    display: var(--dropdown-link-description-display);
    margin-top: var(--dropdown-link-description-spacing);
    transition: var(--menu-duration) opacity ease, var(--menu-duration) color ease
}

.breakdance-dropdown-custom-content {
    padding: var(--dropdown-section-padding)
}

.breakdance-menu-topbar {
    display: none;
    justify-content: space-between;
    padding: var(--mobile-topbar-padding)
}

.breakdance-menu-topbar-logo {
    display: flex;
    height: auto;
    max-width: 100%;
    order: var(--mobile-topbar-logo-order);
    width: var(--mobile-topbar-logo-width)
}

.breakdance-menu-topbar-logo img {
    height: 100%;
    width: 100%
}

.breakdance-menu-overlay {
    background-color: rgba(0, 0, 0, .25);
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: var(--menu-duration) opacity ease;
    z-index: var(--bde-z-index-menu-backdrop)
}

.breakdance-responsive-menu--open .breakdance-menu-overlay {
    opacity: 1;
    pointer-events: auto !important
}

.breakdance-menu-close-button {
    background: none;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    font-size: var(--mobile-topbar-close-button-size);
    height: 1em;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    transform: rotate(45deg);
    width: 1em
}

.breakdance-menu-close-button:hover:after,
.breakdance-menu-close-button:hover:before {
    background-color: var(--mobile-topbar-close-button-color-hover)
}

.breakdance-menu-close-button:after,
.breakdance-menu-close-button:before {
    background-color: var(--mobile-topbar-close-button-color);
    content: "";
    position: absolute;
    transition: var(--menu-duration) background-color ease
}

.breakdance-menu-close-button:after {
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: var(--mobile-topbar-close-button-bar-height)
}

.breakdance-menu-close-button:before {
    height: var(--mobile-topbar-close-button-bar-height);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.breakdance-menu--vertical {
    --dropdown-custom-offset-y: 0px;
    --dropdown-section-padding: 20px
}

.breakdance-menu--vertical .breakdance-menu-list {
    align-items: stretch;
    flex-direction: column;
    width: 100%
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater {
    opacity: 1;
    overflow: hidden;
    position: static;
    transform: none;
    visibility: visible
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater:not(.is-visible):not(.is-collapsing) {
    height: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater.is-collapsing {
    height: 0;
    overflow: hidden;
    transition: var(--menu-duration) height ease-in-out, var(--menu-duration) visibility ease-in-out
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-body {
    box-shadow: none
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-link {
    white-space: normal
}

.breakdance-menu--dropdown-accordion .breakdance-dropdown-caret {
    display: none
}

.breakdance-menu--dropdown-side .breakdance-dropdown {
    --dropdown-offset-x: 100%
}

.breakdance-menu--dropdown-side .breakdance-dropdown-floater {
    min-width: auto
}

.breakdance-menu--dropdown-side .breakdance-dropdown-caret {
    display: none
}

.breakdance-menu--dropdown-slide {
    --link-arrow-rotation: -90deg;
    --link-arrow-open-rotation: var(--link-arrow-rotation);
    overflow-x: clip
}

.breakdance-menu--dropdown-slide .breakdance-menu-list {
    transition: var(--menu-duration) transform ease
}

.breakdance-menu--dropdown-slide.breakdance-menu--dp-open .breakdance-menu-list {
    transform: translate3d(-100%, 0, 0)
}

.breakdance-menu--dropdown-slide .breakdance-dropdown-floater {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translate3d(100%, 0, 0);
    transition: 0s opacity var(--menu-duration)
}

.breakdance-menu--dropdown-slide .breakdance-dropdown--open .breakdance-dropdown-floater {
    opacity: 1;
    transition-delay: 0s
}

.breakdance-menu--dropdown-slide .breakdance-dropdown-caret {
    display: none
}

.breakdance-dropdown-back-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--link-background-color);
    border: none;
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: var(--link-padding);
    width: 100%
}

.breakdance-dropdown--wp .breakdance-dropdown-links {
    gap: var(--dropdown-links-gap);
    width: 100%
}

.breakdance-dropdown--wp .breakdance-dropdown-links .menu-item {
    display: flex;
    flex-direction: column;
    gap: var(--dropdown-links-gap)
}

.breakdance-menu-toggle--none .breakdance-menu-toggle-lines,
.breakdance-menu-toggle--none .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--none .breakdance-menu-toggle-lines:before {
    transition-property: none
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines {
    transform: rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines:before {
    opacity: 0;
    top: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.breakdance-menu-toggle--3dx .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width)*2)
}

.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transform: rotateY(180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:before {
    transform: translate3d(0, calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)), 0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--toggle-layer-height)*-1 + var(--toggle-layer-spacing)*-1), 0) rotate(-45deg)
}

.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width)*2)
}

.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transform: rotateY(-180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:before {
    transform: translate3d(0, calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)), 0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--toggle-layer-height)*-1 + var(--toggle-layer-spacing)*-1), 0) rotate(-45deg)
}

.breakdance-menu-toggle--3dy .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width)*2)
}

.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transform: rotateX(-180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:before {
    transform: translate3d(0, calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)), 0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--toggle-layer-height)*-1 + var(--toggle-layer-spacing)*-1), 0) rotate(-45deg)
}

.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width)*2)
}

.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transform: rotateX(180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:before {
    transform: translate3d(0, calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)), 0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--toggle-layer-height)*-1 + var(--toggle-layer-spacing)*-1), 0) rotate(-45deg)
}

.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width)*2)
}

.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:before {
    transform: translate3d(0, calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)), 0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--toggle-layer-height)*-1 + var(--toggle-layer-spacing)*-1), 0) rotate(-45deg)
}

.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-icon {
    perspective: calc(var(--toggle-layer-width)*2)
}

.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:before {
    transform: translate3d(0, calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)), 0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--toggle-layer-height)*-1 + var(--toggle-layer-spacing)*-1), 0) rotate(-45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow .breakdance-menu-toggle-lines:before {
    transform: translate3d(calc(var(--toggle-layer-width)*-.3), calc(var(--toggle-layer-spacing)*.6), 0) rotate(-45deg) scaleX(.5)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow .breakdance-menu-toggle-lines:after {
    transform: translate3d(calc(var(--toggle-layer-width)*-.3), calc(var(--toggle-layer-spacing)*-.6), 0) rotate(45deg) scaleX(.5)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow-r .breakdance-menu-toggle-lines:before {
    transform: translate3d(calc(var(--toggle-layer-width)*.2), 0, 0) rotate(45deg) scaleX(.7)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(calc(var(--toggle-layer-width)*.2), 0, 0) rotate(-45deg) scaleX(.7)
}

.breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: translate3d(calc(var(--toggle-layer-width)*-.2), calc(var(--toggle-layer-width)*-.25), 0) rotate(-45deg) scaleX(.7);
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: translate3d(calc(var(--toggle-layer-width)*-.2), calc(var(--toggle-layer-width)*.25), 0) rotate(45deg) scaleX(.7);
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: translate3d(calc(var(--toggle-layer-width)*.2), calc(var(--toggle-layer-width)*-.25), 0) rotate(45deg) scaleX(.7);
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: translate3d(calc(var(--toggle-layer-width)*.2), calc(var(--toggle-layer-width)*.25), 0) rotate(-45deg) scaleX(.7);
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines {
    bottom: 0;
    top: auto;
    transition-delay: .13s;
    transition-duration: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-spacing)*2*-1 + var(--toggle-layer-height)*2*-1);
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines {
    transform: translate3d(0, calc(var(--toggle-layer-spacing)*-1 + var(--toggle-layer-height)*-1), 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:after {
    opacity: 0;
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines {
    bottom: 0;
    top: auto;
    transition-delay: .13s;
    transition-duration: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-spacing)*2*-1 + var(--toggle-layer-height)*2*-1);
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines {
    transform: translate3d(0, calc(var(--toggle-layer-spacing)*-1 + var(--toggle-layer-height)*-1), 0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:after {
    opacity: 0;
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height)/2);
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition: opacity .125s ease .275s
}

.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height)*2 + var(--toggle-layer-spacing)*2);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines {
    --y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));
    transform: translate3d(0, var(--y-offset), 0) rotate(135deg);
    transition-delay: 75ms
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:before {
    opacity: 0;
    transition-delay: 0s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--y-offset)*-2), 0) rotate(-270deg);
    transition-delay: 75ms
}

.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height)/2);
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition: opacity .125s ease .275s
}

.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height)*2 + var(--toggle-layer-spacing)*2);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines {
    --y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));
    transform: translate3d(0, var(--y-offset), 0) rotate(-135deg);
    transition-delay: 75ms
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:before {
    opacity: 0;
    transition-delay: 0s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--y-offset)*-2), 0) rotate(270deg);
    transition-delay: 75ms
}

.breakdance-menu-toggle--emphatic {
    overflow: hidden
}

.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines {
    transition: background-color .125s ease-in .175s
}

.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:after {
    right: 0;
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:before {
    left: calc(var(--toggle-layer-width)*-2);
    top: calc(var(--toggle-layer-width)*-2);
    transform: translate3d(calc(var(--toggle-layer-width)*2), calc(var(--toggle-layer-width)*2), 0) rotate(45deg);
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:after {
    right: calc(var(--toggle-layer-width)*-2);
    top: calc(var(--toggle-layer-width)*-2);
    transform: translate3d(calc(var(--toggle-layer-width)*-2), calc(var(--toggle-layer-width)*2), 0) rotate(-45deg);
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.breakdance-menu-toggle--emphatic-r {
    overflow: hidden
}

.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines {
    transition: background-color .125s ease-in .175s
}

.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:after {
    right: 0;
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:before {
    left: calc(var(--toggle-layer-width)*-2);
    top: calc(var(--toggle-layer-width)*-2);
    transform: translate3d(calc(var(--toggle-layer-width)*2), calc(var(--toggle-layer-width)*-2), 0) rotate(-45deg);
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:after {
    right: calc(var(--toggle-layer-width)*-2);
    top: calc(var(--toggle-layer-width)*-2);
    transform: translate3d(calc(var(--toggle-layer-width)*-2), calc(var(--toggle-layer-width)*-2), 0) rotate(45deg);
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before {
    transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after,
.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before {
    opacity: 0;
    transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before {
    top: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after {
    bottom: 0
}

.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height)/2)
}

.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition-duration: .15s;
    transition-property: transform, opacity;
    transition-timing-function: ease
}

.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height)*2 + var(--toggle-layer-spacing)*2)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines {
    --y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));
    transform: translate3d(0, var(--y-offset), 0) rotate(45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:before {
    opacity: 0;
    transform: rotate(-45deg) translate3d(calc(var(--toggle-layer-width)/-7), calc(var(--toggle-layer-spacing)*-1), 0)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--y-offset)*-2), 0) rotate(-90deg)
}

.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height)/2)
}

.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition-duration: .15s;
    transition-property: transform, opacity;
    transition-timing-function: ease
}

.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height)*2 + var(--toggle-layer-spacing)*2)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines {
    --y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));
    transform: translate3d(0, var(--y-offset), 0) rotate(-45deg)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:before {
    opacity: 0;
    transform: rotate(45deg) translate3d(calc(var(--toggle-layer-width)/7), calc(var(--toggle-layer-spacing)*-1), 0)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:after {
    transform: translate3d(0, calc(var(--y-offset)*-2), 0) rotate(90deg)
}

.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:before {
    opacity: 0;
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines {
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:before {
    opacity: 0;
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines {
    top: calc(var(--toggle-layer-height)/2);
    transition: background-color 0s linear .13s
}

.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-height)*2 + var(--toggle-layer-spacing)*2);
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transition-delay: .22s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: translate3d(0, calc(var(--toggle-layer-spacing) + var(--toggle-layer-height)), 0) rotate(45deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:after {
    top: 0;
    transform: translate3d(0, calc(var(--toggle-layer-spacing) + var(--toggle-layer-height)), 0) rotate(-45deg);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines {
    bottom: 0;
    top: auto;
    transition-delay: 0s;
    transition-duration: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:after {
    top: calc(var(--toggle-layer-spacing)*2*-1 + var(--toggle-layer-height)*2*-1);
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:before {
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines {
    transform: translate3d(0, calc(var(--toggle-layer-spacing)*-1 + var(--toggle-layer-height)*-1), 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:after {
    opacity: 0;
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transform: rotate(90deg);
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines {
    background-color: transparent !important;
    transform: rotate(-90deg);
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:before {
    opacity: 0;
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before {
    transition-delay: .1s;
    transition-duration: 0s;
    transition-timing-function: linear
}

.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before {
    transition-property: top, opacity
}

.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after {
    transition-property: bottom, transform
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after,
.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before {
    transition-delay: 0s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before {
    opacity: 0;
    top: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(90deg)
}

.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before {
    transition-delay: .1s;
    transition-duration: 0s;
    transition-timing-function: linear
}

.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before {
    transition-property: top, opacity
}

.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after {
    transition-property: bottom, transform
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after,
.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before {
    transition-delay: 0s
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before {
    opacity: 0;
    top: 0
}

.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.breakdance-menu-toggle {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--toggle-background-color);
    border: none;
    border-radius: var(--toggle-radius);
    box-sizing: content-box;
    color: var(--toggle-layer-color);
    cursor: pointer;
    display: none;
    min-height: var(--toggle-layer-width);
    padding: var(--toggle-padding);
    transition: var(--menu-duration) color ease, var(--menu-duration) background-color ease
}

.breakdance-menu-toggle:hover {
    background-color: var(--toggle-background-color-hover);
    color: var(--toggle-layer-color-hover)
}

.breakdance-responsive-menu--open .breakdance-menu-toggle {
    background-color: var(--toggle-active-background-color);
    color: var(--toggle-layer-color-active)
}

.breakdance-menu-toggle-icon {
    display: inline-block;
    height: calc(var(--toggle-layer-height)*3 + var(--toggle-layer-spacing)*2);
    position: relative;
    width: var(--toggle-layer-width)
}

.breakdance-menu-toggle-lines {
    display: block;
    margin-top: calc(var(--toggle-layer-height)/-2);
    top: 50%
}

.breakdance-menu-toggle-lines,
.breakdance-menu-toggle-lines:after,
.breakdance-menu-toggle-lines:before {
    background-color: currentColor;
    border-radius: var(--toggle-layer-border-radius);
    content: "";
    display: block;
    height: var(--toggle-layer-height);
    position: absolute;
    transition: transform .15s ease;
    width: var(--toggle-layer-width)
}

.breakdance-menu-toggle-lines:before {
    top: calc(var(--toggle-layer-spacing)*-1 + var(--toggle-layer-height)*-1)
}

.breakdance-menu-toggle-lines:after {
    bottom: calc(var(--toggle-layer-spacing)*-1 + var(--toggle-layer-height)*-1)
}

.breakdance-menu-toggle__custom-close-icon,
.breakdance-menu-toggle__custom-open-icon {
    fill: currentColor;
    display: block;
    width: var(--toggle-layer-width)
}

.breakdance-menu-toggle__custom-close-icon,
.breakdance-responsive-menu--open .breakdance-menu-toggle__custom-open-icon {
    display: none
}

.breakdance-responsive-menu--open .breakdance-menu-toggle__custom-close-icon {
    display: block
}

.breakdance-menu--effect .breakdance-menu-link:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--link-effect-color);
    content: "";
    display: block;
    height: var(--link-effect-thickness);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: var(--menu-duration) transform ease, var(--menu-duration) opacity ease, var(--menu-duration) background-color ease;
    width: 100%;
    z-index: -1
}

.breakdance-menu--effect .breakdance-menu-link:hover:before {
    background-color: var(--link-effect-color-hover);
    opacity: 1;
    transform: none;
    will-change: transform, opacity
}

.breakdance-menu--effect-background {
    --link-effect-color: #eee
}

.breakdance-menu--effect-background .breakdance-menu-link:before {
    border-radius: var(--link-effect-radius);
    height: 100%;
    inset: 0;
    width: 100%
}

.breakdance-menu--effect-underline .breakdance-menu-link:before {
    bottom: 0;
    left: 0;
    top: auto
}

.breakdance-menu--effect-overline .breakdance-menu-link:before {
    bottom: auto;
    left: 0;
    top: 0
}

.breakdance-menu--effect-strikethrough .breakdance-menu-link:before {
    bottom: auto;
    left: 0;
    margin-top: calc(var(--link-effect-thickness)/2*-1);
    top: 50%
}

.breakdance-menu--effect-none .breakdance-menu-link:before {
    opacity: 0
}

.breakdance-menu--effect-left .breakdance-menu-link:before {
    transform: scaleX(0);
    transform-origin: left
}

.breakdance-menu--effect-right .breakdance-menu-link:before {
    transform: scaleX(0);
    transform-origin: right
}

.breakdance-menu--effect-center .breakdance-menu-link:before {
    transform: scaleX(0);
    transform-origin: center
}

.breakdance-menu--effect-bottom .breakdance-menu-link:before {
    transform: scaleY(0);
    transform-origin: bottom
}

.breakdance-menu--effect-top .breakdance-menu-link:before {
    transform: scaleY(0);
    transform-origin: top
}

.breakdance-menu--active-styles .breakdance-menu-link--active:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--link-effect-color-hover);
    background-color: var(--link-effect-color);
    content: "";
    display: block;
    height: var(--link-effect-thickness);
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: none;
    transition: var(--menu-duration) transform ease, var(--menu-duration) opacity ease, var(--menu-duration) background-color ease;
    width: 100%;
    will-change: transform, opacity;
    z-index: -1
}

.breakdance-menu--active-styles .breakdance-menu-link:hover:before {
    background-color: var(--link-effect-color)
}

.breakdance-menu--active-background {
    --link-effect-color: #eee
}

.breakdance-menu--active-background .breakdance-menu-link--active:before {
    border-radius: var(--link-effect-radius);
    height: 100%;
    inset: 0;
    width: 100%
}

.breakdance-menu--active-underline .breakdance-menu-link--active:before {
    bottom: 0;
    left: 0;
    top: auto
}

.breakdance-menu--active-overline .breakdance-menu-link--active:before {
    bottom: auto;
    left: 0;
    top: 0
}

.breakdance-menu--active-strikethrough .breakdance-menu-link--active:before {
    bottom: auto;
    left: 0;
    margin-top: calc(var(--link-effect-thickness)/2*-1);
    top: 50%
}

.breakdance-menu--anim-fade:not(.breakdance-menu--dropdown-slide) .breakdance-dropdown-floater {
    opacity: 0;
    transition: opacity var(--dropdown-animation-duration) ease, visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-fade:not(.breakdance-menu--dropdown-slide) .breakdance-dropdown--open .breakdance-dropdown-floater {
    opacity: 1;
    will-change: opacity, height, visibility
}

.breakdance-menu--anim-stripe .breakdance-dropdown {
    perspective: 2000px;
    z-index: 2
}

.breakdance-menu--anim-stripe .breakdance-dropdown-floater {
    --rotate-x: -15deg;
    transform-origin: 50% -50px;
    transition: opacity var(--dropdown-animation-duration) ease, transform var(--dropdown-animation-duration) ease, visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-stripe .breakdance-dropdown--open {
    z-index: 3
}

.breakdance-menu--anim-stripe .breakdance-dropdown--open .breakdance-dropdown-floater {
    --rotate-x: 0deg;
    will-change: opacity, height, transform, visibility
}

.breakdance-menu--anim-scale-down-r .breakdance-dropdown-floater,
.breakdance-menu--anim-scale-down .breakdance-dropdown-floater {
    --scale: 0.95;
    transform-origin: top left;
    transition: opacity var(--dropdown-animation-duration) ease, transform var(--dropdown-animation-duration) ease, visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-scale-down-r .breakdance-dropdown--open .breakdance-dropdown-floater,
.breakdance-menu--anim-scale-down .breakdance-dropdown--open .breakdance-dropdown-floater {
    --scale: 1
}

.breakdance-menu--anim-scale-down-r .breakdance-dropdown-floater {
    transform-origin: top right
}

.breakdance-menu--anim-skew .breakdance-dropdown-floater {
    --scale: 1, 0;
    transform-origin: top center;
    transition: opacity var(--dropdown-animation-duration) ease, transform var(--dropdown-animation-duration) ease, visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-skew .breakdance-dropdown--open .breakdance-dropdown-floater {
    --scale: 1;
    will-change: transform, opacity, visibility
}

.breakdance-menu--anim-rotate .breakdance-dropdown-floater {
    transform: rotate(-5deg) translateX(5px);
    transition: opacity var(--dropdown-animation-duration) ease, transform var(--dropdown-animation-duration) ease, visibility var(--dropdown-animation-duration) ease
}

.breakdance-menu--anim-rotate .breakdance-dropdown--open .breakdance-dropdown-floater {
    transform: rotate(0deg) translateX(0)
}