.margin-bottom24[data-v-da6436f8]{margin-bottom:24px}.color-span[data-v-da6436f8]{display:inline-block;width:30px;height:30px;border-radius:16px;border:1px solid #f5f5f5;margin-right:12px;margin-bottom:10px;cursor:pointer;position:relative}.color-span.active[data-v-da6436f8]{border:1px solid orange}.duty-span[data-v-da6436f8]{padding:4px 8px;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;display:inline-block;margin-right:8px;cursor:pointer}.duty-span.active[data-v-da6436f8]{border:1px solid orange}.add-color-btn[data-v-da6436f8]{margin-left:12px;height:30px}.color-picker-container[data-v-da6436f8]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:10px}.color-picker[data-v-da6436f8]{width:100%;height:40px;margin-bottom:12px;cursor:pointer}.color-value[data-v-da6436f8]{margin-bottom:20px;font-weight:700;font-size:16px}.delete-color[data-v-da6436f8]{position:absolute;top:-8px;right:-8px;width:16px;height:16px;line-height:14px;text-align:center;background-color:#fff;border-radius:50%;font-size:14px;color:red;border:1px solid #f0f0f0;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer}.colors-container[data-v-da6436f8]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}