.wrapper[data-v-d8e94162]{background:linear-gradient(45deg,#263238,#37474f);perspective:60rem;transform-style:preserve-3d;transform:perspective(60rem);display:flex;justify-content:center;align-items:center}.wrapper .menu[data-v-d8e94162]{display:flex;flex-direction:column;align-items:center;text-transform:uppercase;text-align:center}.wrapper .menu .menu-item[data-v-d8e94162]{cursor:pointer;color:transparent;position:relative;font-size:4rem;font-weight:700}.wrapper .menu .menu-item[data-v-d8e94162]:before{content:"";display:block;position:absolute;top:48.9%;left:-10%;right:-10%;background-color:#ff4081;height:4px;border-radius:4px;transform:scale(0);transition:all .8s cubic-bezier(.15,1,.4,1);z-index:1}.wrapper .menu .menu-item .mask[data-v-d8e94162]{display:block;height:49%;overflow:hidden;position:absolute;top:0;color:#ff4081;transition:all .8s cubic-bezier(.15,1,.4,1)}.wrapper .menu .menu-item .mask+.mask[data-v-d8e94162]{top:48.9%;height:51.1%}.wrapper .menu .menu-item .mask+.mask span[data-v-d8e94162]{display:block;transform:translateY(-49%)}.wrapper .menu .menu-item[data-v-d8e94162]:hover:before{transform:scale(1)}.wrapper .menu .menu-item:hover .mask[data-v-d8e94162]{color:#fff;transform:skew(12deg) translateX(4px)}.wrapper .menu .menu-item:hover .mask+.mask[data-v-d8e94162]{transform:skew(12deg) translateX(-4px)}