/**
* 2023 Danzai Software
*
* NOTICE OF LICENSE
*
* This source file is subject to the Commercial License
* you can't distribute, modify or sell this code
*
* DISCLAIMER
*
* Do not edit or add to this file
* If you need help please contact contacto@danzai.es
*
*  @author    Danzai Software <contacto@danzai.es>
*  @copyright 2023 Danzai Software
*  @license   https://danzai.es  Commercial license
*/

.tsfeaturesfilter-filter-primary {
  margin-bottom: 1.563rem;
  padding: 3.125rem;
  border: 0.063rem solid #c3171e;
  background-color: #c3171e;
}
.tsfeaturesfilter-filter-secondary {
  margin-top: 2rem;
  background-color: #fff;
  padding: 2rem;
}
.tsfeaturesfilter-filter-primary .tsfeaturesfilter-filter-features {
  margin-top: 2rem;
}
.tsfeaturesfilter-filter-feature {
  margin-bottom: 1rem;
}
.tsfeaturesfilter-filter-feature-value {
  padding-right: 0;
}
.tsfeaturesfilter-filter-feature-value select {
  width: 100%;
  border: 0.063rem solid #fff;
  border-radius: 0.625rem;
  color: #232323;
  padding: 0.375rem;
}
.tsfeaturesfilter-filter-primary
  .tsfeaturesfilter-filter-feature-value
  select:focus-visible {
  outline: #c3171e auto 0.063rem;
}
.tsfeaturesfilter-filter-secondary
  .tsfeaturesfilter-filter-feature-value
  select:focus-visible {
  outline: #232323 auto 0.063rem;
}
.tsfeaturesfilter-filter-feature-view {
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tsfeaturesfilter-filter-tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
  display: flex;
  align-items: center;
  opacity: 1;
}
.tsfeaturesfilter-filter-tooltip-primary svg {
  fill: #fff;
}
.tsfeaturesfilter-filter-tooltip-secondary svg {
  fill: #232323;
}
.tsfeaturesfilter-filter-tooltip-box {
  visibility: hidden;
  background-color: #fff;
  border-radius: 0.188rem 0.188rem 0.188rem 0;
  position: absolute;
  z-index: 9999;
  padding: 0.313rem;
  box-shadow: 0.313rem 0.625rem 1.125rem #000;
  width: 31.25rem;
  margin-left: -25rem;
  bottom: 300%;
}
.tsfeaturesfilter-filter-tooltip-box img {
  max-width: 100%;
}
.tsfeaturesfilter-filter-tooltip-box::after {
  content: "";
  position: absolute;
  border-width: 0.938rem;
  border-style: solid;
  border-color: #fff;
  top: 100%;
  left: 79%;
  border-color: #fff transparent transparent transparent;
}
.tsfeaturesfilter-filter-tooltip:hover
  .tsfeaturesfilter-filter-tooltip-box {
  visibility: visible;
}
.tsfeaturesfilter-filter-action {
  padding-right: 0;
}
.tsfeaturesfilter-filter-action-primary {
  width: 100%;
  padding: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  background-color: #232323;
  border: 0.063rem solid #232323;
  border-radius: 0.625rem;
  color: #fff;
}
.tsfeaturesfilter-filter-action-primary:hover {
  background-color: #fff;
  border: 0.063rem solid #fff;
  color: #232323;
}
.tsfeaturesfilter-filter-action-secondary {
  width: 100%;
  padding: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  background-color: #c3171e;
  border: 0.063rem solid #c3171e;
  border-radius: 0.625rem;
  color: #fff;
}
.tsfeaturesfilter-filter-action-secondary:hover {
  background-color: #ab1d1d;
  border: 0.063rem solid #ab1d1d;
}
.tsfeaturesfilter-filter-no-features {
  margin-top: 2rem;
  text-align: center;
}
.tsfeaturesfilter-products {
  margin-top: 2rem;
}
.tsfeaturesfilter-products-no-results {
  text-align: center;
  color: #7a7a7a;
  padding: 1rem;
}
@media (max-width: 768px) {
  .tsfeaturesfilter-filter-tooltip-box {
    width: 25rem;
    margin-left: -20rem;
    bottom: 200%;
  }
}
@media (max-width: 600px) {
  .tsfeaturesfilter-filter-tooltip-box {
    width: 18.75rem;
    margin-left: -15.313rem;
  }
}
@media (max-width: 500px) {
  .tsfeaturesfilter-filter-tooltip-box {
    width: 17rem;
    margin-left: -13.75rem;
  }
}