@use 'sass:color';

$theme-color: $c-darkest-gray;
$bg-color: color.adjust($c-darkest-gray, $lightness: 43%);

@import '~vue-slider-component/lib/theme/material';

.ca-filter-range {
  background-color: $c-lightest-gray;
  padding: $px56 $px32 $px16;

  @include bp(laptop) {
    background-color: transparent;
    padding: $px48 $px16 $px12;
  }

  &__current {
    display: flex;
    justify-content: space-between;
    margin: 0 0 $px12;
  }

  &__value {
    font-size: $font-size-xl;
    font-weight: $font-weight-bold;
  }
}