.hamburger{--width:26px;--height:2px;--gap:6px;--color:#fefefe;cursor:pointer;display:inline-block;height:calc(var(--height)*4 + var(--gap)*2);overflow:visible;position:relative;width:var(--width);z-index:1}.hamburger span{background-color:var(--color);display:block;height:var(--height);left:0;position:absolute;width:var(--width)}.hamburger span:first-of-type{top:0}.hamburger span:nth-of-type(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-of-type(3){bottom:0}.hamburger:is([data-is-active]):not([data-is-active*=false i]) span:first-of-type{rotate:45deg;top:calc(50% - var(--height)/2);transform:translateY(calc(-50% + var(--height)/2))}.hamburger:is([data-is-active]):not([data-is-active*=false i]) span:nth-of-type(2){background-color:transparent}.hamburger:is([data-is-active]):not([data-is-active*=false i]) span:nth-of-type(3){rotate:-45deg;top:calc(50% - var(--height)/2);transform:translateY(calc(-50% + var(--height)/2))}

/*# sourceMappingURL=snippet-hamburger.css.map*/