.spritesmith-top[data-v-8f4da138]{border-radius:5px;background:url(https://code-nav.top/statics/img/webinfo/tooltopbg.jpg);line-height:140px;margin:20px 0 10px;text-align:center;background-size:cover}.spritesmith-top h1[data-v-8f4da138],.spritesmith-top h2[data-v-8f4da138]{font-size:30px;color:#fdeb1b}.spritesmith-content[data-v-8f4da138]{width:100%;background:#fff;display:flex;position:relative;min-height:500px}.spritesmith-content .spin[data-v-8f4da138]{position:absolute;left:0;right:0;top:220px;bottom:0;margin:0 auto}.spritesmith-content .css-container[data-v-8f4da138]{width:50%;padding:20px;min-height:500px}.img-container[data-v-8f4da138]{padding:20px}.img-container img[data-v-8f4da138]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEWgoKD///+BiQigAAAAEUlEQVQI12NgP8CAjH4wICMAfIMIvOGvGm0AAAAASUVORK5CYII=) repeat;max-width:100%;border:1px solid rgba(0,0,0,.08)}.operate-container[data-v-8f4da138]{width:100%;display:flex;background:#fff;justify-content:space-between;margin:10px 0;padding:20px 50px}.submit[data-v-8f4da138]{min-width:120px;text-align:center;line-height:40px;cursor:pointer;color:#fff;border-radius:3px;background:#15bc83}.submit button[data-v-8f4da138]{width:100%;height:43px;color:#fff;background:#15bc83;white-space:nowrap}.sprite-bg[data-v-8f4da138]{width:100%;font-size:70px;color:#efefef;text-align:center;margin-top:175px}.upload-attr[data-v-8f4da138]{flex:1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.button-container[data-v-8f4da138]{display:flex;justify-content:space-around;gap:100px;flex-shrink:0}.upload-type[data-v-8f4da138]{flex:1;min-width:200px;display:flex}.upload-type label[data-v-8f4da138]{flex-shrink:0;margin-right:8px;font-size:16px;line-height:40px}.upload-padding[data-v-8f4da138]{width:140px;flex-shrink:0;display:flex}.upload-padding label[data-v-8f4da138]{flex-shrink:0;margin-right:8px;font-size:16px;line-height:40px}.upload-padding div[data-v-8f4da138]{flex:1;line-height:40px}