:root{--hamburger-bar-height: 4px;--hamburger-bar-spacing: 5px;--hamburger-bar-width: 33px;--hamburger-bar-color: currentColor;--hamburger-transition: .5s cubic-bezier(.77, .2, .05, 1)}.custom-hamburger-enabled .header__icon--menu input[type=checkbox],.custom-hamburger-enabled .custom-hamburger-wrapper,.custom-hamburger-enabled .custom-hamburger-container,.custom-hamburger-enabled .header__icon--menu{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.custom-hamburger-enabled .header__icon--menu{touch-action:manipulation;user-select:none;-webkit-user-select:none}.custom-hamburger-enabled .custom-hamburger-wrapper{display:flex;align-items:center;justify-content:center;padding:.8rem;position:relative;width:44px;height:44px}.custom-hamburger-enabled .header__icon--menu input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;margin:0;padding:0;border:none;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-hamburger-enabled .custom-hamburger-container{display:flex;flex-direction:column;width:var(--hamburger-bar-width);height:calc(3 * var(--hamburger-bar-height) + 2 * var(--hamburger-bar-spacing));justify-content:space-between;position:relative;margin:auto}.custom-hamburger-enabled .custom-header__icon--menu-bar{display:block;height:var(--hamburger-bar-height);width:var(--hamburger-bar-width);background:var(--hamburger-bar-color);border-radius:3px;transform-origin:4px 0px;transition:transform var(--hamburger-transition),background var(--hamburger-transition),opacity .55s ease}.custom-hamburger-enabled .menu-opening .custom-header__icon--menu-bar:first-child{transform:rotate(45deg) translateY(-2px)}.custom-hamburger-enabled .menu-opening .custom-header__icon--menu-bar:nth-child(2){opacity:0;transform:scaleX(0)}.custom-hamburger-enabled .menu-opening .custom-header__icon--menu-bar:last-child{transform:rotate(-45deg) translateY(-2px)}.header__icon--menu{z-index:calc(var(--z-index-menu) + 1);position:relative}.custom-hamburger:hover .custom-hamburger__bar{background:rgba(var(--color-foreground),.75)}@media screen and (max-width: 749px){.custom-hamburger-enabled .custom-header__icon--menu-bar{width:34px;height:3.5px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-custom-hamburger-icon.css.map */