.header__menu-trigger{--hmd-s: 6.25px;--hmd-colon-y: var(--hmd-s);color:#111}.header__menu-trigger:disabled{pointer-events:none}.header__menu-dots{position:relative;display:block;width:1.3rem;height:1.3rem;flex-shrink:0;min-width:1.3rem;min-height:1.3rem;box-sizing:border-box;transform:translateZ(0);backface-visibility:hidden}.header__menu-dot{position:absolute;left:50%;top:50%;width:.4rem;min-width:5px;height:.4rem;min-height:5px;border-radius:50%;background:currentColor;transform:translate3d(-50%,-50%,0);will-change:transform,opacity;backface-visibility:hidden}#menu-toggle:not(.header__menu--dots-open) .header__menu-dots .header__menu-dot:nth-child(1){transform:translate3d(-50%,-50%,0) translateY(calc(-1 * var(--hmd-colon-y)))}#menu-toggle:not(.header__menu--dots-open) .header__menu-dots .header__menu-dot:nth-child(2){transform:translate3d(-50%,-50%,0) translateY(var(--hmd-colon-y))}#menu-toggle:not(.header__menu--dots-open) .header__menu-dots .header__menu-dot:nth-child(3),#menu-toggle:not(.header__menu--dots-open) .header__menu-dots .header__menu-dot:nth-child(4){opacity:0;transform:translate3d(-50%,-50%,0) scale(0);pointer-events:none}#menu-toggle.header__menu--dots-open:not(.header__menu-anim--close) .header__menu-dot{opacity:1;pointer-events:auto}#menu-toggle.header__menu--dots-open:not(.header__menu-anim--close) .header__menu-dots .header__menu-dot:nth-child(1){transform:translate3d(-50%,-50%,0) translate(calc(-1 * var(--hmd-s)),calc(-1 * var(--hmd-s)))}#menu-toggle.header__menu--dots-open:not(.header__menu-anim--close) .header__menu-dots .header__menu-dot:nth-child(2){transform:translate3d(-50%,-50%,0) translate(var(--hmd-s),calc(-1 * var(--hmd-s)))}#menu-toggle.header__menu--dots-open:not(.header__menu-anim--close) .header__menu-dots .header__menu-dot:nth-child(3){transform:translate3d(-50%,-50%,0) translate(calc(-1 * var(--hmd-s)),var(--hmd-s))}#menu-toggle.header__menu--dots-open:not(.header__menu-anim--close) .header__menu-dots .header__menu-dot:nth-child(4){transform:translate3d(-50%,-50%,0) translate(var(--hmd-s),var(--hmd-s))}@keyframes hmd0-open{0%{transform:translate3d(-50%,-50%,0) translateY(calc(-1 * var(--hmd-colon-y)))}40%,50%{transform:translate3d(-50%,-50%,0) translate(0)}to{transform:translate3d(-50%,-50%,0) translate(calc(-1 * var(--hmd-s)),calc(-1 * var(--hmd-s)))}}@keyframes hmd1-open{0%{transform:translate3d(-50%,-50%,0) translateY(var(--hmd-colon-y))}40%,50%{transform:translate3d(-50%,-50%,0) translate(0)}to{transform:translate3d(-50%,-50%,0) translate(var(--hmd-s),calc(-1 * var(--hmd-s)))}}@keyframes hmd2-open{0%,35%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.05)}50%{opacity:1;transform:translate3d(-50%,-50%,0) translate(0) scale(.3)}to{opacity:1;transform:translate3d(-50%,-50%,0) translate(calc(-1 * var(--hmd-s)),var(--hmd-s)) scale(1)}}@keyframes hmd3-open{0%,35%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.05)}50%{opacity:1;transform:translate3d(-50%,-50%,0) translate(0) scale(.3)}to{opacity:1;transform:translate3d(-50%,-50%,0) translate(var(--hmd-s),var(--hmd-s)) scale(1)}}.header__menu-anim--open .header__menu-dots .header__menu-dot:nth-child(1){animation:hmd0-open .55s cubic-bezier(.4,0,.2,1) forwards}.header__menu-anim--open .header__menu-dots .header__menu-dot:nth-child(2){animation:hmd1-open .55s cubic-bezier(.4,0,.2,1) forwards}.header__menu-anim--open .header__menu-dots .header__menu-dot:nth-child(3){animation:hmd2-open .55s cubic-bezier(.4,0,.2,1) forwards}.header__menu-anim--open .header__menu-dots .header__menu-dot:nth-child(4){animation:hmd3-open .55s cubic-bezier(.4,0,.2,1) forwards}@keyframes hmd0-close{0%{transform:translate3d(-50%,-50%,0) translate(calc(-1 * var(--hmd-s)),calc(-1 * var(--hmd-s)))}50%,60%{transform:translate3d(-50%,-50%,0) translate(0)}to{transform:translate3d(-50%,-50%,0) translateY(calc(-1 * var(--hmd-colon-y)))}}@keyframes hmd1-close{0%{transform:translate3d(-50%,-50%,0) translate(var(--hmd-s),calc(-1 * var(--hmd-s)))}50%,60%{transform:translate3d(-50%,-50%,0) translate(0)}to{transform:translate3d(-50%,-50%,0) translateY(var(--hmd-colon-y))}}@keyframes hmd2-close{0%{opacity:1;transform:translate3d(-50%,-50%,0) translate(calc(-1 * var(--hmd-s)),var(--hmd-s)) scale(1)}50%,65%{opacity:1;transform:translate3d(-50%,-50%,0) translate(0) scale(.2)}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(.05)}}@keyframes hmd3-close{0%{opacity:1;transform:translate3d(-50%,-50%,0) translate(var(--hmd-s),var(--hmd-s)) scale(1)}50%,65%{opacity:1;transform:translate3d(-50%,-50%,0) translate(0) scale(.2)}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(.05)}}.header__menu-anim--close .header__menu-dots .header__menu-dot:nth-child(1){animation:hmd0-close .55s cubic-bezier(.4,0,.2,1) forwards}.header__menu-anim--close .header__menu-dots .header__menu-dot:nth-child(2){animation:hmd1-close .55s cubic-bezier(.4,0,.2,1) forwards}.header__menu-anim--close .header__menu-dots .header__menu-dot:nth-child(3){animation:hmd2-close .55s cubic-bezier(.4,0,.2,1) forwards}.header__menu-anim--close .header__menu-dots .header__menu-dot:nth-child(4){animation:hmd3-close .55s cubic-bezier(.4,0,.2,1) forwards}@media(prefers-reduced-motion:reduce){.header__menu-anim--open .header__menu-dot,.header__menu-anim--close .header__menu-dot{animation:none}}@media screen and (min-width:769px){.header__right-icons .header__menu-dots{width:1.02rem;height:1.02rem;min-width:1.02rem;min-height:1.02rem}.header__right-icons .header__menu-trigger{--hmd-s: 4.8px}}@media screen and (min-width:769px)and (max-width:1200px){.header__right-icons .header__menu-dots{width:.95rem;height:.95rem;min-width:.95rem;min-height:.95rem}.header__right-icons .header__menu-trigger{--hmd-s: 4.2px}}@media screen and (max-width:768px){.header__right-icons .header__menu-dots{width:1.1rem;height:1.1rem;min-width:1.1rem;min-height:1.1rem}.header__right-icons .header__menu-trigger{--hmd-s: 5.3px}}@media screen and (max-width:480px){.header__right-icons .header__menu-dots{width:.98rem;height:.98rem;min-width:.98rem;min-height:.98rem}.header__right-icons .header__menu-trigger{--hmd-s: 4.5px}}@media screen and (max-width:360px){.header__right-icons .header__menu-dots{width:.9rem;height:.9rem;min-width:.9rem;min-height:.9rem}.header__right-icons .header__menu-trigger{--hmd-s: 3.9px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header-menu-dots.css.map */