.choices {
  &[data-type="select-one"].slim .choices__inner .choices__item--selectable {
    padding-block: 0.125rem !important;
  }

  &[data-type="select-multiple"] {
    .choices__inner {
      cursor: pointer !important;
      .choices__list {
        .choices__item--selectable {
          display: none;
        }
      }
      .choices__input[type="search"] {
        margin: 0;
        cursor: pointer;
        pointer-events: none;
        color: #161616; /* text-rock-500 */
        background-color: transparent;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5;
        padding-inline: 0.75rem;
        padding-block: 0.5rem;
      }
    }
    .choices__list {
      .choices__item--choice {
        position: relative;
        padding-inline-start: 2.75rem;
        &::before {
          position: absolute;
          content: "";
          transform: translateY(-50%);
          background-image: url("assets/unchecked.svg");
          background-repeat: no-repeat;
          background-size: contain;
          inline-size: 1.25rem;
          block-size: 1.25rem;
          inset-inline-start: 1rem;
          inset-block-start: 50%;
        }
        &.is-selected {
          &::before {
            background-image: url("assets/checked.svg");
          }
        }
        &:empty {
          display: none;
        }
      }
    }
  }
  .choices__item--selectable[data-value=""] {
    @apply !text-rock-300;

    opacity: 1 !important;
  }

  &.show-radios {
    .choices__list {
      .choices__item--choice {
        position: relative;
        padding-inline-start: 2.75rem;
        &::before {
          position: absolute;
          content: "";
          transform: translateY(-50%);
          background-image: url("assets/radio.svg");
          background-repeat: no-repeat;
          background-size: contain;
          inline-size: 1.25rem;
          block-size: 1.25rem;
          inset-inline-start: 1rem;
          inset-block-start: 50%;
        }
        &.is-selected {
          &::before {
            background-image: url("assets/radio-selected.svg");
          }
        }
        &:empty {
          display: none;
        }
      }
    }
  }
}