.navbar{background-color:#f5fffa}.btn{display:block;height:87px;background-color:#575756;margin-bottom:3px;padding:0;border-radius:0;border:none;width:100%}.btn.active{box-shadow:inset 0 0 0 4px #e94e1b}.btn.mirror.active{background:#e94e1b}.btn[disabled]{opacity:.5;pointer-events:none}.btn-primary{background-color:#3cb371}input{width:3rem}.skin-editor{border-radius:6px}.toolbar{width:90px}.toolbar ul{padding:0;margin:0;list-style:none}.toolbar li{display:block;margin-bottom:10px}.toolbar a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;line-height:30px;width:58px;height:58px;margin:0 auto;font-size:14px;border-radius:6px;color:#484848}.toolbar a.active,.toolbar a:hover{background:#6c5ce7;color:#fff;box-shadow:none}.toolbar .sm-label{font-size:11px;text-transform:none;color:#767676;padding:5px 0;text-align:center}.btn-reset{text-align:center;cursor:pointer;color:#fff;background:#bfbfbf;padding:4px 12px;font-size:12px;display:block}.toolbar-sp{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.toolbar-sp ul{display:inline-block}@media (max-width:767px){.toolbar{width:100%}.toolbar ul li{margin:0}.toolbar .btn{display:-webkit-flex;display:flex;width:43px;height:43px;margin-left:1px;margin-bottom:1px}.toolbar .btn.mirror{height:87px}.toolbar .btn-reset{display:-webkit-flex;display:flex;width:43px;height:43px;padding:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-left:1px}.toolbar .btn.btn-tools img{width:70px;margin-left:-10px}.toolbar .btn.btn-fix img{width:70px;margin-left:-4px;height:76px;margin-top:-19px}.renderer-canvas{height:400px!important}}.drawing-canvas{z-index:3000;width:256px;height:256px;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.renderer-canvas{width:100%;height:800px;display:block;cursor:crosshair}@media (max-width:767px){#container{margin-top:40px}#import-canvas,.drawing-canvas,.renderer-canvas{width:100%}}.picker{-webkit-flex:1 0 300px;flex:1 0 300px}.item-list{display:block;padding:20px;margin:0;list-style:none}.item-list li{list-style:none;margin-bottom:30px}.body-part{margin:5px;cursor:pointer;border:2px solid orange;background:#fff}.body-part.head{width:49px;height:46px}.body-part.body{width:49px;height:62px}.body-part.arm{width:22px;height:62px}.body-part.leg{width:24px;height:62px}.body-part.disabled{border-color:#c8c8c8}.color-picker{padding:20px;border:1px solid #ccc;display:grid;grid-gap:20px;gap:20px}.react-picker{padding-top:100%;position:relative}.react-picker .react-colorful{position:absolute;top:0;left:0;width:100%;height:100%}.circle-picker{text-align:center}.circle-picker input{width:74px;height:74px;font-weight:700;font-size:13.33px;border:2px solid #d9d9d9;border-radius:50%;box-shadow:none;outline:none;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;text-align:center;color:#fff}.select-model{background:#bfbfbf;padding:4px;border-radius:0;border:1px solid #c8c8c8}.btn-part,.select-model{color:#fff;font-size:11px}.btn-part{background:#565657;font-weight:700;padding:5px 12px;margin:0 2px 12px;cursor:pointer}.btn-part.active{background:#e94e1b}.import-modal{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:300px;min-height:150px;padding:30px 16px;background-color:silver;border:2px solid #000;z-index:9999;overflow:auto;text-align:center}.import-modal.show{display:block}.import-modal .title{text-align:center;font-size:20px;color:#000;margin-bottom:27px}.import-modal .options{font-size:15px;list-style:none;padding:0;margin:0;display:grid;grid-gap:10px}.import-modal .option{cursor:pointer;color:#000}.import-modal .option.active{font-weight:700;color:green}@media (max-width:767px){.color-picker{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border:none;padding:0 54px;height:auto}.circle-picker input{width:68px;height:68px}.color-picker .react-picker{width:100%;padding-top:67%}.picker .btn.flex-center{width:54px;height:54px}.picker .btn.flex-center img{height:32px}.picker .btn.flex-center .small{font-size:8px}.picker .item-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.picker .item-list li:first-child,.picker .item-list li:last-child{width:100%}.picker .body-parts{margin-right:20px}.body-part.head{width:40px;height:40px}.body-part.arm{width:18px;height:54px}.body-part.body{width:40px;height:54px}.body-part.leg{width:18px;height:54px}.body-part{margin:2px}}.app{background:#ededed;padding:20px 0}.flex-center{display:-webkit-flex!important;display:flex!important;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media (max-width:767px){.app-layout{display:block!important}}
/*# sourceMappingURL=main.5499e8f2.chunk.css.map */