.logo-preview{padding-block:var(--spacing-5);padding-inline:var(--spacing-5);display:inline-flex}.logo-preview--dark{background-color:var(--color-text-on-light)}.logo--dark{color:var(--color-text-on-dark)}
.hamburger{width:var(--hamburger-width);height:var(--hamburger-height);cursor:pointer;color:inherit;background:0 0;border:none;flex-direction:column;justify-content:space-between;padding-block:0;padding-inline:0;display:inline-flex;position:relative}.hamburger:hover{color:inherit;background:0 0;border:none}.hamburger:focus-visible{outline:var(--hamburger-focus-ring-width) solid var(--hamburger-focus-ring-color);outline-offset:var(--spacing-1)}.hamburger__bar{width:100%;height:var(--hamburger-bar-height);background-color:var(--hamburger-bar-color);transform-origin:50%;transition:transform var(--hamburger-transition-duration) var(--hamburger-transition-easing), opacity var(--hamburger-opacity-duration) var(--hamburger-opacity-easing), background-color var(--hamburger-opacity-duration) var(--hamburger-opacity-easing);border-radius:0;display:block}.hamburger[aria-expanded=true] .hamburger__bar:first-child{transform:translateY(var(--hamburger-bar-translate-y)) rotate(45deg)}.hamburger[aria-expanded=true] .hamburger__bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger[aria-expanded=true] .hamburger__bar:nth-child(3){transform:translateY(calc(-1 * var(--hamburger-bar-translate-y))) rotate(-45deg)}