/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ab777ae7],[data-v-ab777ae7]:before,[data-v-ab777ae7]:after,[data-v-ab777ae7]::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-duration:initial;--tw-leading:initial}}}.color-picker-comp[data-v-ab777ae7]{border-radius:var(--radius,calc(var(--spacing) * 4));align-items:center;display:flex}.color-preview[data-v-ab777ae7]{aspect-ratio:1;width:calc(var(--spacing,.0625rem) * 25);cursor:pointer;border-radius:var(--radius,calc(var(--spacing) * 4));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:relative}.color-preview[data-v-ab777ae7] :hover{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.color-box[data-v-ab777ae7]{border-radius:var(--radius,calc(var(--spacing) * 4));width:100%;height:100%}.color-picker-popup[data-v-ab777ae7]{z-index:51;border-radius:var(--radius,calc(var(--spacing) * 4));background-color:var(--color-secondary,oklch(20.44% 0 0));padding:calc(var(--spacing,.0625rem) * 10)}.color-controls[data-v-ab777ae7]{gap:calc(var(--spacing,.0625rem) * 10);flex-direction:column;display:flex}.color-area[data-v-ab777ae7]{height:calc(var(--spacing,.0625rem) * 100);width:calc(var(--spacing,.0625rem) * 170);cursor:pointer;border-radius:var(--radius,calc(var(--spacing) * 4));background:linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, transparent), var(--v6fed177e);position:relative}.hue-slider[data-v-ab777ae7],.alpha-slider[data-v-ab777ae7]{height:calc(var(--spacing,.0625rem) * 20);width:calc(var(--spacing,.0625rem) * 170);cursor:pointer;border-radius:var(--radius,calc(var(--spacing) * 4));position:relative}.hue-slider[data-v-ab777ae7]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-pointer[data-v-ab777ae7]{height:calc(var(--spacing,.0625rem) * 8);width:calc(var(--spacing,.0625rem) * 8);border-radius:var(--radius,calc(var(--spacing) * 4));border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-font,oklch(100% 0 0));position:absolute;transform:translate(-50%,-50%)}.hue-pointer[data-v-ab777ae7],.alpha-pointer[data-v-ab777ae7]{top:calc(var(--spacing,.0625rem) * 0);height:calc(var(--spacing,.0625rem) * 20);width:calc(var(--spacing,.0625rem) * 4);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-contrast,oklch(100% 0 0));background-color:var(--color-font,oklch(100% 0 0));position:absolute;transform:translate(-50%)}.color-values[data-v-ab777ae7]{margin-top:calc(var(--spacing,.0625rem) * 10);justify-content:center;align-items:center;gap:calc(var(--spacing,.0625rem) * 5);display:flex}.numeric-field[data-v-ab777ae7],.rgb-fields[data-v-ab777ae7]{width:calc(var(--spacing,.0625rem) * 170);border-radius:var(--radius,calc(var(--spacing) * 4));background-color:var(--color-primary,oklch(14.94% 0 0));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:var(--duration);transition-duration:var(--duration);justify-content:center;align-items:center;display:flex}.numeric-field-input[data-v-ab777ae7],.rgb-fields .numeric-field-input[data-v-ab777ae7]{height:calc(var(--spacing,.0625rem) * 15);cursor:text;--tw-border-style:none;text-align:center;width:100%;font-size:var(--text-base,calc(var(--spacing) * 14));line-height:var(--tw-leading,var(--text-base--line-height,normal));color:var(--color-font,oklch(100% 0 0));--tw-outline-style:none;background-color:#0000;border-style:none;outline-style:none}.cp-icon-container[data-v-ab777ae7]{cursor:pointer;padding:calc(var(--spacing,.0625rem) * 5);--tw-leading:calc(var(--spacing,.0625rem) * 0);line-height:calc(var(--spacing,.0625rem) * 0)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}