@media (max-width: 1023px) {
  body.mobile-filter-open {
    overflow: hidden;
    height: 100vh;
  }
}

.search-result__refiners {
  border-right: var(--border-size-150) solid var(--color-border-color-primary);
  padding: 0 var(--space-320) var(--space-240) 0;
  gap: var(--space-480);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .search-result__refiners {
    background: var(--color-surface-primary-onLight);
    padding: var(--space-320);
    position: fixed;
    z-index: 9991;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    gap: 0;
    border-radius: 0;
    overflow: hidden;
  }

  .search-result__refiners.refiners--animation {
    transition: all 300ms ease-in-out;
  }
}

.search-result__refiners .search-result__filter-close {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  gap: var(--space-480);
  align-self: stretch;
}

@media (max-width: 1023px) {
  .search-result__refiners .search-result__filter-close {
    margin-bottom: var(--space-160);
    margin-top: calc(-1 * var(--space-160));
  }
}

.search-result__refiners .search-result__filter-close .search-result__filter-close-container button {
  padding: var(--space-008);
  gap: var(--space-008);
  background: var(--color-btn-primary);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: var(--border-radius-400);
  border: 0;
}

.search-result__refiners .search-result__filter-close .search-result__filter-close-container button:focus {
  outline: none;
} 

.search-result__refiners .search-result__filter-close .search-result__filter-close-container button svg {
  stroke: var(--color-text-reverse);
}

@media (max-width: 1023px) {
  .search-result__refiners .search-result__filter-close .search-result__filter-close-container button {
    background-color: transparent;
    border: 0;
    padding: 0;
  }

  .search-result__refiners .search-result__filter-close .search-result__filter-close-container button svg {
    stroke: var(--color-surface-theme);
    margin-left: calc(-1 * var(--space-200));
    height: 40px;
    width: 40px;
  }
}

@media (max-width: 1023px) {
  .search-result__refiners .search-result__filter-close .search-result__filter-close--remove-all {
    display: none;
  }
}

.search-result__refiners .search-result__filter-close .search-result__filter-close--remove-all {
  margin-top: var(--space-008);
}

.search-result__refiners .search-result__filter-close .search-result__filter-close--remove-all button {
  border: 0;
  padding: 0;
  background: none;
  font-size: var(--font-size-120);
  font-family: var(--font-family-semibold);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-133);
  color: var(--color-text-primary);
  margin: 0 auto;
  font-style: normal;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}

.search-result__refiners .search-result__filter-container {
  gap: var(--space-140);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  align-self: stretch;
}

@media (max-width: 1023px) {
  .search-result__refiners .search-result__filter-container {
    max-height: calc(100vh - 176px);
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: calc(-1 * var(--space-320));
    margin-left: calc(-1 * var(--space-320));
    padding: var(--space-200) var(--space-320) 0;
    box-shadow: inset 0 var(--space-004) var(--space-004) 0 rgba(0, 0, 0, 0.1);
    padding-bottom: var(--space-960);
  }
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list {
  gap: var(--space-004);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  width: 100%;
  white-space: nowrap;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list:not(.filter-heading) {
  border-bottom: var(--border-size-150) solid var(--color-border-color-primary);
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .filter-type-list__group-name {
  font-family: var(--font-family-medium);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-200);
  line-height: var(--line-height-133);
  color: var(--color-text-primary);
  font-style: normal;
  display: flex;
  align-items: flex-end;
  border-bottom: none;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-type-container {
  border: 0;
  padding: 0;
  background: none;
  padding: var(--space-004);
  gap: var(--space-008);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  border-radius: 0;
  cursor: pointer;
  min-width: 295px;
  width: 100%;
}

@media (min-width: 1024px) {
  .search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-type-container {
    width: 247px;
    min-width: unset;
  }
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-type-container .search-result__filter-type-name {
  width: calc(100% - var(--space-200));
  padding: 0;
  white-space: normal;
  text-align: left;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-type-container .search-result__filter-type-name span {
  font-family: var(--font-family-medium);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-140);
  line-height: var(--line-height-150);
  color: var(--color-text-primary);
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-type-container .search-result__filter-type-list--collapse-icon {
  padding: 0;
  transform: rotate(180deg);
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-type-container.search-result__filter-subtype-list--collapsed .search-result__filter-type-list--collapse-icon {
  transform: rotate(360deg);
  margin-right: calc(-1 * var(--space-004));
  margin-bottom: calc(-1 * var(--space-008));
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-type-container.search-result__filter-subtype-list--collapsed .search-result__filter-type-name span {
  font-family: var(--font-family-regular);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-140);
  line-height: var(--line-height-150);
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list {
  padding: var(--space-004)0 var(--space-160);
  gap: var(--space-004);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list.search-result__filter-subtype-list--collapsed {
  display: none;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list button {
  border: 0;
  padding: 0;
  background: none;
  font-size: var(--font-size-140);
  font-family: var(--font-family-regular);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-150);
  color: var(--color-link-text);
  cursor: pointer;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list button:hover {
  text-decoration: underline;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list button.expand--hide {
  display: none;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list button.filter-subtype-list__see-less {
  color: var(--color-text-primary);
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: var(--space-002);
  gap: var(--space-008);
  border-radius: 0;
  position: relative;
  min-width: 295px;
  width: 100%;
}

@media (min-width: 1024px) {
  .search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item {
    width: 247px;
    min-width: unset;
  }
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item.filter--hide {
  display: none;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox] {
  height: var(--space-200);
  width: var(--space-200);
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  z-index: 1;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox]:checked+label:after {
  content: "";
  top: var(--space-005);
  left: var(--space-006);
  width: var(--space-006);
  height: var(--space-120);
  display: block;
  position: absolute;
  border: solid var(--color-border-color-secondary);
  border-width: 0 var(--border-size-200) var(--border-size-200) 0;
  transform: rotate(45deg);
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox]:disabled,
.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox]:disabled+label,
.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox]:disabled+label::before {
  border-color: var(--color--border-disabled);
  color: var(--color-text-secondary);
  cursor: auto;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox]:checked+label::before {
  border-color: var(--color-border-color-secondary);
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox].filter-checkbox--readonly,
.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox].filter-checkbox--readonly+label {
  cursor: none;
  pointer-events: none;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox]:focus-visible,
.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item input[type=checkbox]:focus-visible+label {
  outline: -webkit-focus-ring-color auto var(--border-size-400);
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item label {
  position: relative;
  cursor: pointer;
  padding-left: var(--space-320);
  white-space: normal;
  font-weight: inherit;
}

.search-result__refiners .search-result__filter-container .search-result__filter-type-list .search-result__filter-subtype-list .search-result__filter-subtype-list-item label:before {
  content: "";
  top: var(--space-002);
  border: var(--border-size-150) solid var(--color-checkbox-normal);
  padding: var(--space-008);
  margin-top: - var(--space-002);
  border-radius: var(--border-radius-004);
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0;
  position: absolute;
  left: 0;
}

.search-result__filter-mobile-clear-button {
  box-shadow: 0 calc(-1 * var(--space-004)) var(--space-004) rgba(0, 0, 0, 0.1);
  background-color: var(--color-surface-primary-onLight);
  width: 99.5vw;
  height: 76px;
  display: flex;
  justify-content: center;
  position: fixed;
  align-items: center;
  bottom: 0;
  left: 0;
  transition: all 300ms ease-in-out;
}

@media (min-width: 1024px) {
  .search-result__filter-mobile-clear-button {
    display: none;
  }
}

.search-result__filter-mobile-clear-button button {
  border: var(--space-002) solid var(--color-btn-primary);
  font-weight: var(--font-weight-medium);
  gap: var(--space-008);
  background-color: var(--color-surface-primary-onLight);
  color: var(--color-link-text);
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--border-radius-240);
  font-size: var(--font-size-140);
  line-height: var(--line-height-143);
  padding-block: var(--space-120);
  padding-inline: var(--space-240);
}

.search-result__filter-mobile-clear-button button:disabled {
  color: var(--color-text-secondary);
  border-color: var(--color--border-disabled);
}