.color-space[data-v-504f9f93]{width:60px;height:40px}.color-picker-panel[data-v-504f9f93]{background:#1f232a;border:2px solid #364347;border-radius:8px;width:310px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}.panel-row[data-v-504f9f93]{margin:0 10px 10px;position:relative}.panel-row[data-v-504f9f93]:first-child{margin-top:10px;margin-bottom:6px}.panel-row[data-v-504f9f93]:after{content:"";clear:both;display:table}.panel-header[data-v-504f9f93]{text-align:center;background:#15191c;margin:0 -10px 10px;padding:8px}.swatch[data-v-504f9f93]{box-sizing:border-box;cursor:pointer;background:#ccc;border:2px solid #364347;border-radius:4px;width:32px;height:32px;margin-bottom:4px;margin-left:4px;display:inline-block}.default-swatches[data-v-504f9f93]{width:212px}.default-swatches .swatch[data-v-504f9f93]:nth-child(6n+1){margin-left:0}.color-cursor[data-v-504f9f93]{box-sizing:border-box;pointer-events:none;z-index:2;background:#ccc;border:2px solid #fff;border-radius:100%;transition:all .2s;position:absolute}.color-cursor.dragging[data-v-504f9f93]{transition:none}.color-cursor#spectrum-cursor[data-v-504f9f93]{width:30px;height:30px;margin-top:-15px;margin-left:-15px;top:0;left:0}.color-cursor#hue-cursor[data-v-504f9f93]{pointer-events:none;width:20px;height:20px;margin-top:-10px;margin-left:-10px;top:0;left:50%}.spectrum-map[data-v-504f9f93]{width:212px;height:200px;position:relative;overflow:hidden}#spectrum-canvas[data-v-504f9f93]{background:#ccc;width:100%;height:100%;position:absolute;inset:0}.hue-map[data-v-504f9f93]{width:10px;position:absolute;top:5px;bottom:5px;right:29px}#hue-canvas[data-v-504f9f93]{background:#ccc;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.button[data-v-504f9f93]{color:#8b949a;cursor:pointer;background:#2a3137;border:0;border-radius:4px;outline:none;padding:4px;font-size:1rem;box-shadow:0 2px 4px #0003}button[data-v-504f9f93]:active{background:#262c31}.button.eyedropper[data-v-504f9f93]{width:68px;height:68px;display:block;position:absolute;top:0;right:0}.button.add-swatch[data-v-504f9f93]{width:200px;margin:10px auto 0;padding:6px;display:block}.button.mode-toggle[data-v-504f9f93]{width:68px;height:40px;margin:0;position:absolute;top:0;right:0}.value-fields[data-v-504f9f93]{align-items:center;display:none}.value-fields.active[data-v-504f9f93]{display:flex}.value-fields .field-label[data-v-504f9f93]{margin-right:6px}.value-fields .field-input[data-v-504f9f93]{box-sizing:border-box;text-align:center;color:#8b949a;background:#15191c;border:1px solid #364347;border-radius:2px;padding:0 4px;font-size:1rem;line-height:38px;display:block}.rgb-fields .field-group[data-v-504f9f93]{align-items:center;display:flex}.rgb-fields .field-input[data-v-504f9f93]{width:42px;margin-right:10px}.hex-field .field-input[data-v-504f9f93]{width:170px}.color-indicator[data-v-504f9f93]{vertical-align:middle;background:#ccc;border-radius:4px;width:20px;height:20px;margin-right:10px;display:inline-block}input[data-v-504f9f93]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[data-v-504f9f93]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}