.ui-slider {
  --rem: var(--_rem, 100px);

  --color-border: var(--_color-border, 200, 209, 210);
  --color-main_: var(--_color-main_, 109, 4, 254);
}

#search_filters .ui-widget-content {
  background: rgb( var(--color-border) );
  border: none;
}

#search_filters .ui-slider-range {
  background: rgb( var(--color-main_) );
}

#search_filters .ui-slider .ui-slider-handle {
  background: rgb( var(--color-main_) );
  border: none;
  border-radius: 100%;
  cursor: e-resize;
  height: calc( 0.16 * var(--rem) );
  margin: 0;
  top: calc( -0.065 * var(--rem) );
  width: calc( 0.16 * var(--rem) );
}

#search_filters .ui-slider-horizontal {
  height: calc( 0.05 * var(--rem) );
}

#search_filters .facet .title {
  display: flex;
}

#search_filters .facet .title .collapse-icons {
  margin-left: auto;
}

#search_filters .facet .facet-title {
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#search_filters .facet .facet-label {
  width: 100%;
  text-align: left;
}

#search_filters .facet .facet-label .custom-checkbox,
#search_filters .facet .facet-label .custom-radio {
  top: -7px;
  margin-right: 0;
}

#search_filters .facet .facet-label .color {
  margin-left: 0;
}

#search_filters .facet .facet-label a {
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.faceted-overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(25, 25, 25, 0.5);
  z-index: 100;
}

.faceted-overlay .overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.faceted-overlay .overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.faceted-overlay .spinner {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.05);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
} 