@charset "utf-8";

.vc-slider { position: relative; width: 410px; }

.vc-slider-hue-warp { height: 12px; position: relative; }

.vc-slider-hue-warp .vc-hue-picker { width: 14px; height: 14px; border-radius: 6px; transform: translate(-7px, -2px); background-color: rgb(248, 248, 248); box-shadow: rgba(0, 0, 0, 0.37) 0px 1px 4px 0px; }

.vc-slider-swatches { display: flex; margin-top: 20px; }

.vc-slider-swatch { margin-right: 1px; flex: 1 1 0%; width: 20%; }

.vc-slider-swatch:first-child { margin-right: 1px; }

.vc-slider-swatch:first-child .vc-slider-swatch-picker { border-radius: 2px 0px 0px 2px; }

.vc-slider-swatch:last-child { margin-right: 0px; }

.vc-slider-swatch:last-child .vc-slider-swatch-picker { border-radius: 0px 2px 2px 0px; }

.vc-slider-swatch-picker { cursor: pointer; height: 12px; }

.vc-slider-swatch:nth-child(n) .vc-slider-swatch-picker.vc-slider-swatch-picker--active { transform: scaleY(1.8); border-radius: 3.6px / 2px; }

.vc-slider-swatch-picker--white { box-shadow: rgb(221, 221, 221) 0px 0px 0px 1px inset; }

.vc-slider-swatch-picker--active.vc-slider-swatch-picker--white { box-shadow: rgb(221, 221, 221) 0px 0px 0px 0.6px inset; }