.add-new{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:96vw;height:24vw;margin:2.13333vw auto;color:#d46791;border:1px solid #d46791;-webkit-box-sizing:border-box;box-sizing:border-box}.add-new .pencil-add{width:6.4vw;height:6.4vw;margin:2.13333vw}.add-new span{font-size:3.73333vw}.item[data-v-89b3d344]{display:-webkit-box;display:-ms-flexbox;display:flex;width:96vw;height:21.33333vw;margin:2.13333vw auto;background-color:#fff;border:1px solid #e9e9e9;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.item .thumb[data-v-89b3d344]{width:21.33333vw;height:21.33333vw;background-color:#eee;background-size:contain;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated}.item .info[data-v-89b3d344]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:1.6vw}.item .info .title[data-v-89b3d344]{font-size:3.73333vw;color:#4a4a4a;padding:1.06667vw 0}.item .info .meta[data-v-89b3d344]{font-size:3.2vw;color:#9b9b9b}.item .info .color-chip[data-v-89b3d344]{position:absolute;right:0;bottom:0;width:72.53333vw;height:4.26667vw}.item.active[data-v-89b3d344]{-webkit-transform:translateX(-32vw);transform:translateX(-32vw)}.item.active .action[data-v-89b3d344]{display:-webkit-box;display:-ms-flexbox;display:flex}.item .action[data-v-89b3d344]{display:none;position:absolute;left:100%;height:21.33333vw;padding:.53333vw}.item .action .btn[data-v-89b3d344],.item .action[data-v-89b3d344]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item .action .btn[data-v-89b3d344]{display:-webkit-box;display:-ms-flexbox;display:flex;width:16vw;height:100%}.item .action .btn .icon[data-v-89b3d344]{width:6.93333vw;height:6.93333vw;color:#fff}.item .action .rename[data-v-89b3d344]{background:#f0ad4e}.item .action .delete[data-v-89b3d344]{background:#bb2124}.new-canvas[data-v-47325ac9]{position:fixed;top:0;width:100vw;height:100vh;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;background:rgba(0,0,0,.6)}.new-canvas .modal[data-v-47325ac9]{position:relative;width:77.33333vw;height:72vw;background:#fff}.new-canvas .modal .title-bar[data-v-47325ac9]{height:12.26667vw;line-height:12.26667vw;border-bottom:.53333vw solid #d46791}.new-canvas .modal .title-bar .title[data-v-47325ac9]{width:100%;height:100%;padding-left:2.66667vw;font-size:4.26667vw;letter-spacing:.05em;color:#d46791;border:0;outline:none}.new-canvas .modal .mod[data-v-47325ac9]{margin:0 3.2vw 3.2vw;color:#4a4a4a}.new-canvas .modal .mod .type[data-v-47325ac9]{font-size:3.73333vw;padding:2.13333vw 0}.new-canvas .modal .mod .arrow[data-v-47325ac9]{position:relative}.new-canvas .modal .mod .arrow[data-v-47325ac9]:after{content:"";position:absolute;top:calc(50% - .8vw);right:3.2vw;display:block;border:1.6vw solid transparent;border-top-color:#9b9b9b}.new-canvas .modal .brush .name[data-v-47325ac9]{font-size:3.2vw;padding:1.33333vw 0}.new-canvas .modal .brush .brushes[data-v-47325ac9]{height:13.86667vw;border:1px solid #e9e9e9;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.new-canvas .modal .brush .brushes .color-chip[data-v-47325ac9]{width:60.8vw;height:11.73333vw;margin-left:1.06667vw}.new-canvas .modal .brush .brush-list[data-v-47325ac9]{position:absolute;background:#fafafa;top:20vw;width:71.46667vw;height:68.26667vw;border:1px solid #f2f2f2;-webkit-box-shadow:0 .53333vw 4.26667vw rgba(0,0,0,.12);box-shadow:0 .53333vw 4.26667vw rgba(0,0,0,.12);z-index:2;overflow-y:scroll}.new-canvas .modal .brush .brush-list .item[data-v-47325ac9]{padding:2.13333vw}.new-canvas .modal .brush .brush-list .item .color-chip[data-v-47325ac9]{width:65.6vw;height:11.73333vw;margin-left:1.06667vw}.new-canvas .modal .size .size-list[data-v-47325ac9]{height:8.53333vw;border:1px solid #e9e9e9;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.new-canvas .modal .size .size-list select[data-v-47325ac9]{width:100%;height:100%;font-size:3.2vw;padding-left:1.06667vw;background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.new-canvas .modal .size .size-list select option[data-v-47325ac9]{background:transparent;border:0;outline:none}.new-canvas .modal .create[data-v-47325ac9]{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:74.66667vw;height:11.73333vw;margin:0 auto;color:#d46791;border:1px solid #d46791;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:4.26667vw;font-weight:600;font-variant-caps:petite-caps}.disable-move[data-v-c22af39a]{position:fixed;width:100vw}