.mwColorGradient {width: 216px; height: 90px;}.mwColorGradient.mwColorGradientWithStyle {height: 120px;}.mwColorGradient.mwColorGradientWithStyles {height: 150px;}.mwColorGradient.mwColorGradientWithStyle .mwColorGradientSatVal,.mwColorGradient.mwColorGradientWithStyle .mwColorGradientHue {height: 120px;}.mwColorGradient.mwColorGradientWithStyles .mwColorGradientSatVal,.mwColorGradient.mwColorGradientWithStyles .mwColorGradientHue {height: 150px;}.mwColorGradient .mwColorGradientSatVal {position: relative; display: inline-block; width: 180px; height: 90px; box-shadow: 0px 0px 0px 1px rgb(166, 166, 166); background-image: linear-gradient(to top, black, transparent), linear-gradient(to right, white, transparent); background-color: red; cursor: pointer;}.mwColorGradient .mwColorGradientDisabled .mwColorGradientSatVal {pointer-events: none; opacity: 0.35;}.mwColorGradient .mwColorGradientHue {position: relative; display: inline-block; width: 15px; height: 90px; margin: 0px 0px 0px 9px; box-shadow: 0px 0px 0px 1px rgb(166, 166, 166); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); cursor: pointer;}.mwColorGradient .mwColorGradientDisabled .mwColorGradientHue {pointer-events: none; opacity: 0.35;}.mwColorGradient .mwColorGradientMarker {pointer-events: none; z-index: 2; position: absolute; top: 50px; left: 50px; width: 6px; height: 6px; border: 1px solid white; border-radius: 50%; box-shadow: 0px 0px 0px 1px rgb(0, 153, 255); background-color: transparent;}.mwColorGradient .mwColorGradientHueMarker {pointer-events: none; z-index: 2; position: absolute; top: 50px; left: -3px; width: 19px; height: 5px; border: 1px solid rgb(166, 166, 166); border-radius: 1px; background-color: white;}