.bg-blue[data-v-c4bc3b76]{background-color:#1e88e5}.b-blue[data-v-c4bc3b76]{border-color:#1e88e5}.blue[data-v-c4bc3b76]{color:#1e88e5}.bg-red[data-v-c4bc3b76]{background-color:#f44336}.b-red[data-v-c4bc3b76]{border-color:#f44336}.red[data-v-c4bc3b76]{color:#f44336}.bg-orange[data-v-c4bc3b76]{background-color:#ff9800}.b-orange[data-v-c4bc3b76]{border-color:#ff9800}.orange[data-v-c4bc3b76]{color:#ff9800}.bg-yellow[data-v-c4bc3b76]{background-color:#fdd835}.b-yellow[data-v-c4bc3b76]{border-color:#fdd835}.yellow[data-v-c4bc3b76]{color:#fdd835}.bg-green[data-v-c4bc3b76]{background-color:#1b840e}.b-green[data-v-c4bc3b76]{border-color:#1b840e}.green[data-v-c4bc3b76]{color:#1b840e}.bg-purple[data-v-c4bc3b76]{background-color:#ab47bc}.b-purple[data-v-c4bc3b76]{border-color:#ab47bc}.purple[data-v-c4bc3b76]{color:#ab47bc}.bg-black[data-v-c4bc3b76]{background-color:#000}.b-black[data-v-c4bc3b76]{border-color:#000}.black[data-v-c4bc3b76]{color:#000}.bg-white[data-v-c4bc3b76]{background-color:#fff}.b-white[data-v-c4bc3b76]{border-color:#fff}.white[data-v-c4bc3b76]{color:#fff}.bg-pink[data-v-c4bc3b76]{background-color:#ec407a}.b-pink[data-v-c4bc3b76]{border-color:#ec407a}.pink[data-v-c4bc3b76]{color:#ec407a}.bg-pink0[data-v-c4bc3b76]{background-color:#f8bbd0}.b-pink0[data-v-c4bc3b76]{border-color:#f8bbd0}.pink0[data-v-c4bc3b76]{color:#f8bbd0}.bg-pink1[data-v-c4bc3b76]{background-color:#f06292}.b-pink1[data-v-c4bc3b76]{border-color:#f06292}.pink1[data-v-c4bc3b76]{color:#f06292}.bg-pink2[data-v-c4bc3b76]{background-color:#e91e63}.b-pink2[data-v-c4bc3b76]{border-color:#e91e63}.pink2[data-v-c4bc3b76]{color:#e91e63}.compiler .panels[data-v-c4bc3b76]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.compiler .entry[data-v-c4bc3b76],.compiler .preview[data-v-c4bc3b76]{width:50%}.compiler h3[data-v-c4bc3b76]{padding:0;margin:0;margin-bottom:20px;font-size:1.3rem;font-weight:400}.compiler .entry[data-v-c4bc3b76]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:250px}.compiler .entry textarea[data-v-c4bc3b76]{background:#fff;width:100%;height:100%;border:none;padding:20px;font-size:1rem;line-height:1.4;border-radius:4px 0 0 4px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1)}.compiler .preview[data-v-c4bc3b76]{-webkit-box-flex:1;-ms-flex:1;flex:1}.compiler .preview>div[data-v-c4bc3b76]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;min-height:$minHeight;padding:20px;border-left:1px solid #e4e4e4;background:#fff;border-radius:0 4px 4px 0;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1)}.bg-blue[data-v-326172fd]{background-color:#1e88e5}.b-blue[data-v-326172fd]{border-color:#1e88e5}.blue[data-v-326172fd]{color:#1e88e5}.bg-red[data-v-326172fd]{background-color:#f44336}.b-red[data-v-326172fd]{border-color:#f44336}.red[data-v-326172fd]{color:#f44336}.bg-orange[data-v-326172fd]{background-color:#ff9800}.b-orange[data-v-326172fd]{border-color:#ff9800}.orange[data-v-326172fd]{color:#ff9800}.bg-yellow[data-v-326172fd]{background-color:#fdd835}.b-yellow[data-v-326172fd]{border-color:#fdd835}.yellow[data-v-326172fd]{color:#fdd835}.bg-green[data-v-326172fd]{background-color:#1b840e}.b-green[data-v-326172fd]{border-color:#1b840e}.green[data-v-326172fd]{color:#1b840e}.bg-purple[data-v-326172fd]{background-color:#ab47bc}.b-purple[data-v-326172fd]{border-color:#ab47bc}.purple[data-v-326172fd]{color:#ab47bc}.bg-black[data-v-326172fd]{background-color:#000}.b-black[data-v-326172fd]{border-color:#000}.black[data-v-326172fd]{color:#000}.bg-white[data-v-326172fd]{background-color:#fff}.b-white[data-v-326172fd]{border-color:#fff}.white[data-v-326172fd]{color:#fff}.bg-pink[data-v-326172fd]{background-color:#ec407a}.b-pink[data-v-326172fd]{border-color:#ec407a}.pink[data-v-326172fd]{color:#ec407a}.bg-pink0[data-v-326172fd]{background-color:#f8bbd0}.b-pink0[data-v-326172fd]{border-color:#f8bbd0}.pink0[data-v-326172fd]{color:#f8bbd0}.bg-pink1[data-v-326172fd]{background-color:#f06292}.b-pink1[data-v-326172fd]{border-color:#f06292}.pink1[data-v-326172fd]{color:#f06292}.bg-pink2[data-v-326172fd]{background-color:#e91e63}.b-pink2[data-v-326172fd]{border-color:#e91e63}.pink2[data-v-326172fd]{color:#e91e63}.preview .header[data-v-326172fd]{position:relative;padding:17px 30px 17px 30px;text-align:center;border-bottom:1px solid #f2f2f2;background:#fff}.preview .header #logo[data-v-326172fd]{position:absolute;top:17px;left:30px;height:40px}.preview .header h1[data-v-326172fd]{margin:0;padding:0;font-size:20px;line-height:40px;font-weight:500;text-transform:uppercase}.preview .details[data-v-326172fd]{padding:30px;background:#fff;-webkit-box-shadow:0 12px 14px 0 rgba(0,0,0,.1);box-shadow:0 12px 14px 0 rgba(0,0,0,.1)}.preview p[data-v-326172fd]{margin:0;margin-bottom:24px}.preview h3[data-v-326172fd]{font-weight:500;line-height:1em;margin:0;padding:0;margin-bottom:24px}.preview label[data-v-326172fd]{cursor:pointer;margin-right:24px}.preview label[disabled=disabled][data-v-326172fd]{color:rgba(0,0,0,.3);cursor:not-allowed}.preview[data-v-326172fd] .compiler{padding:30px}.preview[data-v-326172fd] .compiler h3{display:none}.preview[data-v-326172fd] .compiler .entry textarea{line-height:1.6;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#3e3e3e;min-height:400px}.preview[data-v-326172fd] .compiler .entry textarea,.preview[data-v-326172fd] .compiler .preview>div{padding:24px}.bg-blue{background-color:#1e88e5}.b-blue{border-color:#1e88e5}.blue{color:#1e88e5}.bg-red{background-color:#f44336}.b-red{border-color:#f44336}.red{color:#f44336}.bg-orange{background-color:#ff9800}.b-orange{border-color:#ff9800}.orange{color:#ff9800}.bg-yellow{background-color:#fdd835}.b-yellow{border-color:#fdd835}.yellow{color:#fdd835}.bg-green{background-color:#1b840e}.b-green{border-color:#1b840e}.green{color:#1b840e}.bg-purple{background-color:#ab47bc}.b-purple{border-color:#ab47bc}.purple{color:#ab47bc}.bg-black{background-color:#000}.b-black{border-color:#000}.black{color:#000}.bg-white{background-color:#fff}.b-white{border-color:#fff}.white{color:#fff}.bg-pink{background-color:#ec407a}.b-pink{border-color:#ec407a}.pink{color:#ec407a}.bg-pink0{background-color:#f8bbd0}.b-pink0{border-color:#f8bbd0}.pink0{color:#f8bbd0}.bg-pink1{background-color:#f06292}.b-pink1{border-color:#f06292}.pink1{color:#f06292}.bg-pink2{background-color:#e91e63}.b-pink2{border-color:#e91e63}.pink2{color:#e91e63}body,html{padding:0;margin:0;background:#f4f7fa}*{-webkit-box-sizing:border-box;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#3e3e3e}