.menubar_menuBtn__MWGQG{--t:150ms;--angle:45deg;--angle_negative:-45deg;--w:35px;--h:4px;height:var(--w);width:var(--w);position:relative;cursor:pointer;display:block;margin:0 1rem}.menubar_menuBtn__MWGQG>div{border-radius:2px;box-shadow:0 0 2px #0005;position:absolute;width:100%;height:var(--h);background-color:#fff;transform-origin:center;transition:transform var(--t) linear,top var(--t) linear var(--t),bottom var(--t) linear var(--t),opacity .2s linear}.menubar_menuBtn__MWGQG>.menubar_first__c8s_F{top:10%;transform:rotate(0deg)}.menubar_menuBtn__MWGQG>.menubar_second__yEMvS{top:calc(50% - 2px);transform:scale(1);opacity:1;transition-delay:var(--t)}.menubar_menuBtn__MWGQG>.menubar_third__LBMY_{bottom:10%;transform:rotate(0deg)}.menubar_menuBtn_active__xnBZS>.menubar_first__c8s_F{top:calc(50% - 2px);transform:rotate(var(--angle_negative));transition:transform var(--t) linear var(--t),top var(--t) linear}.menubar_menuBtn_active__xnBZS>.menubar_second__yEMvS{transform:scale(0);opacity:0;transition:transform var(--t) linear,opacity .2s linear}.menubar_menuBtn_active__xnBZS>.menubar_third__LBMY_{bottom:calc(50% - 2px);transform:rotate(var(--angle));transition:transform var(--t) linear var(--t),bottom var(--t) linear}