:root {
  --ss-primary-color: var(--bs-primary);
  --ss-bg-color: var(--bs-white);
  --ss-font-color: var(--bs-body-color);
  --ss-font-placeholder-color: var(--bs-gray);
  --ss-disabled-color: var(--bs-gray-300);
  --ss-border-color: var(--bs-gray-300);
  --ss-highlight-color: #FFFB8C;
  --ss-success-color: var(--bs-success);
  --ss-error-color: var(--bs-danger);

  --ss-main-height: 40px;
  --ss-content-height: 300px;

  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;

  --ss-animation-timing: 0s;
  --ss-border-radius: 4px;
}
.ss-content .ss-list .ss-option:hover {
  background-color: var(--bs-gray-200);
  color: var(--bs-body-color);
}
.ss-main .ss-values .ss-value {
  margin: var(--ss-spacing-s) 0;
}
.ss-main .ss-values .ss-value .ss-value-delete {
  width: auto;
}
