select:not([size]) {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.87762 8.70756C8.87762 8.70756 6.1238 11.3738 5.00294 12.459C5.00293 12.459 1.12825 8.70756 1.12825 8.70756C0.870967 8.45846 0.453197 8.45846 0.195911 8.70756C-0.0613794 8.95666 -0.0613794 9.36115 0.195911 9.61025L4.53676 13.813C4.79422 14.0623 5.21165 14.0623 5.46911 13.813L9.80996 9.61025C10.0673 9.36115 10.0673 8.95666 9.80996 8.70756C9.55268 8.45846 9.13491 8.45846 8.87762 8.70756ZM1.12824 5.29244L5.00292 1.54099C5.00292 1.54099 8.87761 5.29244 8.87761 5.29244C9.13489 5.54154 9.55266 5.54154 9.80995 5.29244C10.0672 5.04334 10.0672 4.63885 9.80995 4.38975L5.4691 0.186953C5.21164 -0.0623177 4.79421 -0.0623177 4.53675 0.186953L0.195898 4.38975C-0.061393 4.63885 -0.061393 5.04334 0.195898 5.29244C0.453184 5.54154 0.870954 5.54154 1.12824 5.29244Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: right 0px center;
  background-repeat: no-repeat;
  background-size: 9px 12px;
  padding-right: 20px;
  padding-left: 5px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media screen and (min-width: 1024px) {
  select:not([size]) {
    background-size: 10px 14px;
  }
}

.numeric-slider .noUi-target {
  background: #efefef !important;
  border-radius: 4px !important;
  border: 0 !important;
  box-shadow: none !important;
}
.numeric-slider .noUi-horizontal {
  height: 16px !important;
  margin-left: 17px;
  margin-right: 17px;
}
.numeric-slider .noUi-touch-area {
  border-radius: 50%;
}
.numeric-slider .noUi-connects {
  background: #f3f4f9;
}
.numeric-slider .noUi-connects .noUi-connect {
  background: #efd300;
}
.numeric-slider .noUi-tooltip {
  font-size: 10px !important;
  font-weight: 500 !important;
  background: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  border-radius: 0;
}

.filters--wrapper {
  position: relative;
}
.filters--wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  display: none;
  z-index: 2;
}
.filters--wrapper:after {
  animation: rotating 0.7s infinite linear;
  border: 2px solid #000;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 70px;
  width: 70px;
  position: absolute;
  top: 40%;
  left: 40%;
  z-index: 2;
  transform-origin: 50% 50%;
}
.filters--wrapper.is-loading:before {
  display: block;
  visibility: visible;
  opacity: 0.85;
}
.filters--wrapper.is-loading:after {
  opacity: 1;
  visibility: visible;
  display: block;
}

.show-more-container .filter--list {
  max-height: 335px;
  overflow: hidden;
}

.product--characteristics > ul::-webkit-scrollbar-track {
  background-color: #d9d9d9;
}
.product--characteristics > ul::-webkit-scrollbar {
  width: 2px;
  background-color: #d9d9d9;
}
.product--characteristics > ul::-webkit-scrollbar-thumb {
  background-color: #00aeef;
}

.characteristics--list.is-overflowed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, transparent, white); /* adjust color if needed */
  pointer-events: none;
  z-index: 1;
}

/* Make sure the list is positioned relatively */
.characteristics--list {
  position: relative;
}