/**
 * @param {string} $scheme - The color scheme of the button. Options are nothing, $scheme-light, $scheme-dark
 * if $scheme-dark is passed, the button will be black text and black outline
 * if $scheme-light is passed, the button will be white text and white outline
 * if no $scheme is passed, the button will depend on the background color via the bg-dark mixin
 *   - if ancestor DOES have bg-dark, then white text and white outline
 *   - if ancestor DOES NOT have bg-dark, then black text and black outline
 */
.mobile-filters__inner-wrapper[data-v-6235f812] {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: inherit;
}
.mobile-filters__facets-container[data-v-6235f812] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
.mobile-filters__facets-container[data-v-6235f812]::-webkit-scrollbar {
  display: none;
}
.mobile-filters__header[data-v-6235f812] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  background: #ffffff;
  padding: 16px;
  z-index: 200;
  border-bottom: 1px solid #f3f3f3;
}
.mobile-filters__filter[data-v-6235f812] {
  font-family: "DenimINK-Regular", Arial, sans-serif;
  font-style: normal;
  line-height: 1.4;
  font-size: 16px;
  letter-spacing: 0rem;
  text-transform: none;
  color: #000000;
}
.-bg-dark .mobile-filters__filter[data-v-6235f812], .-bg-section-dark .mobile-filters__filter[data-v-6235f812], .-bg-page-dark .-bg-section-transparent .mobile-filters__filter[data-v-6235f812] {
  color: #ffffff;
  fill: #ffffff;
}
.mobile-filters__filter a[data-v-6235f812] {
  color: #000000;
}
.-bg-dark .mobile-filters__filter a[data-v-6235f812], .-bg-section-dark .mobile-filters__filter a[data-v-6235f812], .-bg-page-dark .-bg-section-transparent .mobile-filters__filter a[data-v-6235f812] {
  color: #ffffff;
  fill: #ffffff;
}
.mobile-filters__filter[data-v-6235f812] {
  margin: auto;
}
.mobile-filters__close-button[data-v-6235f812] {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 0;
  text-align: center;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
}
.mobile-filters__close-icon[data-v-6235f812] {
  height: 20px;
  width: 20px;
}
.mobile-filters__applied-facets-wrapper[data-v-6235f812] {
  border-bottom: 1px solid #f3f3f3;
  margin: 0px;
  width: 100%;
  overflow: hidden;
}
.mobile-filters__applied-facets-wrapper[data-v-6235f812] .facet-list {
  overscroll-behavior-x: none;
}
.mobile-filters__applied-facets-wrapper[data-v-6235f812] .facet-list {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 16px;
  margin: 0px;
  align-items: center;
}
.mobile-filters__applied-facets-wrapper[data-v-6235f812] .facet-list__container {
  padding-bottom: 0px;
  border-bottom: none;
}
.mobile-filters__applied-facets-wrapper[data-v-6235f812] .clear-button {
  padding-right: 12px;
  white-space: nowrap;
  text-decoration: underline;
}
.mobile-filters__applied-facets-wrapper[data-v-6235f812] .facet {
  border: 1px solid #c9c9c9 !important;
  padding: 0px 4px 0px 12px !important;
  gap: 4px;
}
.mobile-filters__applied-facets-wrapper[data-v-6235f812] .facet .facet__remove-icon-wrapper {
  width: 28px !important;
  height: 28px !important;
  margin: 0px !important;
}
.mobile-filters__footer[data-v-6235f812] {
  text-align: center;
  width: 100%;
  flex: 0 0 auto;
  padding: 12px 16px 36px;
  z-index: 200;
  background-color: #ffffff;
  border-top: 1px solid #f3f3f3;
}
.mobile-filters__footer button[data-v-6235f812] {
  font-family: "DenimINK-Medium", Arial, sans-serif;
  height: 44px;
  border: solid 1px #000000;
  border-radius: 2px;
  background: transparent;
  display: inline-block;
  color: #000000;
  padding: 8px 12px;
  width: 100%;
}
.mobile-filters__footer button.show-button[data-v-6235f812] {
  color: #ffffff;
  background-color: #000000;
}
.mobile-filters__footer button.show-button[data-v-6235f812]:disabled {
  border: 0px;
  background-color: #f3f3f3;
}
.mobile-filters__footer button[data-v-6235f812]:disabled {
  color: #b3b3b3;
  border-color: #b3b3b3;
}
.mobile-filters__footer-transition[data-v-6235f812] {
  display: flex;
  width: 100%;
}
.mobile-filters .hide-mobile-header[data-v-6235f812] {
  display: none;
}
.mobile-filters .hide-mobile-footer[data-v-6235f812] {
  display: none;
}
.mobile-filter-footer-transition-enter-active[data-v-6235f812],
.mobile-filter-footer-transition-leave-active[data-v-6235f812] {
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms;
}
.mobile-filter-footer-transition-enter[data-v-6235f812],
.mobile-filter-footer-transition-leave-to[data-v-6235f812] {
  transform: translateY(150%);
}
[data-v-6235f812] .selectionSection {
  margin: 0px !important;
  padding: 0px 16px;
}
[data-v-6235f812] .facet-accordion {
  margin-left: 0px !important;
}
[data-v-6235f812] .bopis-store-selector-facet {
  border: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
}
[data-v-6235f812] .bopis-store-selector-facet__body-container {
  padding: 0px !important;
}
[data-v-6235f812] .facet-option .form-control-checkbox {
  width: 16px !important;
  height: 16px !important;
  margin-right: 0px !important;
}
[data-v-6235f812] .facet-option .labelText {
  margin-left: 8px !important;
}
[data-v-6235f812] .facet-option .labelCount {
  margin-left: 8px !important;
}
[data-v-6235f812] .card-header {
  margin: 0px !important;
  padding: 24px 0px !important;
}
[data-v-6235f812] .card-header[aria-expanded=true] {
  padding-bottom: 20px !important;
}
[data-v-6235f812] .card-header.child-header {
  padding: 0px 0px 12px 0px !important;
}
[data-v-6235f812] .card-header.child-header h3 {
  margin: 0px !important;
}
[data-v-6235f812] .card-header.child-header .facet-label {
  font-family: "DenimINK-Medium", Arial, sans-serif;
  font-style: normal;
  line-height: 1.4;
  font-size: 14px;
  letter-spacing: 0rem;
  text-transform: none;
  color: #000000;
}
.-bg-dark[data-v-6235f812] .card-header.child-header .facet-label, .-bg-section-dark[data-v-6235f812] .card-header.child-header .facet-label, .-bg-page-dark .-bg-section-transparent[data-v-6235f812] .card-header.child-header .facet-label {
  color: #ffffff;
  fill: #ffffff;
}
[data-v-6235f812] .card-header.child-header .facet-label a {
  color: #000000;
}
.-bg-dark[data-v-6235f812] .card-header.child-header .facet-label a, .-bg-section-dark[data-v-6235f812] .card-header.child-header .facet-label a, .-bg-page-dark .-bg-section-transparent[data-v-6235f812] .card-header.child-header .facet-label a {
  color: #ffffff;
  fill: #ffffff;
}
[data-v-6235f812] .card-body {
  padding: 0px 0px 24px 0px !important;
}
[data-v-6235f812] .radio-wrapper .radio-group__wrapper {
  margin-bottom: 12px !important;
}
[data-v-6235f812] .radio-wrapper .radio-group__wrapper:last-child {
  margin-bottom: 0px !important;
}
[data-v-6235f812] .form-group.checkbox.facet-option {
  margin-bottom: 12px !important;
}
[data-v-6235f812] .form-group.checkbox.facet-option:last-child {
  margin-bottom: 0px !important;
}
[data-v-6235f812] .tiles-wrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, 52px) !important;
  gap: 0px !important;
  width: 100% !important;
  padding: 0px !important;
  margin: 0px !important;
}
[data-v-6235f812] .tiles-wrapper:before,[data-v-6235f812] .tiles-wrapper:after {
  display: none !important;
}
[data-v-6235f812] .tile-checkbox {
  width: 100% !important;
  height: 40px !important;
  margin: 0px !important;
  float: none !important;
  padding: 0px !important;
  border: 1px solid #e9e9e9 !important;
  position: relative;
}
[data-v-6235f812] .tile-checkbox:has(.check-tile.hovered) {
  border-color: #c9c9c9 !important;
  z-index: 100;
}
[data-v-6235f812] .tile-checkbox .check-tile {
  height: 100% !important;
  border-radius: 0px !important;
  border: 0px !important;
  position: relative;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 4px 8px !important;
}
[data-v-6235f812] .tile-checkbox .check-tile.hovered {
  box-shadow: none !important;
}
[data-v-6235f812] .tile-checkbox input[type=checkbox]:checked + .check-tile {
  background-color: #000000 !important;
  color: #ffffff;
  font-weight: 500;
  z-index: 1;
  box-shadow: inset 0px 0px 0px 1px #000000;
}
[data-v-6235f812] .tile-checkbox input[type=checkbox]:checked + .check-tile a,[data-v-6235f812] .tile-checkbox input[type=checkbox]:checked + .check-tile span,[data-v-6235f812] .tile-checkbox input[type=checkbox]:checked + .check-tile .checkbox-text {
  color: #ffffff !important;
}
[data-v-6235f812] .tile-checkbox input[type=checkbox]:checked + .check-tile.hovered {
  background-color: #000000 !important;
}
[data-v-6235f812] .tile-checkbox input[type=checkbox]:checked + .check-tile.hovered a,[data-v-6235f812] .tile-checkbox input[type=checkbox]:checked + .check-tile.hovered span,[data-v-6235f812] .tile-checkbox input[type=checkbox]:checked + .check-tile.hovered .checkbox-text {
  color: #ffffff !important;
}/**
 * @param {string} $scheme - The color scheme of the button. Options are nothing, $scheme-light, $scheme-dark
 * if $scheme-dark is passed, the button will be black text and black outline
 * if $scheme-light is passed, the button will be white text and white outline
 * if no $scheme is passed, the button will depend on the background color via the bg-dark mixin
 *   - if ancestor DOES have bg-dark, then white text and white outline
 *   - if ancestor DOES NOT have bg-dark, then black text and black outline
 */
.mobile-filters[data-v-39c83cab] {
  --mobile-filters-slide-duration: 400ms;
  --mobile-filters-slide-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  position: fixed;
  background-color: #ffffff;
  bottom: 0px;
  left: 0px;
  height: 90dvh;
  overflow: hidden;
  z-index: 402;
}
.mobile-filters .mobile-filter-inner-transition-enter-active[data-v-39c83cab],
.mobile-filters .mobile-filter-inner-transition-leave-active[data-v-39c83cab] {
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
}
.mobile-filters .mobile-filter-inner-transition-enter[data-v-39c83cab],
.mobile-filters .mobile-filter-inner-transition-leave-to[data-v-39c83cab] {
  opacity: 0;
}
.full-width[data-v-39c83cab] {
  width: 100vw;
}
.mobile-filter-inner-wrapper[data-v-39c83cab] {
  height: 100%;
}