/** Styles for the price slider */
.noUi-horizontal {
  height: 0.3em;
  .noUi-connect {
    //height: 0.3em;
    background: $colorNeutral5;
  }
  .noUi-handle {
    top: -0.2em;
    border-radius: 50%;
    background: color-yiq($colorContentBackground);
    border: 0;
    width: 0.7em;
    height: 0.7em;
    cursor: grab;
    box-shadow: 0 0 0 5px color-yiq($colorContentBackground);
    &::after,
    &::before {
      content: none;
    }
  }
}
.noUi-target {
  background: $sand;
  box-shadow: none;
  border: 0;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -0.35em;
}


.price-range-inputs {
  .col:nth-child(2) {
    margin-left: auto;
  }

  .input-group {
    margin-bottom: 0;
  }

  .input-group-append {
    height: 24px;

    .input-group-text {
      border-left: 0;
      font-weight: $font-weight-bold;
      padding: $input-padding-y-sm $input-padding-x-sm;
    }
  }

  input {
    font-weight: $font-weight-bold;
    height: 24px;
    padding: $input-padding-y-sm $input-padding-x-sm;
  }
}

.price-range-slide {
  margin-bottom: $grid-gutter-width;
  margin-left: 10px;
  margin-right: 10px;
}