.color-picker-container[data-v-765c399d]{width:100%;margin:10px auto;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.color-display[data-v-765c399d]{height:50px;margin-bottom:8px;border:1px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem;transition:border-color .3s}.color-name[data-v-765c399d]{margin-left:10px}.custom-dropdown[data-v-765c399d]{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid #ccc;border-radius:4px;cursor:pointer;position:relative;background-color:#f9f9f9;transition:background-color .3s}.custom-dropdown[data-v-765c399d]:hover{background-color:#e6e6e6}.color-swatch[data-v-765c399d]{width:30px;height:30px;border:1px solid #fff;border-radius:4px;margin-left:10px}.dropdown-icon[data-v-765c399d]{font-size:1rem;transition:transform .3s}.dropdown-icon.rotate[data-v-765c399d]{transform:rotate(180deg)}.dropdown-options[data-v-765c399d]{position:absolute;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;z-index:10;max-height:250px;overflow-y:auto;box-shadow:0 4px 15px #0003}.dropdown-option[data-v-765c399d]{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background-color .2s}.dropdown-option[data-v-765c399d]:hover,.dropdown-option[data-v-765c399d]:focus{background-color:#d0e8ff}.dropdown-option.selected[data-v-765c399d]{background-color:#b3d7ff;font-weight:700}.fade-enter-active[data-v-765c399d],.fade-leave-active[data-v-765c399d]{transition:opacity .3s}.fade-enter[data-v-765c399d],.fade-leave-to[data-v-765c399d]{opacity:0}.search-bar[data-v-765c399d]{width:100%;padding:5px;margin-bottom:5px;border:1px solid #ccc;border-radius:4px}