.swatch[data-v-aee17c6c]{display:flex;padding:8px 0}.color[data-v-aee17c6c]{background-color:#ccc;width:48px;height:48px;box-shadow:inset 0 2px 4px rgba(0,0,0,.08);border-radius:8px}.description[data-v-aee17c6c]{display:flex;flex-direction:column;justify-content:center;padding-left:8px;font-size:12px}.weight[data-v-aee17c6c]{font-weight:600}.color-name[data-v-aee17c6c]{opacity:.6}.palette[data-v-52d2795e]{position:relative;width:192px}.palette .title[data-v-52d2795e]{line-height:56px;font-size:20;font-weight:600}.palette:not(:hover) .over[data-v-52d2795e]{display:none}.over[data-v-52d2795e]{position:absolute;top:12px;right:32px}.over>div[data-v-52d2795e]{margin-bottom:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#f2f2f2;border-radius:4px;cursor:pointer}.over>div[data-v-52d2795e]:hover{background-color:#e2e2e2}.remove[data-v-52d2795e]{font-size:20px}.controls[data-v-52d2795e]{background:#f6f7f8;box-shadow:inset 0 2px 4px rgba(0,0,0,.08);margin-right:16px;border-radius:4px;padding:8px}.add-palette[data-v-1ab31d04]{width:192px;height:654px}.content[data-v-1ab31d04]{height:624px;background:#f6f7f8;box-shadow:inset 0 2px 4px rgba(0,0,0,.08);border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:center}.extra-top[data-v-1ab31d04]{margin-top:80px}*{box-sizing:border-box}#app,body,html{height:100%;overflow-y:hidden;overflow-x:auto;padding:0;margin:0}#app{font-family:sans-serif;display:flex;padding:64px}#app>*{flex-shrink:0}.title{font-weight:600;font-size:20px;opacity:.6}label{font-size:12px;line-height:24px;flex-grow:1}button,input[type=number],input[type=text]{border-radius:4px;height:32px;width:100%}input[type=number],input[type=text]{background:#fff;border:1px solid #e3e4e8;padding:0 4px}input[type=number]{text-align:right}button{border:none;font-weight:600}button:not(:disabled){background-color:#27af9f;color:#fff;cursor:pointer}button:not(:disabled):hover{background-color:#479f8f}.input-row{display:flex;padding-top:16px}.input-row>:not(:first-child){margin-left:8px}