/* 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; }
    @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;
      width: 24px; }
  .search-refine-bar__display-mode {
    gap: 8px; }
  .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 {
    gap: 4px; }
    @media (min-width: 768px) {
      .search-refine-bar__selected-filter {
        cursor: pointer; } }
  .search-refine-bar__remove-filters {
    padding: 8px 12px;
    gap: 4px; }
    @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; }

/* COLORS */
/* FONTS */
.bg-brand {
  background-color: #046A38; }

.color-brand {
  color: #046A38 !important; }

.bg-light-brand {
  background-color: #B7CE95 !important; }

/* PDP COLORS */
/* PLP COLORS */
/* PDP FONTS */
@media (min-width: 768px) {
  .search-refine-bar__container {
    gap: 0; } }

.search-refine-bar.border-bottom {
  border-bottom: 1px solid #E9E9E9 !important; }

@media (max-width: 768px) {
  .search-refine-bar__filters {
    border-radius: 30px !important;
    background-color: #F6F6F6; } }

.search-refine-bar__filters__text {
  color: #046A38;
  font-size: 14px;
  line-height: 20px; }

.search-refine-bar__filters__applied-counter {
  background-color: #B7CE95;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 50% !important; }

.search-refine-bar__remove-filters {
  display: flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #046A38; }

.search-refine-bar__selected-filter {
  border: 1px solid #046A38; }
  .search-refine-bar__selected-filter__text {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #046A38; }

.search-refine-bar__selected-filters:not(.d-none) ~ .search-refine-bar__custom-refinements {
  border-top: none !important; }

.search-refine-bar__custom-refinements .search-refinements__custom-refinement-name {
  font-size: 14px;
  font-weight: 900;
  line-height: 14px; }

.search-refine-bar__custom-refinements .search-refinements__custom-refinement-container {
  border-bottom: 1px solid #E9E9E9; }

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

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

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

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

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