/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* COLORS */
/* FONTS */
.search-refine-bar {
  height: calc(32px + 16px); }
  @media (min-width: 768px) {
    .search-refine-bar {
      gap: 16px; } }
  .search-refine-bar__container {
    gap: 16px; }
    @media (min-width: 768px) {
      .search-refine-bar__container {
        min-width: 286px; } }
    .search-refine-bar__container__filters__applied-counter {
      padding: 4px 0;
      width: 24px; }
  .search-refine-bar__filters {
    padding: 4px 12px;
    gap: 4px;
    color: #464039; }
    @media (min-width: 768px) {
      .search-refine-bar__filters {
        padding: 4px 0;
        gap: 8px;
        cursor: unset !important; } }
    .search-refine-bar__filters__applied-counter {
      padding: 4px 0;
      height: 24px;
      width: 24px; }
    .search-refine-bar__filters svg {
      display: block; }
  .search-refine-bar__display-mode {
    gap: 8px; }
    .search-refine-bar__display-mode svg {
      display: block;
      color: #464039; }
  .search-refine-bar__selected-filters {
    gap: 8px; }
    .search-refine-bar__selected-filters:not(.d-none) ~ .search-refine-bar__custom-refinements {
      border-top: 1px solid #EDEBE9; }
  .search-refine-bar__selected-filter {
    height: 24px;
    align-items: center;
    gap: 4px; }
    .search-refine-bar__selected-filter__text {
      line-height: 100%; }
    .search-refine-bar__selected-filter svg {
      display: block; }
    @media (min-width: 768px) {
      .search-refine-bar__selected-filter {
        cursor: pointer; } }
  .search-refine-bar__remove-filters {
    padding: 8px 12px;
    gap: 4px; }
    .search-refine-bar__remove-filters svg {
      display: block; }
    @media (min-width: 768px) {
      .search-refine-bar__remove-filters {
        height: 32px; } }
    .search-refine-bar__remove-filters[disabled] .search-refine-bar__remove-filters__bin {
      display: none; }
      .search-refine-bar__remove-filters[disabled] .search-refine-bar__remove-filters__bin--disabled {
        display: block; }
    .search-refine-bar__remove-filters__bin {
      display: block;
      width: 20px;
      height: 20px; }
      @media (min-width: 768px) {
        .search-refine-bar__remove-filters__bin {
          width: 16px;
          height: 16px; } }
    .search-refine-bar__remove-filters__bin--disabled {
      display: none;
      width: 20px;
      height: 20px; }
      @media (min-width: 768px) {
        .search-refine-bar__remove-filters__bin--disabled {
          width: 16px;
          height: 16px; } }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__cards[aria-selected="true"]
.search-refine-bar__display-mode__cards__image--selected {
    display: block; }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__cards[aria-selected="true"]
.search-refine-bar__display-mode__cards__image--unselected {
    display: none; }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__cards[aria-selected="false"]
.search-refine-bar__display-mode__cards__image--selected {
    display: none; }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__cards[aria-selected="false"]
.search-refine-bar__display-mode__cards__image--unselected {
    display: block; }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__list[aria-selected="true"]
.search-refine-bar__display-mode__list__image--selected {
    display: block; }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__list[aria-selected="true"]
.search-refine-bar__display-mode__list__image--unselected {
    display: none; }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__list[aria-selected="false"]
.search-refine-bar__display-mode__list__image--selected {
    display: none; }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__list[aria-selected="false"]
.search-refine-bar__display-mode__list__image--unselected {
    display: block; }

/* colores */
.title1 {
  font-family: "klavikaregular";
  font-size: 3.5rem;
  line-height: 1.5; }

.title2 {
  font-family: "klavikaregular";
  font-size: 2.25rem;
  line-height: 1.5; }

.title3 {
  font-family: "klavikaregular";
  font-size: 1.75rem;
  line-height: 1.5; }

.text1 {
  font-size: 1.75rem; }

.text2 {
  font-size: 1.5rem; }

.text3 {
  font-size: 1.375rem; }

.text4 {
  font-size: 1.25rem; }

.text5 {
  font-size: 1.125rem; }

.text6 {
  font-size: 1rem; }

.text7 {
  font-size: 0.875rem; }

.text-fail {
  color: #e71754; }

.label1 {
  font-family: "open_sanslight";
  font-size: 0.75rem; }

.label2 {
  font-family: "open_sanslight";
  font-size: 0.625rem; }

.navbar {
  background-color: #fff; }

/* COLORS */
/* FONTS */
/* PDP COLORS */
/* PDP FONTS */
.search-refine-bar__selected-filter {
  border: 1px solid #182d4d;
  color: #182d4d; }

.search-refine-bar__filters {
  color: #0c2340; }
  .search-refine-bar__filters__text {
    color: #182d4d; }
  .search-refine-bar__filters__applied-counter {
    background-color: #63d0e3;
    color: #fff;
    font-weight: 700;
    font-size: 14px; }

.search-refine-bar__display-mode .search-refine-bar__display-mode__cards[aria-selected="true"]
.search-refine-bar__display-mode__cards__image {
  background-color: #182d4d; }

.search-refine-bar__display-mode .search-refine-bar__display-mode__cards[aria-selected="false"]
.search-refine-bar__display-mode__cards__image {
  background-color: #f4f5f6; }

.search-refine-bar__display-mode .search-refine-bar__display-mode__list[aria-selected="true"]
.search-refine-bar__display-mode__list__image {
  background-color: #182d4d; }

.search-refine-bar__display-mode .search-refine-bar__display-mode__list[aria-selected="false"]
.search-refine-bar__display-mode__list__image {
  background-color: #f4f5f6; }

.search-refine-bar__display-mode svg {
  color: #182d4d; }

.search-refine-bar__remove-filters {
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  color: #182d4d;
  text-transform: uppercase; }
  .search-refine-bar__remove-filters .svg-wrapper {
    height: 20px;
    width: 20px; }
  .search-refine-bar__remove-filters svg {
    height: 20px;
    width: 20px;
    color: #63d0e3; }
  .search-refine-bar__remove-filters__bin--disabled svg {
    color: #d7d9e0; }

/*# sourceMappingURL=searchRefineBar.css.map*/