/* stylelint-disable order/properties-order */
@import '../../../base/style.less';

@popupPrefix: iot-number-slider-out;

.@{popupPrefix} {
  width: 100%;
  height: .54rem;
  // opacity: 0.3;
  display: flex;
  justify-content: center;
  align-items: center;
  // padding: .1rem 0;
  margin: .1rem 0;

  .Slider {
    flex: 1;
  }
  .volume-icon-box {
    height: .54rem;
    display: flex;
    align-items: center;
  }
  .volume-icon {
    font-size: .2rem;
    margin: 0 .175rem;
    color: #000;
  }
  .volume-icon-left {
    margin-left: .075rem;
  }
  .volume-icon-right {
    margin-right: .125rem;
  }
}