@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap);*{font-family:Karla,sans-serif}body{margin:0;background:#f7f7f7}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}header{margin:0;height:56px;padding:0 16px 0 24px;background-color:#168be3;color:#fff}header span{display:block;position:relative;font-size:20px;line-height:1;letter-spacing:.02em;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:16px;text-align:center}header a{position:absolute;right:15px;margin-top:-25px}.hello[data-v-21cc8849]{padding:15px}.hello .grid-4[data-v-21cc8849]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:15px;margin-bottom:15px}.hello .grid-4 .card[data-v-21cc8849]{background:#fff;-webkit-box-shadow:0 3px 3px #ccc;box-shadow:0 3px 3px #ccc;border-radius:4px;text-align:center}.hello .grid-3[data-v-21cc8849]{display:grid;grid-template-columns:1fr 1fr 1fr}.hello .grid-3.summary[data-v-21cc8849]{grid-column-gap:15px;margin-bottom:15px}.hello .grid-3.summary .card[data-v-21cc8849]{border-radius:4px;text-align:center}.hello .grid-3 .card[data-v-21cc8849]{background:#fff;border:1px solid #ccc;max-width:100%}.hello .grid-3 .card>div h3[data-v-21cc8849]{background:#168be3;color:#fff;padding:10px;margin:0 0 15px;text-transform:uppercase;border:1px solid #168be3}.hello .grid-3 .card>div .card-body[data-v-21cc8849]{margin:15px}.hello .grid-3 .card>div .card-body .detail[data-v-21cc8849]{margin-bottom:25px}.hello .grid-3 .card>div .card-body .detail span[data-v-21cc8849]{display:block;text-transform:uppercase;font-size:14px}.hello .grid-3 .card>div .card-body .detail label[data-v-21cc8849]{font-weight:600;font-size:18px}.hello .grid-2[data-v-21cc8849]{display:grid;grid-template-columns:1fr 1fr}.hello .item-terjual span[data-v-21cc8849]{text-transform:uppercase;font-weight:600;font-size:14px}.hello .item-terjual ul[data-v-21cc8849]{list-style-type:none;padding:0;margin-top:10px}.hello .item-terjual ul li[data-v-21cc8849]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px}.hello .gap-15[data-v-21cc8849]{grid-column-gap:15px;grid-row-gap:15px}.hello .if-loading[data-v-21cc8849]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:250px}.hello .if-loading .loader[data-v-21cc8849]{border:6px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:70px;height:70px;-webkit-animation:spin-data-v-21cc8849 1s linear infinite;animation:spin-data-v-21cc8849 1s linear infinite}@-webkit-keyframes spin-data-v-21cc8849{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-21cc8849{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}canvas{width:100%}[data-v-4dde018e]{font-family:Karla,sans-serif}body[data-v-4dde018e]{margin:0;background:#f7f7f7}#app[data-v-4dde018e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}form[data-v-4dde018e]{width:400px;margin:100px auto auto;background:#fff;padding:25px 30px;-webkit-box-shadow:0 3px 3px #ccc;box-shadow:0 3px 3px #ccc}form h3[data-v-4dde018e]{margin:0 0 15px;text-align:center}form input[data-v-4dde018e]{border:1px solid #ccc;outline:none;padding:15px;width:calc(100% - 30px);margin-bottom:15px;-webkit-transition:all .3s ease;transition:all .3s ease}form input[data-v-4dde018e]:focus{border-color:#168be3}form button[data-v-4dde018e]{text-transform:uppercase;outline:none;background:#168be3;color:#fff;width:100%;border:0;padding:15px}form button[data-v-4dde018e]:disabled{background:#a1d2f7}