.ham-button{color:var(--color-white);padding:2rem}.ham-button:focus-visible{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-primary);outline:none}.ham-button svg path{fill:var(--color-white)}.ham-icon{display:inline-block;height:1.4rem;position:relative;width:1.8rem}.ham-icon span{background:var(--color-white);height:2px;left:0;position:absolute;transition:transform var(--transition-timing-normal),top var(--transition-timing-normal),bottom var(--transition-timing-normal),width var(--transition-timing-normal);width:100%}.ham-icon span:first-child{top:0}.ham-icon span:nth-child(2){left:50%;top:50%;transform:translate(-50%,-50%)}.ham-icon span:nth-child(3){bottom:0}.ham-button[aria-expanded=true] .ham-icon span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.ham-button[aria-expanded=true] .ham-icon span:nth-child(2){width:0}.ham-button[aria-expanded=true] .ham-icon span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}