.color-picker-hud[data-v-aa48325c]{align-items:center;background:#00000040;display:flex;inset:0;justify-content:center;position:fixed}.color-picker-panel[data-v-aa48325c]{background:#55524f;border:4px solid #72b6ff;border-radius:20px;box-shadow:3px 10px 20px #fb5d0f33;max-height:90vh;padding:.9375rem;width:min(375px,75vw)}.color-picker-section[data-v-aa48325c]{margin-bottom:.75rem}.hue-row[data-v-aa48325c]{align-items:center;gap:.5rem}.hue-row[data-v-aa48325c],.preset-swatches[data-v-aa48325c]{display:flex;flex-direction:row}.preset-swatches[data-v-aa48325c]{flex-shrink:0;flex-wrap:nowrap;gap:.3125rem}.preset-swatch[data-v-aa48325c]{border:2px solid hsla(0,0%,100%,.9);border-radius:.25rem;box-shadow:0 1px 3px #00000059;cursor:pointer;flex-shrink:0;height:1.625rem;padding:0;width:1.625rem}.preset-swatch[data-v-aa48325c]:focus-visible{outline:2px solid #72b6ff;outline-offset:2px}.preset-swatch.active[data-v-aa48325c]{box-shadow:0 0 0 2px #72b6ff,0 1px 3px #00000059}.picker-label[data-v-aa48325c]{display:block;font-size:.9375rem;margin-bottom:.46875rem}.hue-canvas[data-v-aa48325c]{cursor:crosshair;flex:1;height:1.625rem;min-width:0;width:auto}.sv-canvas[data-v-aa48325c]{cursor:crosshair;height:15rem;width:100%}.color-picker-footer[data-v-aa48325c]{align-items:center;display:flex;gap:.6875rem;margin-top:.3125rem}.color-preview[data-v-aa48325c]{border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;height:1.75rem;width:1.75rem}.color-hex-input[data-v-aa48325c]{border:1px solid #d1d5db;border-radius:10px;flex:1;font-size:1.0625rem;min-width:0;padding:.15625rem .375rem}.btn.small[data-v-aa48325c]{background:#383635;border:1px solid #e9eef6;border-radius:10px;color:#fff;cursor:pointer;font-size:1.125rem;letter-spacing:.0625rem;line-height:1.6;padding:.125rem .625rem;white-space:nowrap}.btn.small[data-v-aa48325c]:hover{background:#010101;box-shadow:inset 2.5px 1.25px 3.75px #cfd7edbf;transform:scale(1.03)}