.burger-box{position:relative;display:flex;flex-direction:column;padding:.875rem .7rem;gap:.3125rem;z-index:6;background-color:transparent;border:none;width:3.125rem}@media screen and (width > 1024px){.burger-box{display:none}}.burger-box:before{position:absolute;inset:-.25rem -.5rem;content:"";z-index:-1;border-radius:50%;background:linear-gradient(-70deg,var(--Background-Orange-Left-Side) 16%,var(--Background-Orange-Right-Side) 100%);cursor:pointer}.burger-line{background-color:var(--Content-Primary-Inverse);height:.3125rem;border-radius:.3125rem;transition-duration:.25s;transition-timing-function:ease-out;pointer-events:none}body.menu-open .burger-line{background-color:#00dad8}.burger-line.mid{transition-property:opacity}body.menu-open .burger-line.mid{opacity:0;pointer-events:none}.burger-line.first,.burger-line.last{transition-property:transform}body.menu-open .burger-line.first{transform:translateY(var(--burger-line-translate)) rotate(var(--burger-line-rotation))}body.menu-open .burger-line.last{transform:translateY(calc(var(--burger-line-translate) * -1)) rotate(calc(var(--burger-line-rotation) * -1))}