body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;padding-top:80px;margin:0;h2{font-weight:300;a{color:#000}}a,button{font-size:12px}button{display:inline-block;box-sizing:border-box;border:0;border-radius:3px;color:#fff;vertical-align:top;text-decoration:none;font-family:inherit;cursor:pointer;outline:none;transition:all .5s;padding:12px;box-shadow:none;background:#02ccba;font-weight:600;width:100%;letter-spacing:1px;box-shadow:0 5px 15px 0 rgba(46,61,73,.1);&.success{background:#68cd86}&.warn{background:#ffb648}&.error{background:#e54d42}&:active{opacity:.8}}#app{text-align:center;color:#2c3e50;.content{margin:0 auto;max-width:420px}}}.sub-button{display:inline-block;float:right;background:#e54d42;padding:4px;box-shadow:0 5px 15px 0 rgba(46,61,73,.1)}.notification.n-light{margin:10px;margin-bottom:0;border-radius:3px;font-size:13px;padding:10px 20px;color:#495061;background:#eaf4fe;border:1px solid #d4e8fd;.notification-title{letter-spacing:1px;text-transform:uppercase;font-size:10px;color:#2589f3}}.custom-template{display:flex;flex-direction:row;flex-wrap:nowrap;text-align:left;font-size:13px;margin:5px;margin-bottom:0;align-items:center;justify-content:center;&,&>div{box-sizing:border-box}background:#e8f9f0;border:2px solid #d0f2e1;.custom-template-icon{flex:0 1 auto;color:#15c371;font-size:32px;padding:0 10px}.custom-template-close{flex:0 1 auto;padding:0 20px;font-size:16px;opacity:.2;cursor:pointer;&:hover{opacity:.8}}.custom-template-content{padding:10px;flex:1 0 auto;.custom-template-title{letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:600}}}.block{display:flex}.v-fade-left-enter-active,.v-fade-left-leave-active,.v-fade-left-move{transition:all .5s}.v-fade-left-enter,.v-fade-left-leave-to{opacity:0;transform:translateX(-500px) scale(.2)}