@layer fui.tokens,fui.base;@layer fui.components{.ColorPicker-module-scss-module__SIlv6q__wrapper{--fui-field-label-gap:var(--fui-raw-space-6,6px);--fui-field-message-gap:var(--fui-raw-space-4,4px);grid-template-columns:minmax(0,1fr);display:grid}.ColorPicker-module-scss-module__SIlv6q__label{font-size:var(--fui-type-body-compact-size,12px);line-height:var(--fui-type-body-compact-line,18px);font-weight:var(--fui-type-body-compact-weight,400);letter-spacing:var(--fui-type-body-compact-tracking,.005em);font-family:var(--fui-font-sans,system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif);text-wrap:pretty;font-weight:var(--fui-font-weight-semibold,600);color:var(--fui-text-primary,#1b1916);margin-block-end:var(--fui-field-label-gap,6px)}.ColorPicker-module-scss-module__SIlv6q__helper{font-size:var(--fui-type-caption-size,11px);line-height:var(--fui-type-caption-line,16px);font-weight:var(--fui-type-caption-weight,400);letter-spacing:var(--fui-type-caption-tracking,.005em);font-family:var(--fui-font-sans,system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif);margin-block:var(--fui-field-message-gap,4px) 0;color:var(--fui-text-secondary,#4f4b45)}.ColorPicker-module-scss-module__SIlv6q__error{font-size:var(--fui-type-caption-size,11px);line-height:var(--fui-type-caption-line,16px);font-weight:var(--fui-type-caption-weight,400);letter-spacing:var(--fui-type-caption-tracking,.005em);font-family:var(--fui-font-sans,system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif);margin-block:var(--fui-field-message-gap,4px) 0;color:var(--fui-color-danger-text,#a80400);align-items:center;gap:var(--fui-raw-space-4,4px);display:flex}.ColorPicker-module-scss-module__SIlv6q__errorIcon{inline-size:var(--fui-icon-xs,12px);block-size:var(--fui-icon-xs,12px);flex-shrink:0}.ColorPicker-module-scss-module__SIlv6q__controls{align-items:center;gap:var(--fui-raw-space-6,6px);display:flex}.ColorPicker-module-scss-module__SIlv6q__swatch{appearance:none;padding:var(--fui-raw-space-0,0);margin:var(--fui-raw-space-0,0);font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;background:0 0;border:none}.ColorPicker-module-scss-module__SIlv6q__swatch:disabled{cursor:not-allowed}.ColorPicker-module-scss-module__SIlv6q__swatch{--_fui-colorpicker-swatch:var(--fui-control-height-md,32px);box-sizing:border-box;inline-size:var(--_fui-colorpicker-swatch);block-size:var(--_fui-colorpicker-swatch);border:var(--fui-stroke-hairline,1px) solid var(--fui-field-border,#8b857d);border-radius:var(--fui-radius-control,5px);background-color:var(--_fui-colorpicker-value,transparent);cursor:pointer;flex-shrink:0}@media (hover:hover){.ColorPicker-module-scss-module__SIlv6q__swatch:hover:not(:disabled,[data-disabled],[aria-disabled=true],[readonly],[data-readonly],[aria-invalid=true],[data-invalid]){border-color:color-mix(in oklab, var(--fui-text-primary,#1b1916) 55%, var(--fui-field-border,#8b857d))}}.ColorPicker-module-scss-module__SIlv6q__swatch:focus-visible{outline:var(--fui-focus-ring-width,2px) solid var(--fui-focus-ring-color,#3d5ae8);outline-offset:var(--fui-focus-ring-offset,2px)}@media (forced-colors:active){.ColorPicker-module-scss-module__SIlv6q__swatch:focus-visible{outline-color:var(--fui-focus-ring-color,Highlight)}}.ColorPicker-module-scss-module__SIlv6q__swatch[data-popup-open]{border-color:color-mix(in oklab, var(--fui-text-primary,#1b1916) 55%, var(--fui-field-border,#8b857d))}.ColorPicker-module-scss-module__SIlv6q__wrapper[data-invalid] .ColorPicker-module-scss-module__SIlv6q__swatch{border-color:var(--fui-color-danger-text,#a80400)}.ColorPicker-module-scss-module__SIlv6q__wrapper[data-invalid] .ColorPicker-module-scss-module__SIlv6q__swatch:focus-visible{border-color:var(--fui-color-danger-text,#a80400);outline:var(--fui-focus-ring-width,2px) solid var(--fui-focus-ring-color,#3d5ae8);outline-offset:var(--fui-focus-ring-offset,2px)}@media (forced-colors:active){.ColorPicker-module-scss-module__SIlv6q__wrapper[data-invalid] .ColorPicker-module-scss-module__SIlv6q__swatch:focus-visible{outline-color:var(--fui-focus-ring-color,Highlight)}}.ColorPicker-module-scss-module__SIlv6q__swatch:disabled{opacity:var(--_fui-disabled-opacity,var(--fui-opacity-disabled,.45));cursor:not-allowed}.ColorPicker-module-scss-module__SIlv6q__swatch:disabled>*{--_fui-disabled-opacity:1}.ColorPicker-module-scss-module__SIlv6q__wrapper[data-readonly] .ColorPicker-module-scss-module__SIlv6q__swatch{cursor:default;border-style:dashed}@media (forced-colors:active){.ColorPicker-module-scss-module__SIlv6q__swatch{forced-color-adjust:none;border-color:canvastext}}.ColorPicker-module-scss-module__SIlv6q__sm .ColorPicker-module-scss-module__SIlv6q__swatch{--_fui-colorpicker-swatch:var(--fui-control-height-sm,28px)}.ColorPicker-module-scss-module__SIlv6q__hexInput{min-inline-size:calc(8ch + 2*var(--fui-field-inline-inset-md,10px));flex:0 auto}input.ColorPicker-module-scss-module__SIlv6q__hexInput,input.ColorPicker-module-scss-module__SIlv6q__hexInput[data-size]{font-family:var(--fui-font-mono,JetBrains Mono Variable, JetBrains Mono, ui-monospace, SF Mono, Menlo, monospace);font-variant-numeric:tabular-nums}.ColorPicker-module-scss-module__SIlv6q__positioner{z-index:var(--fui-overlay-layer-anchored,52)}.ColorPicker-module-scss-module__SIlv6q__popup{--fui-popup-container-inset:var(--fui-raw-space-4,4px);--fui-popup-row-pitch:var(--fui-raw-space-32,32px);--fui-popup-row-block-inset:var(--fui-raw-space-8,8px);--fui-popup-row-inline-inset:var(--fui-raw-space-8,8px);--fui-popup-row-content-gap:var(--fui-raw-space-8,8px);--fui-popup-indicator-box:var(--fui-raw-space-16,16px);--fui-popup-separator-size:var(--fui-stroke-hairline,1px);--fui-popup-separator-gap:var(--fui-raw-space-4,4px);--fui-popup-viewport-rows:4.5;--_fui-popup-effective-row-pitch:max(var(--fui-popup-row-pitch,32px), var(--fui-hit-area,24px));box-sizing:border-box;color:var(--fui-text-primary,#1b1916);background-color:var(--fui-bg-elevated,#fffefd);border-radius:var(--fui-radius-popup,12px);box-shadow:var(--fui-shadow-popup,0 0 0 .5px #0000001f, 0 2px 5px #0000000f, 0 10px 24px #0000001a);border:0}@media (forced-colors:active){.ColorPicker-module-scss-module__SIlv6q__popup{outline:var(--fui-stroke-hairline,1px) solid CanvasText}}.ColorPicker-module-scss-module__SIlv6q__popup{padding:var(--fui-popup-container-inset,4px);transform-origin:var(--transform-origin);transition-property:opacity,scale;transition-duration:var(--fui-duration-enter,0s);transition-timing-function:var(--fui-ease-standard,cubic-bezier(.2, 0, 0, 1))}.ColorPicker-module-scss-module__SIlv6q__popup[data-starting-style],.ColorPicker-module-scss-module__SIlv6q__popup[data-ending-style]{opacity:0;scale:var(--fui-popup-from,1)}.ColorPicker-module-scss-module__SIlv6q__popup[data-ending-style]{transition-duration:var(--fui-duration-exit,0s)}@media (prefers-reduced-motion:reduce){.ColorPicker-module-scss-module__SIlv6q__popup[data-starting-style],.ColorPicker-module-scss-module__SIlv6q__popup[data-ending-style]{scale:none}}.ColorPicker-module-scss-module__SIlv6q__popup .react-colorful{width:var(--fui-colorpicker-size,200px);height:var(--fui-colorpicker-size,200px)}.ColorPicker-module-scss-module__SIlv6q__popup .react-colorful__saturation{border-radius:calc(max(0px, (var(--fui-radius-popup,12px) - var(--fui-popup-container-inset,4px))) + min(var(--fui-radius-indicator,3px), 6px) - clamp(0px, (var(--fui-radius-popup,12px) - var(--fui-popup-container-inset,4px)) * 1000, min(var(--fui-radius-indicator,3px), 6px)));border-block-end:0;margin-block-end:var(--fui-raw-space-12,12px)}.ColorPicker-module-scss-module__SIlv6q__popup .react-colorful__hue{height:var(--fui-colorpicker-hue-height,2rem);border-radius:var(--fui-radius-indicator,3px)}.ColorPicker-module-scss-module__SIlv6q__popup .react-colorful__pointer{width:var(--fui-colorpicker-pointer-size,2rem);height:var(--fui-colorpicker-pointer-size,2rem);border:var(--fui-raw-space-2,2px) solid var(--fui-bg-elevated,#fffefd);box-shadow:var(--fui-shadow-sm,0 1px 2px 0 #00000005)}.ColorPicker-module-scss-module__SIlv6q__canvasFallback{inline-size:var(--fui-colorpicker-size,200px);block-size:var(--fui-colorpicker-size,200px)}}