.appmaker-sketch-picker{box-sizing:initial;background:#fff;border-radius:4px;width:200px;padding:10px;position:relative;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026}.appmaker-sketch-picker .react-colorful{gap:8px;width:100%;height:auto}.appmaker-sketch-picker .react-colorful__saturation{border-bottom:none;border-radius:3px;height:150px}.appmaker-sketch-picker .react-colorful__hue{border-radius:2px;height:10px}.appmaker-sketch-picker .react-colorful__pointer{width:14px;height:14px}.appmaker-sketch-picker .react-colorful__hue-pointer{border-radius:1px;width:6px;height:14px}.appmaker-sketch-picker__row{align-items:flex-start;gap:8px;margin-top:8px;display:flex}.appmaker-sketch-picker__current{border-radius:3px;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px #00000026}.appmaker-sketch-picker__hex{color:#222;flex-direction:column;flex:1;align-items:center;font-size:11px;display:flex}.appmaker-sketch-picker__hex input{box-sizing:border-box;border:none;border-radius:0;width:100%;padding:4px 6px;font-size:11px;box-shadow:inset 0 0 0 1px #ccc}.appmaker-sketch-picker__hex input:focus{outline:none;box-shadow:inset 0 0 0 1px #2563eb}.appmaker-sketch-picker__presets{border-top:1px solid #eee;flex-wrap:wrap;gap:10px;margin:10px -10px -10px;padding:10px;display:flex}.appmaker-sketch-picker__preset{cursor:pointer;border:none;border-radius:3px;width:16px;height:16px;padding:0;box-shadow:inset 0 0 0 1px #00000026}
