@import '~@alife/theme-cnwms-operate/variables.scss';

// $s-9: 36px;

.op-volume-input {
  border: 2px solid #b8cfe6;
  border-radius: 8px;

  &-large {
    height: 72px;
  }
  &-medium {
    height: 64px;
  }
  &-small {
    height: 48px;
  }
  &-length,
  &-width,
  &-height {
    width: 100%;
    height: 100% !important;
    font-size: $s-9;
    background-color: transparent;
    border: none;
    input {
      height: 100% !important;
      font-size: $s-9 !important;
      color: $color-brand1-6;
    }
  }
  &-text {
    font-size: 36px;
    color: #b8cfe6;
  }
  &-unit {
    font-size: 20px;
    color: #b8cfe6;
  }
  &-icon {
    font-weight: bold;
    color: #143666;
  }
  .cn-next-input.cn-next-focus {
    box-shadow: none !important;
  }
}