:root {--hamb-rempixel: 0.0625;}.hamburger {padding: 0;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;}button.hamburger {border: none;border-radius: 0;line-height: 0;}.hamburger:hover {opacity: 0.7;}.hamburger.is-active:hover {opacity: 0.7;}.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #000;}.hamburger-box {width: calc(1rem * (var(--hamb-rempixel) * 40));height: calc(1rem * (var(--hamb-rempixel) * 24));display: inline-block;position: relative;}.hamburger-inner {display: block;top: 50%;margin-top: calc(-1rem * (var(--hamb-rempixel) * 2));}.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: calc(1rem * (var(--hamb-rempixel) * 40));height: 1px;background-color: var(--col-text);border-radius: 2px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}body.home .hamburger-inner, body.home .hamburger-inner::before, body.home .hamburger-inner::after {background-color: var(--col-yellow);}.hamburger-inner::before, .hamburger-inner::after {content: "";display: block;}.hamburger-inner::before {top: calc(-1rem * (var(--hamb-rempixel) * 10));}.hamburger-inner::after {bottom: calc(-1rem * (var(--hamb-rempixel) * 10));}.hamburger--slider .hamburger-inner {top: calc(1rem * (var(--hamb-rempixel) * 2));}.hamburger--slider .hamburger-inner::before {display: none !important;top: calc(1rem * (var(--hamb-rempixel) * 10));transition-property: transform, opacity;transition-timing-function: ease;transition-duration: 0.15s;}.hamburger--slider .hamburger-inner::after {top: calc(1rem * (var(--hamb-rempixel) * 20));}.hamburger--slider.is-active .hamburger-inner {transform: translate3d(0, calc(1rem * (var(--hamb-rempixel) * 10)), 0) rotate(45deg);}.hamburger--slider.is-active .hamburger-inner::before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity: 0;}.hamburger--slider.is-active .hamburger-inner::after {transform: translate3d(0, calc(-1rem * (var(--hamb-rempixel) * 20)), 0) rotate(-90deg);}