/* COLORS */
/* FONTS */
/* 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; }

.search-refine-bar {
  border-color: #EDEBE9; }
  .search-refine-bar__container__filters__applied-counter__text {
    color: #ffffff;
    font-family: "ubuntumedium";
    font-size: 12px;
    font-style: normal;
    font-weight: 500; }
  .search-refine-bar__filters {
    background-color: #f8f7f7;
    color: #7e7367; }
    @media (min-width: 768px) {
      .search-refine-bar__filters {
        background-color: unset; } }
    .search-refine-bar__filters__text {
      color: #7e7367;
      font-family: "ubuntulight";
      font-size: 14px;
      line-height: 136%; }
    .search-refine-bar__filters__applied-counter__text {
      color: #ffffff;
      font-family: "ubuntumedium";
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 136%; }
  .search-refine-bar__display-mode svg {
    color: #7e7367; }
  .search-refine-bar__display-mode .search-refine-bar__display-mode__cards[aria-selected="true"]
.search-refine-bar__display-mode__cards__image {
    background-color: #7e7367; }
    .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 {
    background-color: #f8f7f7; }
    .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 {
    background-color: #7e7367; }
    .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 {
    background-color: #f8f7f7; }
    .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; }
  .search-refine-bar__selected-filter__text {
    color: #7e7367;
    font-family: "ubuntulight";
    font-size: 12px;
    font-style: normal;
    line-height: 136%; }
  .search-refine-bar__remove-filters {
    font-family: "ubuntumedium";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%;
    color: #7e7367;
    border: 1px solid #7e7367; }
    .search-refine-bar__remove-filters[disabled] {
      background-color: #f8f7f7;
      color: #d8d4cf;
      border: 1px solid #f8f7f7; }
    .search-refine-bar__remove-filters__text {
      color: #7e7367;
      font-family: "ubuntumedium";
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 136%; }
    .search-refine-bar__remove-filters__bin--disabled svg {
      color: #d8d4cf; }

.search-results.pet-type__dog .search-refine-bar__filters__applied-counter {
  background-color: #936031; }

.search-results.pet-type__dog .search-refine-bar__selected-filter {
  border: 1px solid #936031;
  background-color: #fbf7f4;
  color: #936031; }

.search-results.pet-type__cat .search-refine-bar__filters__applied-counter {
  background-color: #4a773c; }

.search-results.pet-type__cat .search-refine-bar__selected-filter {
  border: 1px solid #4a773c;
  background-color: #f6faf5;
  color: #4a773c; }

.search-results.pet-type__all .search-refine-bar__filters__applied-counter {
  background-color: #7e7367; }

.search-results.pet-type__all .search-refine-bar__selected-filter {
  border: 1px solid #7e7367;
  background-color: #f8f7f7;
  color: #7e7367; }

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