.bbd-sorting__label {
  margin-inline-end: var(--margin-2xl);
  color: var(--color-caption);
  font-size: var(--font-paragraph--size);
}

.bbd-sorting__select {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-lg);
  height: var(--padding-5xl);
  padding: var(--padding-xs) var(--padding-lg);
  border: 1px solid var(--color-input-border);
  border-radius: var(--style-border-radius-inputs);
  line-height: 1;
  white-space: nowrap;
  word-break: keep-all;
  color: var(--color-input-text);
  background: var(--color-input-background);
  transition: all 0.15s ease-in-out;

  .svg-wrapper,
  .svg-wrapper > svg {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
  }

  .facets__summary:hover &,
  .facets__summary:focus-visible & {
    color: var(--color-primary-button-hover-border);
    border-color: var(--color-primary-button-hover-border);
  }

  .facets__status {
    display: inline-block;
    font-weight: 400;
    color: currentColor;
  }
}

/* Popover */
.sorting-filter__option {
  gap: var(--gap-xs);

  .svg-wrapper,
  .svg-wrapper svg {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
  }
}

/* Select version */
.sorting-filter__container {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xs);
  margin: 0;
  padding: var(--padding-2xl) var(--drawer-padding);
  color: var(--color-foreground);
}

.sorting-filter__select-wrapper {
  width: 100%;

  .sorting-filter__select {
    background: transparent;
    text-align: left;
    text-align-last: left;
  }

  .svg-wrapper,
  .svg-wrapper > svg {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
  }
}