@import "./var";

.param-expiries-limit {
  padding: calc((#{$input-height} - 20px) / 2) 0;

  &.readonly {
    padding: calc((#{$input-readonly-height} - 20px) / 2) 0;
  }

  .param-number-range {
    margin: 0 0 0 10px;
  }

  .param-number-range-prefix {
    display: none;
  }

  .param-number-suffix {
    padding: 0 7px;
  }
}

.param-expiries-limit-val {
  display: block;

  &:after {
    content: ';'
  }
}

.param-expiries-limit-val-sep {
  padding: 0 4px;
  color: #999;
}

.param-expiries-limit-inputs {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;

  .param-expiries, .param-number-range, .param-arr-ops {
    height: 30px;
    padding-top: 0;
    padding-right: 0;
    margin: 0;

    &.readonly {
      height: 20px;
      line-height: 18px;

      .param-expiries-val {
        margin-top: 0;
      }
    }

    .param-expiries-placeholder, .param-expiries-val {
      margin-top: 4px;
    }

    .param-number-range-sep {
      margin: 0 6px;
    }
  }

  .param-arr-ops {
    padding: 0;
  }

  //.param-arr-ops:nth-child(8):last-child {
  //
  //  .param-arr-ops-del {
  //    visibility: hidden;
  //    pointer-events: none;
  //  }
  //}
}

.param-expiries-popover {
  padding: 0 !important;

  .ant-popover-arrow {
    display: none;
  }
}