@keyframes scaleProgress{0%{--angle:0deg}to{--angle:360deg}}.angle-progress{animation-name:scaleProgress;animation-timing-function:linear;animation-timeline:scroll(root);animation-range:0 100%;background:conic-gradient(currentColor var(--angle),transparent 0 0deg);--angle:0deg}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.hamburger{width:32px;height:32px;padding:4px}.hamburger span{display:block;width:100%;height:.125rem;border-radius:2px;background-color:#004878;box-shadow:0 .5px 2px 0 hsla(0,0%,0%,.2);transition:background-color .4s;position:relative}.hamburger span+span{margin-top:.375rem}.hamburger span:first-child{animation:menu-icon-top-2 .8s ease forwards}.hamburger span:nth-child(2){animation:menu-icon-scaled-2 .8s ease forwards}.hamburger span:nth-child(3){animation:menu-icon-bottom-2 .8s ease forwards}.hamburger.open span:first-child{animation:menu-icon-top 1.2s ease forwards;background-color:#7d7f80}.hamburger.open span:nth-child(2){animation:menu-icon-scaled .8s ease forwards}.hamburger.open span:nth-child(3){animation:menu-icon-bottom 1.2s ease forwards}@keyframes menu-icon-top{0%{top:0;transform:rotate(0)}80%{top:.5rem;transform:rotate(0)}to{top:.5rem;transform:rotate(45deg)}}@keyframes menu-icon-top-2{0%{top:.5rem;transform:rotate(45deg)}50%{top:.5rem;transform:rotate(0)}to{top:0;transform:rotate(0)}}@keyframes menu-icon-bottom{0%{bottom:0;transform:rotate(0)}80%{bottom:.5rem;transform:rotate(0)}to{bottom:.5rem;transform:rotate(135deg)}}@keyframes menu-icon-bottom-2{0%{bottom:.5rem;transform:rotate(135deg)}50%{bottom:.5rem;transform:rotate(0)}to{bottom:0;transform:rotate(0)}}@keyframes menu-icon-scaled{50%{transform:scale(0)}to{transform:scale(0)}}@keyframes menu-icon-scaled-2{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}