.color-select-container[data-v-cb75fc6b]{border-bottom:1px solid rgba(49,52,57,.06);margin:0 auto;width:calc(100% - 24px)}.color-select-container .color-title[data-v-cb75fc6b]{align-items:center;color:#313439d9;display:flex;font-size:11px;height:40px;justify-content:space-between;width:100%}.color-select-container .color-title .color-title-text[data-v-cb75fc6b]{padding-left:4px}.color-select-container .color-title .color-title-btns[data-v-cb75fc6b]{align-items:center;display:flex}.color-select-container .color-title .color-title-btns .btn[data-v-cb75fc6b]{cursor:pointer;height:16px;width:16px}.color-select-container .color-title .color-title-btns .btn-icon[data-v-cb75fc6b]{height:24px;margin-right:4px;width:24px}.color-select-container .color-title .color-title-btns .btn-icon .icon[data-v-cb75fc6b]{height:100%;padding:4px;width:100%}.color-select-container .color-title .color-title-btns .btn-icon.active[data-v-cb75fc6b]{background:#3134391f;border-radius:2px}.color-select-container .color-title .color-title-btns .btn-icon.active .icon[data-v-cb75fc6b]{color:#313439}.color-select-container .color-list[data-v-cb75fc6b]{display:flex;flex-direction:column;gap:4px;padding-bottom:12px}.color-select-container .color-list .color-item[data-v-cb75fc6b]{align-items:center;background:#fafafa;border:1px solid transparent;border-radius:3px;display:flex;height:28px;justify-content:space-between;width:100%}.color-select-container .color-list .color-item[data-v-cb75fc6b]:last-child{margin-bottom:12px}.color-select-container .color-list .color-item .left[data-v-cb75fc6b]{align-items:center;display:flex}.color-select-container .color-list .color-item .left .color-left[data-v-cb75fc6b]{align-items:center;border-radius:3px 0 0 3px;cursor:default;display:flex;height:28px;justify-content:center;position:relative;width:28px}.color-select-container .color-list .color-item .left .color-left[data-v-cb75fc6b]:hover{background-color:#31343908;position:relative}.color-select-container .color-list .color-item .left .color-left[data-v-cb75fc6b]:hover:before{background-color:#f6f6f6;border-radius:3px 0 0 3px;content:"";height:28px;left:-1px;position:absolute;top:0;width:3px}.color-select-container .color-list .color-item .left .color-left .color-block[data-v-cb75fc6b]{border:1px solid rgba(49,52,57,.12);border-radius:2px;height:20px;width:20px}.color-select-container .color-list .color-item .left .color-focus-left[data-v-cb75fc6b]{align-items:center;border-radius:3px 0 0 3px;cursor:default;display:flex;height:26px;justify-content:center;position:relative;width:28px}.color-select-container .color-list .color-item .left .color-focus-left[data-v-cb75fc6b]:hover{background-color:#31343908}.color-select-container .color-list .color-item .left .color-focus-left .color-block[data-v-cb75fc6b]{border-radius:3px;height:20px;width:20px}.color-select-container .color-list .color-item .left .color-text[data-v-cb75fc6b]{color:#313439;font-size:12px}.color-select-container .color-list .color-item .color-input[data-v-cb75fc6b]{align-items:center;display:flex;height:28px;padding-left:4px;width:168px}.color-select-container .color-list .color-item .color-input[data-v-cb75fc6b]:hover{background-color:#31343908}.color-select-container .color-list .color-item .color-input input[data-v-cb75fc6b]{cursor:default;width:100%}.color-select-container .color-list .color-item .color-focus-input[data-v-cb75fc6b]{align-items:center;display:flex;height:28px;padding-left:4px;width:168px}.color-select-container .color-list .color-item .color-focus-input input[data-v-cb75fc6b]{cursor:default;width:100%}.color-select-container .color-list .color-item .color-right[data-v-cb75fc6b]{align-items:center;border-radius:0 3px 3px 0;display:flex;height:28px;justify-content:center;width:24px}.color-select-container .color-list .color-item .color-right[data-v-cb75fc6b] *{cursor:pointer}.color-select-container .color-list .color-item .color-right[data-v-cb75fc6b]:hover{background-color:#fcfcfc;position:relative}.color-select-container .color-list .color-item .color-right[data-v-cb75fc6b]:hover:after{background-color:#fcfcfc;border-radius:0 3px 3px 0;content:"";height:28px;position:absolute;right:-1px;top:0;width:3px}.color-select-container .color-list .color-item .color-right .close-btn[data-v-cb75fc6b]{height:16px;width:16px}.color-select-container .color-list .color-item .color-focus-right[data-v-cb75fc6b]{align-items:center;border-radius:0 3px 3px 0;cursor:pointer;display:flex;height:26px;justify-content:center;width:24px}.color-select-container .color-list .color-item .color-focus-right[data-v-cb75fc6b]:hover{background-color:#fcfcfc}.color-select-container .color-list .color-item .color-focus-right .close-btn[data-v-cb75fc6b]{height:16px;width:16px}.color-select-container .color-list .focus[data-v-cb75fc6b]{border:1px solid #1989fa}.color-select-container .color-list .add-color[data-v-cb75fc6b]{align-items:center;background:#fafafa;border-radius:3px;box-sizing:border-box;display:flex;flex-direction:row;gap:4px;height:28px;padding-left:8px;width:100%}.color-select-container .color-list .add-color .add-icon[data-v-cb75fc6b]{color:#505256;height:16px;width:16px}.color-select-container .color-list .add-color .add-text[data-v-cb75fc6b]{color:#313439d9;font-family:"OPPO Sans 4.0";font-size:12px;font-style:normal;font-weight:400;line-height:18px}.color-select-container .color-list .add-color[data-v-cb75fc6b]:hover{background-color:#3134390f}