.hamburger{--hamburger-width:62.98px;--hamburger-height:50px;--group-width:16px;--group-half:8px;--edge-offset:8px;--row-top:18px;--row-middle:29px;--row-bottom:40px;--open-row-top:16px;--open-row-middle:23px;--open-row-bottom:30px;width:var(--hamburger-width);height:var(--hamburger-height);appearance:none;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:block;position:relative;overflow:visible}.hamburger:disabled{cursor:default}.hamburger:focus-visible{outline-offset:6px;border-radius:12px}.hamburger .hamburger_icon{width:100%;height:100%;display:block;position:relative}.hamburger .skewer_group{width:var(--group-width);z-index:3;transform-origin:50% 82%;will-change:transform,left;height:100%;transition:left .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);position:absolute;top:0}.hamburger .skewer_group.left_group{left:var(--edge-offset)}.hamburger .skewer_group.right_group{left:calc(100% - var(--group-width) - var(--edge-offset))}.hamburger .skewer_group .skewer,.hamburger .skewer_group .meat{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,top,opacity;transition:top .35s,transform .4s cubic-bezier(.22,1,.36,1),opacity .25s,filter .35s;position:absolute;left:50%}.hamburger .skewer_group .skewer{z-index:1;filter:drop-shadow(0 1px 1px #0000002e);top:0;transform:translate(-50%)}.hamburger .skewer_group .meat{z-index:2;filter:drop-shadow(0 1px 1px #00000026);transform:translate(-50%,-50%)}.hamburger .skewer_group .meat.meat_top{top:var(--row-top)}.hamburger .skewer_group .meat.meat_middle{top:var(--row-middle)}.hamburger .skewer_group .meat.meat_bottom{top:var(--row-bottom)}.hamburger .horizontal_group{position:absolute;inset:0}.hamburger .horizontal{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;filter:drop-shadow(0 1px 1px #00000029);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s,filter .35s;position:absolute;left:0;transform:translateY(-50%)}.hamburger .horizontal.horizontal_top{top:var(--row-top)}.hamburger .horizontal.horizontal_middle{top:var(--row-middle)}.hamburger .horizontal.horizontal_bottom{top:var(--row-bottom)}@media (hover:hover){.hamburger:hover:not(.is_open) .horizontal_top{transform:translateY(-50%)translate(-1px)}.hamburger:hover:not(.is_open) .horizontal_bottom{transform:translateY(-50%)translate(1px)}}.hamburger.is_open .horizontal{opacity:0;transform:translateY(-50%)scaleX(.35)}.hamburger.is_open .skewer_group{left:calc(50% - var(--group-half))}.hamburger.is_open .skewer_group .meat_top{top:var(--open-row-top)}.hamburger.is_open .skewer_group .meat_middle{top:var(--open-row-middle)}.hamburger.is_open .skewer_group .meat_bottom{top:var(--open-row-bottom)}.hamburger.is_open .skewer_group.left_group{transform:translate(0)rotate(45deg)}.hamburger.is_open .skewer_group.right_group{transform:translate(0)rotate(-45deg)}