.select-shell {
  position: relative;
  display: inline-grid;
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.select-shell>.select-arrow {
  position: absolute;
  right: var(--space-12);
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--type-heading-2-size);
  line-height: var(--type-heading-2-line);
  color: var(--semantic-label-alternative);
  pointer-events: none;
  letter-spacing: var(--type-heading-2-tracking);
}

.select-shell:has(>select:disabled)>.select-arrow {
  opacity: var(--opacity-disabled);
}

.result-bar>.select-shell {
  width: auto;
}

.ds-demo label:has(+.select-shell) {
  display: block;
  margin-bottom: var(--space-8);
}

@media(forced-colors:active){
  .select-shell>.select-arrow {
    color: ButtonText;
  }
}

@media(max-width:600px){
  .ds-playground-controls label {
    min-width: 120px;
  }
}

[class^="ri-"],[class*=" ri-"],[class^="ri-"]::before,[class*=" ri-"]::before {
  font-weight: normal !important;
}