/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.fff-flex-color-picker{width:100%;position:relative}.fff-flex-color-picker [x-cloak],.fff-color-panel[x-cloak],.fff-color-panel [x-cloak]{display:none!important}.fff-color-trigger{cursor:pointer;text-align:start;width:100%;font-family:inherit;font-size:var(--fff-flex-text-input-text-size);color:var(--fff-input-text);outline:none;padding:0;display:block}.fff-color-trigger .fff-flex-text-input__row{gap:.5rem}.fff-color-trigger:disabled{cursor:default}.fff-color-swatch{background-image:linear-gradient(var(--fff-color-swatch,transparent),var(--fff-color-swatch,transparent)),linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #0001;border-radius:9999px;flex-shrink:0;width:1.25rem;height:1.25rem}.fff-color-trigger-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:inherit;flex:1;overflow:hidden}.fff-color-icon svg{flex-shrink:0;width:1rem;height:1rem}.fff-color-icon{justify-content:center;align-items:center;display:flex}.fff-flex-text-input.fff-color-compact{width:var(--fff-flex-text-input-h);flex-shrink:0}.fff-color-compact .fff-flex-text-input__row{padding-inline:0}.fff-color-compact .fff-color-trigger .fff-flex-text-input__row{justify-content:center}.fff-color-swatch-only .fff-color-trigger{box-shadow:none;background:0 0;border:0;border-radius:9999px}.fff-color-swatch-only .fff-color-swatch{width:1.5rem;height:1.5rem}.fff-color-panel{--fff-color-bg:#fff;--fff-color-muted:#71717a;--fff-color-width:248px;box-sizing:border-box;width:min(var(--fff-color-width), calc(100vw - 1rem));z-index:1200;border-radius:var(--fff-color-panel-radius,20px);background:var(--fff-color-bg);color:#18181b;overscroll-behavior:contain;border:0;flex-direction:column;gap:.75rem;max-height:calc(100dvh - 1rem);padding:.5rem .5rem .75rem;display:flex;overflow:hidden auto;box-shadow:0 2px 8px #0000000f,0 -6px 12px #00000008,0 14px 28px #00000014}.dark .fff-color-panel,.fff-color-panel[data-theme=dark]{--fff-color-bg:#27272afa;--fff-color-control-bg:#333338;--fff-color-control-border:#52525b;--fff-color-border:#3f3f46;--fff-color-muted:#a1a1aa;color:#f4f4f5;box-shadow:0 4px 6px -1px #00000047,0 12px 28px -6px #00000080,inset 0 0 0 1px #ffffff14}.fff-color-area{aspect-ratio:1;border-radius:max(0px, calc(var(--fff-color-panel-radius,20px) - 4px));cursor:crosshair;touch-action:none;width:100%;position:relative}.fff-color-area-thumb{pointer-events:none;border:2px solid #fff;border-radius:9999px;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0004}.fff-color-controls{align-items:center;gap:.5rem;margin-top:0;display:flex}.fff-color-small-button{border-radius:var(--fff-global-radius,.75rem);width:2rem;height:2rem;color:var(--fff-color-muted);background:#71717a0f;flex-shrink:0;place-items:center;display:grid}.fff-color-small-button svg{width:1rem;height:1rem}.fff-color-sliders{flex-direction:column;flex:1;gap:.5rem;min-width:0;padding-inline:0;display:flex}.fff-color-slider{appearance:none;cursor:pointer;border-radius:9999px;width:100%;height:1.25rem;margin:0;padding:0;display:block}.fff-color-slider::-webkit-slider-thumb{appearance:none;background:var(--fff-color-thumb,#6366f1);border:2px solid #fff;border-radius:9999px;width:1rem;height:1rem;box-shadow:0 0 0 1px #0004}.fff-color-slider::-moz-range-thumb{background:var(--fff-color-thumb,#6366f1);border:2px solid #fff;border-radius:9999px;width:1rem;height:1rem;box-shadow:0 0 0 1px #0004}.fff-color-slider::-moz-range-track{background:0 0;border:0}.fff-color-alpha{background:repeating-conic-gradient(#d4d4d8 0% 25%,#fff 0% 50%) 0/8px 8px;border-radius:9999px}.fff-color-channel{flex-direction:column;gap:.25rem;display:flex}.fff-color-channel-heading{justify-content:space-between;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;display:flex}.fff-color-channel-heading output{color:var(--fff-color-muted);font-variant-numeric:tabular-nums}.fff-color-grid{grid-template-columns:repeat(var(--fff-color-columns,17),minmax(0,1fr));border-radius:.5rem;margin-top:0;display:grid;overflow:hidden}.fff-color-grid-swatch{aspect-ratio:1;cursor:pointer;border:0;width:100%;padding:0}.fff-color-grid-swatch.is-selected{outline-offset:-3px;outline:2px solid #fff;box-shadow:inset 0 0 0 3px #0003}.fff-color-grid.is-swatches{gap:.5rem .25rem;padding:.125rem .25rem;overflow:visible}.fff-color-grid.is-swatches .fff-color-grid-swatch{border:1px solid #0001;border-radius:9999px;justify-self:center;width:1.25rem;height:1.25rem}.fff-color-grid.is-swatches .fff-color-grid-swatch.is-selected{outline-offset:2px;box-shadow:0 0 0 2px var(--fff-color-bg);outline:1px solid}.fff-color-format-row{align-items:center;gap:.5rem;min-width:0;display:flex}.fff-color-format-row>.fff-select-control{flex:1;min-width:0}.dark .fff-color-panel .fff-flex-text-input,.fff-color-panel[data-theme=dark] .fff-flex-text-input{--fff-flex-text-input-bg:var(--fff-color-control-bg);--fff-flex-text-input-border:var(--fff-color-control-border);--fff-flex-text-input-border-width:1px}.dark .fff-color-panel .fff-color-small-button,.fff-color-panel[data-theme=dark] .fff-color-small-button{background:var(--fff-color-control-bg)}.fff-color-grid+.fff-color-alpha{margin-top:0}.fff-color-fields{grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.375rem;margin-top:0;display:grid}.fff-color-fields:has(.fff-color-opacity-field){grid-template-columns:4.5rem minmax(0,1fr) 2.75rem}.fff-color-fields.without-format{grid-template-columns:minmax(0,1fr)}.fff-color-fields.without-format:has(.fff-color-opacity-field){grid-template-columns:minmax(0,1fr) 2.75rem}.fff-color-fields>.fff-flex-text-input{min-width:0}.fff-color-format{appearance:none;cursor:pointer}.fff-color-opacity-field{min-width:0}.fff-color-panel button:disabled,.fff-color-panel input:disabled{opacity:.5;cursor:default}.fff-color-panel :is(button,input,select,.fff-color-area):not(.fff-flex-text-input__input):focus-visible{outline:2px solid var(--fff-field-focus-border,#6366f1);outline-offset:2px}.fff-color-channel-fields{flex-direction:column;gap:.5rem;display:flex}.fff-color-channel-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}.fff-color-channel-field{min-width:0;position:relative}.fff-color-error{color:#dc2626;margin-top:0;font-size:.75rem}.fff-color-enter{transition:opacity var(--fff-color-duration,.15s) ease, transform var(--fff-color-duration,.15s) ease;will-change:opacity,transform}.fff-color-leave{transition:opacity var(--fff-color-exit-duration,.1s) ease, transform var(--fff-color-exit-duration,.1s) ease;pointer-events:none;will-change:opacity,transform}.fff-color-enter-start{opacity:0;transform:translateY(var(--fff-color-enter-offset,-4px)) scale(.95)}.fff-color-leave-end{opacity:0;transform:scale(.95)}.fff-color-enter-end,.fff-color-leave-start{opacity:1;transform:scale(1)translateY(0)}@media (prefers-reduced-motion:reduce){.fff-color-enter,.fff-color-leave{transition:none}}.fff-color-channel-suffix{pointer-events:none;inset-inline-end:.625rem;font-size:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.fff-color-channel-field .fff-flex-text-input__input{padding-inline-end:.625rem}.fff-color-channel-field input::-webkit-inner-spin-button{appearance:none;margin:0}.fff-color-channel-field input{-moz-appearance:textfield}.fff-color-inline>.fff-color-panel{z-index:auto;border:1px solid var(--fff-field-border,#e5e7eb);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f,0 0 1px #0000000f}.fff-color-handoff{min-width:0;display:grid}.fff-color-controls>.fff-color-handoff{flex:1}.fff-color-handoff>[data-fff-color-ssr],.fff-color-handoff>[data-fff-color-live]{grid-area:1/1;min-width:0}.fff-color-handoff>[data-fff-color-live]{visibility:hidden}.fff-color-handoff.is-ready>[data-fff-color-ssr]{display:none}.fff-color-handoff.is-ready>[data-fff-color-live]{visibility:visible}.fff-color-channel-inputs{min-height:2rem}