.color-picker[data-v-b254150c]{width:236px;height:250px;position:absolute;bottom:90px;right:-1px;padding:10px 16px;background:#fff;border:1px solid #b6c2d4;border-radius:8px;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.2);box-shadow:2px 2px 2px rgba(0,0,0,.2);color:#333}.displayer[data-v-b254150c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.color-display[data-v-b254150c]{width:50px;height:30px;border:1px solid #ccc;cursor:pointer}.hue[data-v-b254150c]{width:200px;height:6px;border-radius:100vh;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);position:relative}.hue-selector[data-v-b254150c]{position:absolute;top:-4px;left:-5px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;cursor:pointer;-webkit-box-shadow:1px 1px 2px #8e8e8e;box-shadow:1px 1px 2px #8e8e8e}.hue-selector.select[data-v-b254150c]:before{position:fixed;width:100vw;height:100vh;left:0;top:0;content:""}.brightness[data-v-b254150c]{width:200px;height:200px;position:relative;border-radius:8px}.brightness-selector[data-v-b254150c]{position:absolute;left:70px;top:70px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;cursor:pointer}.brightness-selector.select[data-v-b254150c]:before{position:fixed;width:100vw;height:100vh;left:0;top:0;content:""}