.color-picker-wrapper{padding:20px}.color-picker-basic-color{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.color-picker-basic-color button{border:1px solid #ccc;border-radius:4px;height:16px;width:16px;cursor:pointer;list-style-type:none}.color-picker-basic-color button.active{box-shadow:0 0 2px 2px rgba(0,0,0,.3)}.color-picker-saturation{width:100%;position:relative;margin-top:15px;height:150px;background-image:linear-gradient(transparent,black),linear-gradient(90deg,white,transparent);-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-picker-saturation_cursor{position:absolute;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 15px #00000026;box-sizing:border-box;transform:translate(-10px,-10px)}.color-picker-hue{width:100%;position:relative;margin-top:15px;height:12px;background-image:linear-gradient(90deg,rgb(255,0,0),rgb(255,255,0),rgb(0,255,0),rgb(0,255,255),rgb(0,0,255),rgb(255,0,255),rgb(255,0,0));-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:12px}.color-picker-hue_cursor{position:absolute;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 .5px #0003;box-sizing:border-box;transform:translate(-10px,-4px)}.color-picker-color{border:1px solid #ccc;margin-top:15px;width:100%;height:20px}.color-picker-alpha{width:100%;position:relative;margin-top:15px;height:12px;border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-picker-alpha_cursor{position:absolute;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 15px #00000026;box-sizing:border-box;transform:translate(-10px,-4px)}.Input__wrapper{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.Input__label{display:flex;flex:1;color:#666}.Input__input{display:flex;flex:2;border:1px solid #999;padding:7px 10px;font-size:16px;border-radius:5px;min-width:0}