*{box-sizing:border-box}body{margin:0;font-family:Helvetica,sans-serif}.SideBar{width:20%;padding:40px;height:100vh;overflow-y:scroll;min-width:160px}.rc-slider-rail{height:8px;border-radius:10px;display:block;box-shadow:inset 0 1px 3px rgba(0,0,0,.4);margin:0;position:relative;background:#e6e6e6;touch-action:none;width:100%}.rc-slider-handle{width:30px;height:30px;border-radius:30px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background:#fff;border:1px solid #ccc;cursor:pointer;display:inline-block;position:absolute;box-shadow:0 4px 8px rgba(0,0,0,.16)}.rc-slider-track{background-color:initial}.Hue,.Luminosity,.Saturation,.Steps{border-bottom:2px solid #d3d3d3}.stepsSlider .rc-slider-track{bottom:0;height:57%;width:128px;position:absolute;background:#787891}.HueSlider .rc-slider-rail{background-image:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.satuSlider .rc-slider-rail{background-image:linear-gradient(90deg,#fff,#8b37ff)}.lumiSlider .rc-slider-rail{background-image:linear-gradient(-90deg,#fff,#000)}.MainColors{display:flex;flex-grow:2}.dotColors{display:flex;height:100%;flex-grow:1;padding:128px 24px;min-width:560px;justify-content:space-between;background-size:24px 24px,96px 96px,24px 24px,96px 96px,96px 96px,96px 96px;background-image:linear-gradient(rgba(244,244,250,.8) 1px,transparent 0),linear-gradient(#f4f4fa 1px,transparent 0),linear-gradient(90deg,rgba(244,244,250,.8) 1px,transparent 0),linear-gradient(90deg,#f4f4fa 1px,transparent 0),linear-gradient(transparent 3px,#fff 0,#fff 94px,transparent 0),linear-gradient(90deg,#f4f4fa 3px,transparent 0,transparent 94px,#f4f4fa 0)}.dotColors div{border-radius:25px;height:25px;width:25px;position:relative;display:flex;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.16)}.dotColors p{margin-top:32px;font-size:12px;color:#292936}.dotColors p,.dotColors span{margin-bottom:29px;font-weight:700}.dotColors span{font-size:10px;text-align:center;z-index:900;position:absolute;line-height:25px;color:#000;margin-top:0}.rectangleColors{display:flex;height:100vh;flex-grow:1;flex-direction:column;flex:1 1 50%;overflow:auto;max-width:400px}.rectangleColors div{display:flex;align-items:center;justify-content:space-between;padding-left:24px;padding-right:24px;flex:1 1;width:100%}.rectangleColors span{margin-right:16px;font-size:16px;font-weight:700}.colorsView{display:flex}
/*# sourceMappingURL=main.a234930d.chunk.css.map */