.color-modal-container[data-v-16c94f19]{background:#fff;border-radius:3px;box-shadow:0 4px 20px #00000026;outline:none;position:fixed;transform:translate(calc(-100% - 8px));width:240px;z-index:999}.color-modal-container .modal-header[data-v-16c94f19]{align-items:center;border-bottom:1px solid rgba(49,52,57,.06);box-sizing:border-box;display:flex;height:40px;justify-content:space-between;padding:0 12px 0 16px;width:100%}.color-modal-container .modal-header .title[data-v-16c94f19]{color:#313439;font-size:12px}.color-modal-container .modal-header .tab-area[data-v-16c94f19]{display:flex;flex-direction:row;gap:4px}.color-modal-container .modal-header .tab-area .tab-item[data-v-16c94f19]{align-items:center;border-radius:3px;color:#313439b3;display:flex;font-family:"OPPO Sans 4.0";font-size:12px;font-style:normal;font-weight:400;gap:4px;height:28px;justify-content:center;line-height:18px;padding:0 8px}.color-modal-container .modal-header .tab-area .tab-item.active[data-v-16c94f19]{background:#3134390f;color:#313439;font-weight:500}.color-modal-container .modal-header .close-btn[data-v-16c94f19]{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.color-modal-container .modal-header .close-btn[data-v-16c94f19]:hover{background:#31343908}.color-modal-container .modal-header .close-btn .close-icon[data-v-16c94f19]{height:16px;width:16px}.color-modal-container .modal-body[data-v-16c94f19]{box-sizing:border-box}.color-modal-container .modal-body .modal-item[data-v-16c94f19]{display:flex;flex-direction:column;gap:8px;padding:8px 16px 12px;position:relative}.color-modal-container .modal-body .modal-item.color-picker[data-v-16c94f19]{padding:unset;padding-bottom:6px}.color-modal-container .modal-body .modal-item[data-v-16c94f19]:after{background:#3134390f;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.color-modal-container .modal-body .modal-item[data-v-16c94f19]:last-child{padding-bottom:16px}.color-modal-container .modal-body .modal-item[data-v-16c94f19]:last-child:after{display:none}.color-modal-container .modal-body .modal-item .label[data-v-16c94f19]{color:#313439b3;font-family:"OPPO Sans 4.0";font-size:11px;font-style:normal;font-weight:400;line-height:18px}.color-modal-container .modal-body .modal-item .list[data-v-16c94f19]{display:flex;flex-direction:row;flex-wrap:wrap;gap:6.8px;justify-content:flex-start}.color-modal-container .modal-body .modal-item .list .color-block[data-v-16c94f19]{background:var(--color-value);border-radius:2px;height:20px;position:relative;width:20px}.color-modal-container .modal-body .modal-item .list .color-block[data-v-16c94f19]:after{border:1px solid rgba(49,52,57,.12);border-radius:inherit;content:"";inset:0;position:absolute}.color-modal-container .modal-body .modal-item .list .color-block[data-v-16c94f19]:hover:before{border:1px solid rgba(49,52,57,.2);border-radius:inherit;box-sizing:border-box;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}.color-modal-container .modal-body .modal-item .list .color-block[data-v-16c94f19]:hover:after{border:1px solid #fff}.color-modal-container .modal-body .modal-item .list.collect[data-v-16c94f19]{flex-wrap:wrap;gap:8px 4.5px;justify-content:flex-start}.color-modal-container .modal-body .modal-item .list.collect .color-block[data-v-16c94f19]{border-radius:50%;display:flex;height:22px;width:22px}.color-modal-container .modal-body .modal-item .list.collect .color-block[data-v-16c94f19]:after{border:1px solid rgba(49,52,57,.12);border-radius:inherit;content:"";inset:0;position:absolute}.color-modal-container .modal-body .modal-item .list.collect .color-block[data-v-16c94f19]:hover:before{border:1px solid rgba(49,52,57,.2);border-radius:inherit;box-sizing:border-box;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}.color-modal-container .modal-body .modal-item .list.collect .color-block[data-v-16c94f19]:hover:after{border:1px solid #fff}.color-modal-container .modal-body .modal-item .list .color-no-data[data-v-16c94f19]{color:#31343959;font-family:"OPPO Sans 4.0";font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-align:center;width:100%}.color-modal-container .modal-body .scroll-area[data-v-16c94f19]{max-height:142px}