.menu-glyph{z-index:9999;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-start;width:44px;height:44px;padding:0 8px;display:flex;position:fixed;top:1.25rem;left:1.25rem}.menu-glyph-fade{transition:opacity .3s}@media (min-width:601px){.menu-glyph-fade,.menu-glyph{display:none}}.menu-glyph__line{background:var(--color-dark);transform-origin:50%;border-radius:1px;height:2px;transition:width .4s cubic-bezier(.7,0,.3,1),transform .4s cubic-bezier(.7,0,.3,1),opacity .3s,margin-left .4s cubic-bezier(.7,0,.3,1);display:block}.menu-glyph__line--1{width:24px;margin-bottom:4px}.menu-glyph__line--2{width:14px;margin-bottom:4px;margin-left:0}.menu-glyph__line--3{width:8px;margin-left:0}@media (hover:hover){.menu-glyph:hover .menu-glyph__line--1{width:20px}.menu-glyph:hover .menu-glyph__line--2{width:20px;margin-left:0}.menu-glyph:hover .menu-glyph__line--3{width:20px}}.menu-glyph--open .menu-glyph__line--1{width:20px;margin-bottom:4px;margin-left:4px;transform:translateY(5px)rotate(45deg)}.menu-glyph--open .menu-glyph__line--2{opacity:0;width:0;height:0;margin-left:14px}.menu-glyph--open .menu-glyph__line--3{width:20px;margin-left:4px;transform:translateY(-5px)rotate(-45deg)}@media (hover:hover){.menu-glyph--open:hover .menu-glyph__line--1{width:20px;margin-left:4px;transform:translateY(5px)rotate(135deg)}.menu-glyph--open:hover .menu-glyph__line--3{width:20px;margin-left:4px;transform:translateY(-5px)rotate(-135deg)}}.menu-glyph:active .menu-glyph__line{transition-duration:.2s}.menu-glyph:active .menu-glyph__line--1{transform:translateY(5px)rotate(225deg)}.menu-glyph:active .menu-glyph__line--3{transform:translateY(-5px)rotate(-225deg)}@media (max-width:768px){.menu-glyph{top:.75rem;left:.75rem}}@media (max-width:480px){.menu-glyph{width:38px;height:38px;padding:0 6px;top:.5rem;left:.5rem}.menu-glyph__line--1{width:20px;margin-bottom:3px}.menu-glyph__line--2{width:12px;margin-bottom:3px}.menu-glyph__line--3{width:6px}.menu-glyph--open .menu-glyph__line--1{width:16px;margin-bottom:3px;margin-left:5px;transform:translateY(4.5px)rotate(45deg)}.menu-glyph--open .menu-glyph__line--3{width:16px;margin-left:5px;transform:translateY(-4.5px)rotate(-45deg)}}