.rail{position:fixed;top:0;right:-300px;text-align:center;width:300px;height:100vh;z-index:100;background-color:#60c3d9;transition:all .3s ease-in-out}@media screen and (max-width: 599px){.rail{width:100vw;right:-100vw}}.rail__close{position:relative;top:25px;right:50px;padding-left:40px;font-size:20px;font-weight:600;cursor:pointer;height:45px}@media (max-width: 1024px){.rail__close{right:55px}}.rail__close:before,.rail__close:after{content:'';display:block;position:absolute;width:2px;height:35px;top:18%;right:12.5px;transform:rotate(-45deg);transition:all 0.25s ease-out;background-color:white}.rail__close:before{transform:rotate(45deg)}.rail--open{right:0}.rail__items{display:flex;flex-direction:column;justify-content:center;height:100%;margin-top:-40px}.rail__item-wrapper{padding:0 50px;box-sizing:border-box;text-align:left;opacity:0;transform:translateX(50px);transition:all .25s ease-in-out;transition-property:opacity, transform}.rail--open .rail__item-wrapper{opacity:1;transform:translateX(0)}.rail--open .rail__item-wrapper:nth-child(1){transition-delay:.15s}.rail--open .rail__item-wrapper:nth-child(2){transition-delay:.3s}.rail--open .rail__item-wrapper:nth-child(3){transition-delay:.45s}.rail--open .rail__item-wrapper:nth-child(4){transition-delay:.6s}.rail--open .rail__item-wrapper:nth-child(5){transition-delay:.75s}.rail__item{font-size:22px;font-weight:600;line-height:60px;letter-spacing:0.25px;color:white;text-decoration:none;transition:all .1s ease-in-out}.rail__item:hover{transform:translateX(20px)}.toolbar-horizontal .rail{top:78px}.toolbar-vertical .rail{top:39px}