#nav{transform:translate(-320px);transition:transform .2s ease-in-out}#nav.open{transform:translate(0)}#nav li{border-left:0 solid white;opacity:0;transform:translate(-20%);transition-property:opacity,transform,border-left-width;transition-duration:.2s;transition-timing-function:ease-out}#nav.open li{opacity:1;transform:translate(0);transition-delay:calc(70ms * var(--i) + .1s)}#nav.close li{transform:translate(-10%)}#nav.open li:hover{border-left-width:4px}