.dsg-colorpicker{height:var(--dsg-control-height);border:1px solid var(--dsg-input-border);background:var(--dsg-input-bg);color:var(--dsg-text);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:.3125rem;min-width:0;padding:0 0 0 .25rem;display:inline-flex;position:relative}.dsg-colorpicker--sm{height:var(--dsg-control-height-sm);font-size:var(--dsg-font-size-sm)}.dsg-colorpicker--lg{height:var(--dsg-control-height-lg)}.dsg-colorpicker:hover:not(.is-disabled){border-color:var(--dsg-input-border-hover)}.dsg-colorpicker.is-open,.dsg-colorpicker:focus-visible{border-color:var(--dsg-input-border-focus);outline:none}.dsg-colorpicker.is-invalid{border-color:var(--dsg-danger)}.dsg-colorpicker.is-disabled{background:var(--dsg-input-bg-disabled);border-color:var(--dsg-input-border-disabled);color:var(--dsg-text-disabled)}.dsg-colorpicker__preview{border:1px solid var(--dsg-border);background-color:#fff;background-image:linear-gradient(45deg,silver 25%,#0000 0 75%,silver 0),linear-gradient(45deg,silver 25%,#0000 0 75%,silver 0);background-position:0 0,.25rem .25rem;background-size:.5rem .5rem;flex:none;width:1.125rem;height:1.125rem}.dsg-colorpicker__preview.is-empty{background:var(--dsg-input-bg)}.dsg-colorpicker__preview-fill{width:100%;height:100%;display:block}.dsg-colorpicker__value{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:auto;min-width:0;overflow:hidden}.dsg-colorpicker__value.is-placeholder{color:var(--dsg-placeholder)}.dsg-colorpicker__clear{width:.875rem;height:.875rem;color:var(--dsg-text-tertiary);cursor:default;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.dsg-colorpicker__clear:hover{background:var(--dsg-btn-bg-hover);color:var(--dsg-text)}.dsg-colorpicker__arrow{border-left:1px solid var(--dsg-border-light);background:var(--dsg-btn-bg);width:1.0625rem;height:100%;color:var(--dsg-text);flex:none;justify-content:center;align-items:center;display:flex}.dsg-colorpicker:hover:not(.is-disabled) .dsg-colorpicker__arrow{background:var(--dsg-btn-bg-hover)}.dsg-colorpicker.is-disabled .dsg-colorpicker__arrow{background:var(--dsg-btn-bg-disabled);color:var(--dsg-text-disabled)}.dsg-colorpicker__panel{background:var(--dsg-surface);color:var(--dsg-text);width:14.5rem;padding:.5rem}.dsg-colorpicker__main{gap:.5rem;display:flex}.dsg-colorpicker__sv{border:1px solid var(--dsg-border);cursor:crosshair;touch-action:none;flex:auto;height:9.375rem;position:relative}.dsg-colorpicker__sv-black,.dsg-colorpicker__sv-white{pointer-events:none;position:absolute;inset:0}.dsg-colorpicker__sv-white{background:linear-gradient(90deg,#fff,#fff0)}.dsg-colorpicker__sv-black{background:linear-gradient(#0000,#000)}.dsg-colorpicker__sv-dot{pointer-events:none;border:1px solid #fff;border-radius:50%;width:.625rem;height:.625rem;margin:-.3125rem 0 0 -.3125rem;position:absolute;box-shadow:0 0 0 1px #000}.dsg-colorpicker__sv:focus-visible{outline:1px solid var(--dsg-input-border-focus);outline-offset:1px}.dsg-colorpicker__hue{border:1px solid var(--dsg-border);cursor:default;touch-action:none;background:linear-gradient(red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);flex:none;width:1rem;height:9.375rem;position:relative}.dsg-colorpicker__hue-thumb{pointer-events:none;border:1px solid #fff;height:.1875rem;margin-top:-1px;position:absolute;left:-.125rem;right:-.125rem;box-shadow:0 0 0 1px #000}.dsg-colorpicker__alpha:focus-visible,.dsg-colorpicker__hue:focus-visible{outline:1px solid var(--dsg-input-border-focus);outline-offset:1px}.dsg-colorpicker__alpha{border:1px solid var(--dsg-border);cursor:default;touch-action:none;background-color:#fff;background-image:linear-gradient(45deg,silver 25%,#0000 0 75%,silver 0),linear-gradient(45deg,silver 25%,#0000 0 75%,silver 0);background-position:0 0,.25rem .25rem;background-size:.5rem .5rem;height:.875rem;margin-top:.5rem;position:relative}.dsg-colorpicker__alpha-grad{pointer-events:none;position:absolute;inset:0}.dsg-colorpicker__alpha-thumb{pointer-events:none;border:1px solid #fff;width:.1875rem;margin-left:-1px;position:absolute;top:-.125rem;bottom:-.125rem;box-shadow:0 0 0 1px #000}.dsg-colorpicker__inputs{align-items:flex-end;gap:.375rem;margin-top:.5rem;display:flex}.dsg-colorpicker__field{font-size:var(--dsg-font-size-sm);color:var(--dsg-text-secondary);flex-direction:column;gap:.125rem;display:flex}.dsg-colorpicker__field>span{text-align:center}.dsg-colorpicker__hex{flex:auto}.dsg-colorpicker__grid{grid-template-columns:repeat(8,1fr);gap:.1875rem;margin-top:.5rem;display:grid}.dsg-colorpicker__grid--recent{border-top:1px solid var(--dsg-border-lighter);padding-top:.5rem}.dsg-colorpicker__swatch{border:1px solid var(--dsg-border-light);cursor:default;width:100%;height:1.125rem;padding:0}.dsg-colorpicker__swatch:hover{outline:1px solid var(--dsg-input-border-focus);outline-offset:0}