@layer sur.components{.sur-color-picker.svelte-qeydhm{gap:var(--sur-spacing-4);flex-direction:column;display:flex}.sur-color-picker__chip.svelte-qeydhm{border:var(--sur-border-width) solid var(--sur-border-default);border-radius:var(--sur-radius-sm);background:var(--sur-color-swatch);block-size:100%;inline-size:100%;display:block}.sur-color-picker__chip[data-empty].svelte-qeydhm{background:linear-gradient(to bottom right, transparent calc(50% - var(--sur-border-width)), var(--sur-color-danger) calc(50% - var(--sur-border-width)), var(--sur-color-danger) calc(50% + var(--sur-border-width)), transparent calc(50% + var(--sur-border-width)))}.sur-color-picker__hint.svelte-qeydhm{color:var(--sur-text-secondary);font-size:var(--sur-font-size-xs)}.sur-color-picker__error.svelte-qeydhm{color:var(--sur-color-danger);font-size:var(--sur-font-size-xs)}.sur-color-picker__swatches.svelte-qeydhm{gap:var(--sur-spacing-8);flex-wrap:wrap;margin-block-end:var(--sur-spacing-16);display:flex}.sur-color-picker__swatch.svelte-qeydhm{inline-size:var(--sur-spacing-48);block-size:var(--sur-spacing-48);color:var(--sur-white);border:var(--sur-border-width) solid var(--sur-border-default);border-radius:var(--sur-radius-md);background:var(--sur-color-swatch);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.sur-color-picker__swatch[data-light].svelte-qeydhm{color:var(--sur-black)}.sur-color-picker__swatch[aria-pressed=true].svelte-qeydhm{border:var(--sur-border-width-strong) solid var(--sur-border-active)}.sur-color-picker__swatch.svelte-qeydhm:focus-visible,.sur-color-picker__input.svelte-qeydhm:focus-visible,.sur-color-picker__code.svelte-qeydhm:focus-visible{box-shadow:var(--sur-focus-ring-shadow);outline:none}.sur-color-picker__custom.svelte-qeydhm{gap:var(--sur-spacing-12);flex-direction:column;display:flex}.sur-color-picker__row.svelte-qeydhm{align-items:center;gap:var(--sur-spacing-12);color:var(--sur-text-primary);flex-wrap:wrap;display:flex}.sur-color-picker__row.svelte-qeydhm>span:where(.svelte-qeydhm){min-inline-size:var(--sur-spacing-96)}.sur-color-picker__input.svelte-qeydhm{inline-size:var(--sur-spacing-48);block-size:var(--sur-spacing-48);border:var(--sur-border-width) solid var(--sur-border-default);border-radius:var(--sur-radius-md);cursor:pointer;background:0 0;padding:0}.sur-color-picker__code.svelte-qeydhm{inline-size:calc(var(--sur-spacing-96) + var(--sur-spacing-48));min-block-size:var(--sur-control-height-md);padding-inline:var(--sur-spacing-12);color:var(--sur-text-primary);font-family:var(--sur-font-mono);background:var(--sur-bg-surface);border:var(--sur-border-width) solid var(--sur-border-default);border-radius:var(--sur-control-radius)}.sur-color-picker__code[aria-invalid=true].svelte-qeydhm{border-color:var(--sur-color-danger)}.sur-color-picker--inline.svelte-qeydhm{gap:var(--sur-spacing-8);padding:var(--sur-spacing-12);border:var(--sur-border-width) solid var(--sur-border-default);border-radius:var(--sur-radius-md);background:var(--sur-bg-surface)}.sur-color-picker--inline[data-disabled].svelte-qeydhm{opacity:var(--sur-opacity-disabled)}.sur-color-picker__head.svelte-qeydhm{justify-content:space-between;align-items:center;gap:var(--sur-spacing-8);display:flex}.sur-color-picker__label.svelte-qeydhm{font-size:var(--sur-font-size-xs);font-weight:var(--sur-font-weight-bold);text-transform:uppercase;color:var(--sur-text-primary)}.sur-color-picker__required.svelte-qeydhm{color:var(--sur-color-danger)}.sur-color-picker__clear.svelte-qeydhm{font-size:var(--sur-font-size-xs);color:var(--sur-text-muted);cursor:pointer;background:0 0;border:0;padding:0}.sur-color-picker__clear.svelte-qeydhm:hover{color:var(--sur-text-primary)}.sur-color-picker--inline.svelte-qeydhm .sur-color-picker__swatches:where(.svelte-qeydhm){align-items:center;margin-block-end:0}.sur-color-picker--inline.svelte-qeydhm .sur-color-picker__swatch:where(.svelte-qeydhm),.sur-color-picker--inline.svelte-qeydhm .sur-color-picker__input:where(.svelte-qeydhm){inline-size:var(--sur-spacing-28);block-size:var(--sur-spacing-28);border-radius:var(--sur-radius-full);box-shadow:var(--sur-shadow-xs);border:0;overflow:hidden}.sur-color-picker--inline.svelte-qeydhm .sur-color-picker__swatch[aria-pressed=true]:where(.svelte-qeydhm){box-shadow:0 0 0 var(--sur-border-width-strong) var(--sur-bg-surface), 0 0 0 calc(var(--sur-border-width-strong) * 2) var(--sur-color-primary)}.sur-color-picker--inline.svelte-qeydhm .sur-color-picker__swatch:where(.svelte-qeydhm):disabled,.sur-color-picker--inline.svelte-qeydhm .sur-color-picker__input:where(.svelte-qeydhm):disabled{cursor:not-allowed}.sur-color-picker__value.svelte-qeydhm{font-family:var(--sur-font-mono);font-size:var(--sur-font-size-xs);text-transform:uppercase;color:var(--sur-text-secondary)}}