.hb-color-picker[data-v-54586441]{display:inline-block;position:relative}.hb-color-picker__trigger[data-v-54586441]{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:32px}.hb-color-picker__trigger[data-v-54586441]:hover{transform:translateY(-2px)}.hb-color-picker__no-color[data-v-54586441]{inset:0;position:absolute}.hb-color-picker__icon[data-v-54586441]{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;opacity:1;position:absolute;width:100%;z-index:1}.hb-color-picker svg[data-v-54586441]{filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.hb-color-picker__container[data-v-54586441]{animation:fadeInPicker-54586441 .2s ease forwards;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;opacity:0;overflow:hidden;position:fixed;transition:top .2s ease,left .2s ease,opacity .15s ease;width:240px;z-index:9999}@keyframes fadeInPicker-54586441{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hb-color-picker__header[data-v-54586441]{align-items:center;display:flex}.hb-color-picker__header .hb-color-picker__preview[data-v-54586441]{border:2px solid hsla(0,0%,100%,.5);border-radius:4px;height:24px;width:24px}.hb-color-picker__header .hb-color-picker__close[data-v-54586441]{align-items:center;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center}.hb-color-picker__header .hb-color-picker__close[data-v-54586441]:hover{background:#fff3}.hb-color-picker__body[data-v-54586441]{background-color:#111;width:100%}.hb-color-picker__value-container[data-v-54586441]{background-color:#111;border-top:1px solid var(--gray-200);color:#fff;font-size:12px;height:60px;padding:12px}.hb-color-picker__input-wrapper[data-v-54586441]{align-items:center;background-color:#ffffff1a;border-radius:var(--radius-lg);display:flex;justify-content:center;margin:0 auto;padding:4px 8px;width:80px!important}.hb-color-picker__hash[data-v-54586441]{margin-right:2px}.hb-color-picker__hash[data-v-54586441],.hb-color-picker__input[data-v-54586441]{color:#fff;font-family:monospace;font-size:14px}.hb-color-picker__input[data-v-54586441]{background:transparent;border:none;outline:none;text-align:left;width:100%}.hb-color-picker__input[data-v-54586441]::-moz-placeholder{color:#ffffff80}.hb-color-picker__input[data-v-54586441]::placeholder{color:#ffffff80}.hb-color-picker__saturation[data-v-54586441]{border-radius:var(--radius-md);cursor:crosshair;height:120px;overflow:hidden;position:relative;width:100%}.hb-color-picker__saturation-black[data-v-54586441],.hb-color-picker__saturation-white[data-v-54586441]{inset:0;position:absolute}.hb-color-picker__saturation-black[data-v-54586441]{background:linear-gradient(180deg,transparent,#000)}.hb-color-picker__saturation-pointer[data-v-54586441]{border-radius:50%;box-shadow:0 0 2px #00000080;height:12px;pointer-events:none;position:absolute;transform:translate(-6px,-6px);width:12px}.hb-color-picker__hue-container[data-v-54586441]{padding-bottom:0}.hb-color-picker__hue[data-v-54586441]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;height:30px;position:relative;width:100%}.hb-color-picker__hue-pointer[data-v-54586441]{background-color:var(--v5ae12d1d);border:3px solid #fff;border-radius:50%;height:40px;pointer-events:none;position:absolute;top:5px;transform:translateY(-20px);width:40px;z-index:1000}.hb-color-palette[data-v-ee130a20]{margin-bottom:3rem;padding-top:.5rem}.color-container[data-v-ee130a20]{align-items:center;display:flex;flex-wrap:nowrap;gap:12px}.color-item[data-v-ee130a20]{align-items:center;display:inline-flex;transition:transform .2s ease}.color-item[data-v-ee130a20]:not(.custom-color-container):hover{transform:scale(1.1);z-index:1}.color-box[data-v-ee130a20]{align-items:center;border:2px solid;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.color-box-custom[data-v-ee130a20]{border:none;color:#666;position:relative}.color-box-custom[data-v-ee130a20]:after{border:2px solid transparent;border-radius:50%;inset:-2px;z-index:1}.color-box-custom[data-v-ee130a20]:after,.color-box-custom[data-v-ee130a20]:before{content:"";pointer-events:none;position:absolute}.color-box-custom[data-v-ee130a20]:before{background:conic-gradient(from 135deg,#e43a3a,#e0ca53 45deg,#67c745,#42daa3 145deg,#31bbe7 190deg,#3851d6 230deg,#8f00ff 280deg,#e736a0,#c94949 1turn);border-radius:50%;inset:-4px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;z-index:0}.color-box-custom[data-v-ee130a20]:hover{transform:scale(1.05)}.color-checkmark[data-v-ee130a20]{align-items:center;display:flex;height:100%;justify-content:center}.color-icon[data-v-ee130a20]{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;position:relative;z-index:10}.color-icon svg[data-v-ee130a20]{filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.custom-color-container[data-v-ee130a20]{height:32px;position:relative}.custom-picker-wrapper[data-v-ee130a20]{height:32px;position:relative;width:32px}.custom-picker-wrapper .color-box-custom[data-v-ee130a20]{cursor:pointer;left:0;position:absolute;top:0;transition:transform .2s ease;z-index:10}.custom-picker-wrapper .color-box-custom[data-v-ee130a20]:hover{transform:scale(1.1)}.hidden-picker[data-v-ee130a20]{height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.hidden-picker [data-v-ee130a20] .hb-color-picker__trigger{opacity:0;pointer-events:none}.hidden-picker [data-v-ee130a20] .hb-color-picker__container{opacity:1!important;pointer-events:all!important}.hb-tooltip-container[data-v-2e01bc7c]{display:inline-block;position:relative}.hb-tooltip[data-v-2e01bc7c]{border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:300px;padding:.5rem;pointer-events:none;position:absolute;z-index:50}.hb-tooltip__content[data-v-2e01bc7c]{font-size:var(--text-xs);line-height:1.4;white-space:normal;word-wrap:break-word}.hb-tooltip--top[data-v-2e01bc7c]{bottom:100%;left:50%;margin-bottom:.5rem;transform:translate(-50%) translateY(-.5rem)}.hb-tooltip--bottom[data-v-2e01bc7c]{left:50%;margin-top:.5rem;top:100%;transform:translate(-50%) translateY(.5rem)}.hb-tooltip--left[data-v-2e01bc7c]{margin-right:.5rem;right:100%;top:50%;transform:translate(-.5rem) translateY(-50%)}.hb-tooltip--right[data-v-2e01bc7c]{left:100%;margin-left:.5rem;top:50%;transform:translate(.5rem) translateY(-50%)}.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{height:.5rem;position:absolute;transform:rotate(45deg);width:.5rem}.hb-tooltip--top.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{bottom:-.25rem;left:50%;margin-left:-.25rem}.hb-tooltip--bottom.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{left:50%;margin-left:-.25rem;top:-.25rem}.hb-tooltip--left.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{margin-top:-.25rem;right:-.25rem;top:50%}.hb-tooltip--right.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{left:-.25rem;margin-top:-.25rem;top:50%}.hb-tooltip--dark[data-v-2e01bc7c]{color:#fff}.hb-tooltip--dark[data-v-2e01bc7c],.hb-tooltip--dark.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{background-color:var(--gray-800)}.hb-tooltip--light[data-v-2e01bc7c]{background-color:#fff;border:1px solid var(--gray-200);color:var(--gray-800)}.hb-tooltip--light.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{background-color:#fff;border:1px solid var(--gray-200);border-left:none;border-top:none}.hb-tooltip--primary[data-v-2e01bc7c]{color:#fff}.hb-tooltip--primary[data-v-2e01bc7c],.hb-tooltip--primary.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{background-color:var(--primary-500)}.hb-tooltip--success[data-v-2e01bc7c]{color:#fff}.hb-tooltip--success[data-v-2e01bc7c],.hb-tooltip--success.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{background-color:var(--success-500)}.hb-tooltip--danger[data-v-2e01bc7c]{color:#fff}.hb-tooltip--danger[data-v-2e01bc7c],.hb-tooltip--danger.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{background-color:var(--danger-500)}.hb-tooltip--warning[data-v-2e01bc7c]{color:#fff}.hb-tooltip--warning[data-v-2e01bc7c],.hb-tooltip--warning.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{background-color:var(--warning-500)}.hb-tooltip--info[data-v-2e01bc7c]{color:#fff}.hb-tooltip--info[data-v-2e01bc7c],.hb-tooltip--info.hb-tooltip--arrow .hb-tooltip__arrow[data-v-2e01bc7c]{background-color:var(--info-500)}.hb-color-palette-locked[data-v-078f0d89]{margin-bottom:3rem;padding-top:.5rem}.tooltip-content[data-v-078f0d89]{display:inline-block;max-width:none;padding:2px 4px;white-space:nowrap}.color-item[data-v-078f0d89] .hb-tooltip{max-width:none!important;width:-moz-max-content;width:max-content}.color-item[data-v-078f0d89] .hb-tooltip__content{white-space:nowrap}.color-container[data-v-078f0d89]{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:12px}.color-item[data-v-078f0d89]{align-items:center;display:inline-flex}.color-swatch[data-v-078f0d89]{cursor:not-allowed;position:relative}.color-swatch.locked[data-v-078f0d89]{opacity:.7}.color-box[data-v-078f0d89]{align-items:center;border:2px solid;border-color:inherit;border-radius:50%;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.lock-icon[data-v-078f0d89]{color:#333}.check-icon[data-v-078f0d89],.lock-icon[data-v-078f0d89]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:10}.check-icon[data-v-078f0d89]{color:#fff}.locked-message[data-v-078f0d89]{align-items:center;background:var(--primary-900);border:1px solid var(--primary-800);border-radius:var(--radius-md);color:var(--gray-400);display:flex;font-size:.875rem;gap:8px;margin:0;padding:12px}.locked-message svg[data-v-078f0d89]{color:var(--gray-500);flex-shrink:0}@media(prefers-color-scheme:dark){.lock-icon[data-v-078f0d89]{color:#9ca3af}}