.color-picker-modal[data-v-75f25377]{background:#fff;border-radius:4px;box-shadow:0 4px 20px #00000026;outline:none;position:fixed;width:240px;z-index:1000}.color-picker-modal .modal-header[data-v-75f25377]{align-items:center;border-bottom:1px solid rgba(49,52,57,.06);display:flex;justify-content:space-between;padding:8px 12px;position:relative}.color-picker-modal .modal-header .modal-tabs[data-v-75f25377]{display:flex;gap:4px}.color-picker-modal .modal-header .modal-tabs .tab-item[data-v-75f25377]{border-radius:3px;color:#31343999;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.color-picker-modal .modal-header .modal-tabs .tab-item[data-v-75f25377]:hover{background:#31343908;color:#313439d9}.color-picker-modal .modal-header .modal-tabs .tab-item.active[data-v-75f25377]{background:#31343914;color:#313439;font-weight:500}.color-picker-modal .modal-header .close-btn[data-v-75f25377]{align-items:center;background:transparent;border:none;border-radius:3px;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.color-picker-modal .modal-header .close-btn .close-icon[data-v-75f25377]{color:#31343999;height:16px;width:16px}.color-picker-modal .modal-header .close-btn[data-v-75f25377]:hover{background:#3134390f}.color-picker-modal .modal-header .close-btn:hover .close-icon[data-v-75f25377]{color:#313439}.color-picker-modal .modal-body[data-v-75f25377]{padding:0}