body{overflow-x:hidden}.menu{position:fixed;left:0;top:0;height:100vh;width:230px;z-index:1000;transform:translate3d(-100%,0,0)}.menu__inner{display:flex;flex-direction:column;padding:1rem 3rem;justify-content:center;background:#1a0f2a;height:100%;opacity:0}.menu__button-wrap{padding:1rem;position:absolute;top:0;right:0;height:100%;width:100%;display:flex;align-items:center;z-index:10;pointer-events:none;transform:translate3d(100%,0,0)}.menu__button{border:0;padding:0;margin:0 auto 0 0;background:0 0;color:#000;transform:translate3d(0,0,0);transition:opacity .3s,transform .3s cubic-bezier(.19,1,.22,1)}.menu__button:focus{outline:0}.menu__item{font-size:14px;font-weight:500;text-transform:uppercase;margin:1rem 0;padding:.5rem 0;display:block;opacity:0;color:#fff;transform:translate3d(-100%,0,0);transition:opacity .8s,transform .8s cubic-bezier(.19,1,.22,1)}.menu__item.active{color:#66b2be}.menu__item:hover{color:#e94b98}.menu:hover .menu__item{opacity:1;transform:translate3d(0,0,0)}.menu:hover .menu__item:nth-child(2){transition-delay:30ms}.menu:hover .menu__item:nth-child(3){transition-delay:60ms}.menu:hover .menu__item:nth-child(4){transition-delay:90ms}.menu:hover .menu__item:nth-child(5){transition-delay:.12s}.menu:hover .menu__button{transition-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translate3d(-200%,0,0)}.icon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor}.svg-hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}