.lp-hamburger-button{display:flex;flex-direction:column;align-items:center;gap:4px;height:64px;width:64px;justify-content:center;padding:0;border:none;background:var(--background-secondary);cursor:pointer}.lp-hamburger-button:focus-visible{outline:2px solid var(--Neutral-Gray-gray-800);outline-offset:2px}.lp-hamburger-button--open{background:var(--Border-secondary)}.lp-hamburger-button__icon{position:relative;display:block;width:30px;height:11px;--lp-hamburger-close-angle:20.05deg}.lp-hamburger-button__icon .line-1,.lp-hamburger-button__icon .line-2,.lp-hamburger-button__icon .line-3{position:absolute;left:0;display:block;width:100%;height:1px;background-color:var(--Bg-black);transform-origin:center;transition:transform .3s ease,opacity .3s ease,top .3s ease,bottom .3s ease}.lp-hamburger-button__icon .line-1{top:0}.lp-hamburger-button__icon .line-2{top:50%;transform:translateY(-50%)}.lp-hamburger-button__icon .line-3{bottom:0}.lp-hamburger-button__icon--open .line-1{top:50%;transform:translateY(-50%) rotate(var(--lp-hamburger-close-angle))}.lp-hamburger-button__icon--open .line-2{opacity:0}.lp-hamburger-button__icon--open .line-3{top:50%;bottom:auto;transform:translateY(-50%) rotate(calc(var(--lp-hamburger-close-angle) * -1))}.lp-hamburger-button--text{color:var(--Text-black);text-align:center;font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase}