body{margin:0}#app{width:100vw;height:100vh;overflow:hidden}nav{position:absolute;right:0;top:0;z-index:9999;padding:.8rem}nav a{display:block;font-weight:700;color:#fff}nav a.router-link-exact-active{color:#42b983}*,.native-toast{box-sizing:border-box}.native-toast{position:fixed;background-color:rgba(50,50,50,.8);border-radius:.88rem;color:#fff;left:50%;text-align:center;padding:.16rem .32rem;opacity:0;z-index:99999;transition:transform .25s,opacity .25s,top .25s}.native-toast-bottom{bottom:1.33333rem;-ms-transform:translateX(-50%) translateY(1.33333rem);transform:translateX(-50%) translateY(1.33333rem)}.native-toast-bottom.native-toast-shown{opacity:1;-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.native-toast-bottom.native-toast-edge{bottom:0}.native-toast-top{top:1.33333rem;-ms-transform:translateX(-50%) translateY(-1.33333rem);transform:translateX(-50%) translateY(-1.33333rem)}.native-toast-top.native-toast-shown{opacity:1;-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.native-toast-top.native-toast-edge{top:0}.native-toast-center{top:0;-ms-transform:translateX(-50%) translateY(-1.33333rem);transform:translateX(-50%) translateY(-1.33333rem)}.native-toast-center.native-toast-shown{opacity:1;top:50%;-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.native-toast-edge{border-radius:0;width:100%;text-align:left}@media screen and (min-width:40rem){.native-toast:not(.native-toast-edge){max-width:18rem}}.native-toast-error{background-color:#d92727;color:#fff}.native-toast-success{background-color:#62a465;color:#fff}.native-toast-warning{background-color:#fdaf17;color:#fff}.native-toast-info{background-color:#5060ba;color:#fff}[class^=native-toast-icon-]{vertical-align:middle;margin-right:.21333rem}[class^=native-toast-icon-] svg{width:.42667rem;height:.42667rem}