.dropdown {
  display: inline-block;
}
.dropdown .selected {
  /* Available for customization */
}
.dropdown:global(.carbon) {
  margin: 0 0.5rem;
}
.dropdown:global(.carbon).smallestWidth .button,
.dropdown:global(.carbon).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.carbon).smallWidth .button,
.dropdown:global(.carbon).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.carbon).mediumWidth .button,
.dropdown:global(.carbon).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.carbon).largeWidth .button,
.dropdown:global(.carbon).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.carbon).x-largeWidth .button,
.dropdown:global(.carbon).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.carbon).hugeWidth .button,
.dropdown:global(.carbon).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.carbon) .item {
  border: 1px solid #a6a6a6;
  display: flex;
}
.dropdown:global(.carbon) .item::before {
  content: none;
}
.dropdown:global(.carbon).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.carbon).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.carbon).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.carbon).dropdownButton .button,
.dropdown:global(.carbon).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.carbon).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.carbon).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.carbon).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.carbon).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.carbon).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.carbon).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.carbon).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.carbon).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.carbon).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.cobalt) {
  margin: 0 0.5rem;
}
.dropdown:global(.cobalt).smallestWidth .button,
.dropdown:global(.cobalt).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.cobalt).smallWidth .button,
.dropdown:global(.cobalt).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.cobalt).mediumWidth .button,
.dropdown:global(.cobalt).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.cobalt).largeWidth .button,
.dropdown:global(.cobalt).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.cobalt).x-largeWidth .button,
.dropdown:global(.cobalt).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.cobalt).hugeWidth .button,
.dropdown:global(.cobalt).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.cobalt) .item {
  border: 1px solid #d8d8d8;
  display: flex;
}
.dropdown:global(.cobalt) .item::before {
  content: none;
}
.dropdown:global(.cobalt).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.cobalt).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.cobalt).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.cobalt).dropdownButton .button,
.dropdown:global(.cobalt).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.cobalt).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.cobalt).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.cobalt).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.cobalt).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.cobalt).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.cobalt).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.cobalt).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.cobalt).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.cobalt).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.cobalt):global(.night) {
  margin: 0 0.5rem;
}
.dropdown:global(.cobalt):global(.night).smallestWidth .button,
.dropdown:global(.cobalt):global(.night).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.cobalt):global(.night).smallWidth .button,
.dropdown:global(.cobalt):global(.night).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.cobalt):global(.night).mediumWidth .button,
.dropdown:global(.cobalt):global(.night).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.cobalt):global(.night).largeWidth .button,
.dropdown:global(.cobalt):global(.night).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.cobalt):global(.night).x-largeWidth .button,
.dropdown:global(.cobalt):global(.night).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.cobalt):global(.night).hugeWidth .button,
.dropdown:global(.cobalt):global(.night).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.cobalt):global(.night) .item {
  border: 1px solid #d8d8d8;
  display: flex;
}
.dropdown:global(.cobalt):global(.night) .item::before {
  content: none;
}
.dropdown:global(.cobalt):global(.night).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.cobalt):global(.night).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.cobalt):global(.night).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.cobalt):global(.night).dropdownButton .button,
.dropdown:global(.cobalt):global(.night).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.cobalt):global(.night).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.cobalt):global(.night).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.cobalt):global(.night).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.cobalt):global(.night).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.cobalt):global(.night).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.cobalt):global(.night).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.cobalt):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.cobalt):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.cobalt):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.copper) {
  margin: 0 0.5rem;
}
.dropdown:global(.copper).smallestWidth .button,
.dropdown:global(.copper).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.copper).smallWidth .button,
.dropdown:global(.copper).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.copper).mediumWidth .button,
.dropdown:global(.copper).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.copper).largeWidth .button,
.dropdown:global(.copper).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.copper).x-largeWidth .button,
.dropdown:global(.copper).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.copper).hugeWidth .button,
.dropdown:global(.copper).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.copper) .item {
  border: 1px solid #d8d8d8;
  display: flex;
}
.dropdown:global(.copper) .item::before {
  content: none;
}
.dropdown:global(.copper).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.copper).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.copper).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.copper).dropdownButton .button,
.dropdown:global(.copper).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.copper).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.copper).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.copper).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.copper).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.copper).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.copper).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.copper).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.copper).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.copper).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.copper):global(.night) {
  margin: 0 0.5rem;
}
.dropdown:global(.copper):global(.night).smallestWidth .button,
.dropdown:global(.copper):global(.night).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.copper):global(.night).smallWidth .button,
.dropdown:global(.copper):global(.night).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.copper):global(.night).mediumWidth .button,
.dropdown:global(.copper):global(.night).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.copper):global(.night).largeWidth .button,
.dropdown:global(.copper):global(.night).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.copper):global(.night).x-largeWidth .button,
.dropdown:global(.copper):global(.night).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.copper):global(.night).hugeWidth .button,
.dropdown:global(.copper):global(.night).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.copper):global(.night) .item {
  border: 1px solid #d8d8d8;
  display: flex;
}
.dropdown:global(.copper):global(.night) .item::before {
  content: none;
}
.dropdown:global(.copper):global(.night).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.copper):global(.night).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.copper):global(.night).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.copper):global(.night).dropdownButton .button,
.dropdown:global(.copper):global(.night).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.copper):global(.night).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.copper):global(.night).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.copper):global(.night).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.copper):global(.night).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.copper):global(.night).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.copper):global(.night).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.copper):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.copper):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.copper):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.electro) {
  margin: 0 0.5rem;
}
.dropdown:global(.electro).smallestWidth .button,
.dropdown:global(.electro).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.electro).smallWidth .button,
.dropdown:global(.electro).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.electro).mediumWidth .button,
.dropdown:global(.electro).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.electro).largeWidth .button,
.dropdown:global(.electro).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.electro).x-largeWidth .button,
.dropdown:global(.electro).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.electro).hugeWidth .button,
.dropdown:global(.electro).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.electro) .item {
  border: 1px solid #a6a6a6;
  display: flex;
}
.dropdown:global(.electro) .item::before {
  content: none;
}
.dropdown:global(.electro).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.electro).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.electro).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.electro).dropdownButton .button,
.dropdown:global(.electro).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.electro).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.electro).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.electro).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.electro).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.electro).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.electro).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.electro).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.electro).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.electro).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.gallium) {
  margin: 0 0.5rem;
}
.dropdown:global(.gallium).smallestWidth .button,
.dropdown:global(.gallium).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.gallium).smallWidth .button,
.dropdown:global(.gallium).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.gallium).mediumWidth .button,
.dropdown:global(.gallium).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.gallium).largeWidth .button,
.dropdown:global(.gallium).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.gallium).x-largeWidth .button,
.dropdown:global(.gallium).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.gallium).hugeWidth .button,
.dropdown:global(.gallium).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.gallium) .item {
  border: 1px solid #8a8a8a;
  display: flex;
}
.dropdown:global(.gallium) .item::before {
  content: none;
}
.dropdown:global(.gallium).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.gallium).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.gallium).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.gallium).dropdownButton .button,
.dropdown:global(.gallium).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.gallium).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.gallium).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.gallium).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.gallium).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.gallium).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.gallium).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.gallium).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.gallium).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.gallium).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.gallium):global(.night) {
  margin: 0 0.5rem;
}
.dropdown:global(.gallium):global(.night).smallestWidth .button,
.dropdown:global(.gallium):global(.night).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.gallium):global(.night).smallWidth .button,
.dropdown:global(.gallium):global(.night).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.gallium):global(.night).mediumWidth .button,
.dropdown:global(.gallium):global(.night).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.gallium):global(.night).largeWidth .button,
.dropdown:global(.gallium):global(.night).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.gallium):global(.night).x-largeWidth .button,
.dropdown:global(.gallium):global(.night).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.gallium):global(.night).hugeWidth .button,
.dropdown:global(.gallium):global(.night).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.gallium):global(.night) .item {
  border: 1px solid #8a8a8a;
  display: flex;
}
.dropdown:global(.gallium):global(.night) .item::before {
  content: none;
}
.dropdown:global(.gallium):global(.night).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.gallium):global(.night).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.gallium):global(.night).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.gallium):global(.night).dropdownButton .button,
.dropdown:global(.gallium):global(.night).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.gallium):global(.night).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.gallium):global(.night).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.gallium):global(.night).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.gallium):global(.night).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.gallium):global(.night).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.gallium):global(.night).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.gallium):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.gallium):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.gallium):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.silicon) {
  margin: 0 0.5rem;
}
.dropdown:global(.silicon).smallestWidth .button,
.dropdown:global(.silicon).smallestWidth .item {
  width: 12.5rem;
  max-width: 12.5rem;
}
.dropdown:global(.silicon).smallWidth .button,
.dropdown:global(.silicon).smallWidth .item {
  width: 17.5rem;
  max-width: 17.5rem;
}
.dropdown:global(.silicon).mediumWidth .button,
.dropdown:global(.silicon).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.silicon).largeWidth .button,
.dropdown:global(.silicon).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.silicon).x-largeWidth .button,
.dropdown:global(.silicon).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.silicon).hugeWidth .button,
.dropdown:global(.silicon).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.silicon) .item {
  border: 0 solid #8a8a8a;
  display: flex;
}
.dropdown:global(.silicon) .item::before {
  content: none;
}
.dropdown:global(.silicon).dropdownButton .button {
  margin: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
:global(.enact-locale-right-to-left) .dropdown:global(.silicon).dropdownButton .button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.dropdown:global(.silicon).dropdownButton .button .bg {
  border-color: transparent;
}
.dropdown:global(.silicon).dropdownButton .button,
.dropdown:global(.silicon).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.silicon).dropdownButton .button .icon {
  font-size: 1.5rem;
  margin: 0.375rem;
  width: 1.25rem;
  height: 1.25rem;
}
.dropdown:global(.silicon).dropdownButton.open .button .bg {
  border-radius: 1.25rem 1.25rem 0 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
:global(.spotlight-input-key) .dropdown:global(.silicon).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.silicon).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
:global(.spotlight-input-touch) .dropdown:global(.silicon).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.dropdown:global(.silicon).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: 0 0 1.25rem 1.25rem;
  border-bottom-color: transparent;
  border-top-color: rgba(0, 0, 0, 0.25);
}
:global(.spotlight-input-key) .dropdown:global(.silicon).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.silicon).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: transparent;
}
:global(.spotlight-input-touch) .dropdown:global(.silicon).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: transparent;
}
.dropdown:global(.silicon):global(.night) {
  margin: 0 0.5rem;
}
.dropdown:global(.silicon):global(.night).smallestWidth .button,
.dropdown:global(.silicon):global(.night).smallestWidth .item {
  width: 12.5rem;
  max-width: 12.5rem;
}
.dropdown:global(.silicon):global(.night).smallWidth .button,
.dropdown:global(.silicon):global(.night).smallWidth .item {
  width: 17.5rem;
  max-width: 17.5rem;
}
.dropdown:global(.silicon):global(.night).mediumWidth .button,
.dropdown:global(.silicon):global(.night).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.silicon):global(.night).largeWidth .button,
.dropdown:global(.silicon):global(.night).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.silicon):global(.night).x-largeWidth .button,
.dropdown:global(.silicon):global(.night).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.silicon):global(.night).hugeWidth .button,
.dropdown:global(.silicon):global(.night).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.silicon):global(.night) .item {
  border: 0 solid #8a8a8a;
  display: flex;
}
.dropdown:global(.silicon):global(.night) .item::before {
  content: none;
}
.dropdown:global(.silicon):global(.night).dropdownButton .button {
  margin: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
:global(.enact-locale-right-to-left) .dropdown:global(.silicon):global(.night).dropdownButton .button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.dropdown:global(.silicon):global(.night).dropdownButton .button .bg {
  border-color: transparent;
}
.dropdown:global(.silicon):global(.night).dropdownButton .button,
.dropdown:global(.silicon):global(.night).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.silicon):global(.night).dropdownButton .button .icon {
  font-size: 1.5rem;
  margin: 0.375rem;
  width: 1.25rem;
  height: 1.25rem;
}
.dropdown:global(.silicon):global(.night).dropdownButton.open .button .bg {
  border-radius: 1.25rem 1.25rem 0 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
:global(.spotlight-input-key) .dropdown:global(.silicon):global(.night).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.silicon):global(.night).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
:global(.spotlight-input-touch) .dropdown:global(.silicon):global(.night).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.dropdown:global(.silicon):global(.night).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: 0 0 1.25rem 1.25rem;
  border-bottom-color: transparent;
  border-top-color: rgba(0, 0, 0, 0.25);
}
:global(.spotlight-input-key) .dropdown:global(.silicon):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.silicon):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: transparent;
}
:global(.spotlight-input-touch) .dropdown:global(.silicon):global(.night).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: transparent;
}
.dropdown:global(.titanium) {
  margin: 0 0.5rem;
}
.dropdown:global(.titanium).smallestWidth .button,
.dropdown:global(.titanium).smallestWidth .item {
  width: 13.375rem;
  max-width: 13.375rem;
}
.dropdown:global(.titanium).smallWidth .button,
.dropdown:global(.titanium).smallWidth .item {
  width: 16.66667rem;
  max-width: 16.66667rem;
}
.dropdown:global(.titanium).mediumWidth .button,
.dropdown:global(.titanium).mediumWidth .item {
  width: 21.75rem;
  max-width: 21.75rem;
}
.dropdown:global(.titanium).largeWidth .button,
.dropdown:global(.titanium).largeWidth .item {
  width: 28.375rem;
  max-width: 28.375rem;
}
.dropdown:global(.titanium).x-largeWidth .button,
.dropdown:global(.titanium).x-largeWidth .item {
  width: 38.375rem;
  max-width: 38.375rem;
}
.dropdown:global(.titanium).hugeWidth .button,
.dropdown:global(.titanium).hugeWidth .item {
  width: 50rem;
  max-width: 50rem;
}
.dropdown:global(.titanium) .item {
  border: 1px solid #a6a6a6;
  display: flex;
}
.dropdown:global(.titanium) .item::before {
  content: none;
}
.dropdown:global(.titanium).dropdownButton .button {
  margin: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdown:global(.titanium).dropdownButton .button {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdown:global(.titanium).dropdownButton .button .bg {
  border-color: inherit;
}
.dropdown:global(.titanium).dropdownButton .button,
.dropdown:global(.titanium).dropdownButton .button .client {
  flex-direction: row-reverse;
}
.dropdown:global(.titanium).dropdownButton .button .icon {
  font-size: inherit;
  margin: inherit;
  width: 2rem;
  height: 2rem;
}
.dropdown:global(.titanium).dropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.titanium).dropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.titanium).dropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.titanium).dropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdown:global(.titanium).dropdownButton.upDropdownButton.open .button .bg {
  border-radius: inherit;
  border-bottom-color: inherit;
  border-top-color: inherit;
}
:global(.spotlight-input-key) .dropdown:global(.titanium).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .dropdown:global(.titanium).dropdownButton.upDropdownButton.open .button:global(.spottable):focus .bg {
  border-bottom-color: inherit;
}
:global(.spotlight-input-touch) .dropdown:global(.titanium).dropdownButton.upDropdownButton.open .button:global(.spottable):active .bg {
  border-bottom-color: inherit;
}
.dropdownList:global(.carbon) {
  border-bottom: 1px solid #a6a6a6;
  border-radius: initial;
  background-color: #fff;
  max-height: 10rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.carbon) {
  padding: initial initial initial initial;
}
.dropdownList:global(.carbon) .item {
  border-color: transparent;
  border-width: 0;
  color: #262626;
}
:global(.spotlight-input-key) .dropdownList:global(.carbon) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.carbon) .item:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .dropdownList:global(.carbon) .item:global(.spottable):active {
  border-color: transparent;
}
.dropdownList:global(.carbon) .item.selected {
  color: var(--agate-accent-color, #8fd43a);
}
.dropdownList:global(.carbon) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 2.25rem;
  line-height: 2.25rem;
}
.dropdownList:global(.carbon) .dropDownListItem.radioItem {
  border-width: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.carbon) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.carbon) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.carbon) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.carbon) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.carbon) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.carbon) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.carbon) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.carbon) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.carbon) .dropDownListItem.radioItem:global(.spottable):focus {
  color: rgba(255, 255, 255, 0.75);
}
:global(.spotlight-input-key) .dropdownList:global(.carbon) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.carbon) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: rgba(255, 255, 255, 0.75);
}
:global(.spotlight-input-touch) .dropdownList:global(.carbon) .dropDownListItem.radioItem:global(.spottable):active {
  color: rgba(255, 255, 255, 0.75);
}
:global(.spotlight-input-touch) .dropdownList:global(.carbon) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: rgba(255, 255, 255, 0.75);
}
.dropdownList:global(.carbon).smallest {
  width: 13.375rem;
}
.dropdownList:global(.carbon).small {
  width: 16.66667rem;
}
.dropdownList:global(.carbon).medium {
  width: 21.75rem;
}
.dropdownList:global(.carbon).large {
  width: 28.375rem;
}
.dropdownList:global(.carbon).x-large {
  width: 38.375rem;
}
.dropdownList:global(.carbon).huge {
  width: 50rem;
}
.dropdownList:global(.carbon).above {
  border-radius: initial;
}
.dropdownList:global(.carbon).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.cobalt) {
  border-bottom: 1px solid #d8d8d8;
  border-radius: initial;
  background-color: #fff;
  max-height: 10rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.cobalt) {
  padding: initial initial initial initial;
}
.dropdownList:global(.cobalt) .item {
  border-color: transparent;
  border-width: 0.125rem;
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-key) .dropdownList:global(.cobalt) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.cobalt) .item:global(.spottable):focus {
  border-color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.cobalt) .item:global(.spottable):active {
  border-color: inherit;
}
.dropdownList:global(.cobalt) .item.selected {
  color: inherit;
}
.dropdownList:global(.cobalt) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 2.25rem;
  line-height: 2.25rem;
}
.dropdownList:global(.cobalt) .dropDownListItem.radioItem {
  border-width: 0.125rem;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.cobalt) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.cobalt) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.cobalt) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.cobalt) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.cobalt) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.cobalt) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.cobalt) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.cobalt) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.cobalt) .dropDownListItem.radioItem:global(.spottable):focus {
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-key) .dropdownList:global(.cobalt) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.cobalt) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-touch) .dropdownList:global(.cobalt) .dropDownListItem.radioItem:global(.spottable):active {
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-touch) .dropdownList:global(.cobalt) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: var(--agate-accent-color, #8c81ff);
}
.dropdownList:global(.cobalt).smallest {
  width: 13.375rem;
}
.dropdownList:global(.cobalt).small {
  width: 16.66667rem;
}
.dropdownList:global(.cobalt).medium {
  width: 21.75rem;
}
.dropdownList:global(.cobalt).large {
  width: 28.375rem;
}
.dropdownList:global(.cobalt).x-large {
  width: 38.375rem;
}
.dropdownList:global(.cobalt).huge {
  width: 50rem;
}
.dropdownList:global(.cobalt).above {
  border-radius: initial;
}
.dropdownList:global(.cobalt).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.cobalt):global(.night) {
  border-bottom: 1px solid #d8d8d8;
  border-radius: initial;
  background-color: #fff;
  max-height: 10rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.cobalt):global(.night) {
  padding: initial initial initial initial;
}
.dropdownList:global(.cobalt):global(.night) .item {
  border-color: transparent;
  border-width: 0.125rem;
  color: #4d4d4d;
}
:global(.spotlight-input-key) .dropdownList:global(.cobalt):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.cobalt):global(.night) .item:global(.spottable):focus {
  border-color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-touch) .dropdownList:global(.cobalt):global(.night) .item:global(.spottable):active {
  border-color: var(--agate-accent-color, #fc7982);
}
.dropdownList:global(.cobalt):global(.night) .item.selected {
  color: var(--agate-accent-color, #fc7982);
}
.dropdownList:global(.cobalt):global(.night) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 2.25rem;
  line-height: 2.25rem;
}
.dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem {
  border-width: 0.125rem;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem:global(.spottable):focus {
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-key) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-touch) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem:global(.spottable):active {
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-touch) .dropdownList:global(.cobalt):global(.night) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: var(--agate-accent-color, #fc7982);
}
.dropdownList:global(.cobalt):global(.night).smallest {
  width: 13.375rem;
}
.dropdownList:global(.cobalt):global(.night).small {
  width: 16.66667rem;
}
.dropdownList:global(.cobalt):global(.night).medium {
  width: 21.75rem;
}
.dropdownList:global(.cobalt):global(.night).large {
  width: 28.375rem;
}
.dropdownList:global(.cobalt):global(.night).x-large {
  width: 38.375rem;
}
.dropdownList:global(.cobalt):global(.night).huge {
  width: 50rem;
}
.dropdownList:global(.cobalt):global(.night).above {
  border-radius: initial;
}
.dropdownList:global(.cobalt):global(.night).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.copper) {
  border-bottom: 1px solid #d8d8d8;
  border-radius: initial;
  background-color: #fff;
  max-height: 10rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.copper) {
  padding: initial initial initial initial;
}
.dropdownList:global(.copper) .item {
  border-color: transparent;
  border-width: 0;
  color: #d8d8d8;
}
:global(.spotlight-input-key) .dropdownList:global(.copper) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.copper) .item:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .dropdownList:global(.copper) .item:global(.spottable):active {
  border-color: transparent;
}
.dropdownList:global(.copper) .item.selected {
  color: inherit;
}
.dropdownList:global(.copper) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 2.25rem;
  line-height: 2.25rem;
}
.dropdownList:global(.copper) .dropDownListItem.radioItem {
  border-width: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.copper) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.copper) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.copper) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.copper) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.copper) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.copper) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.copper) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.copper) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.copper) .dropDownListItem.radioItem:global(.spottable):focus {
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-key) .dropdownList:global(.copper) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.copper) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-touch) .dropdownList:global(.copper) .dropDownListItem.radioItem:global(.spottable):active {
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-touch) .dropdownList:global(.copper) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: var(--agate-accent-color, #a47d66);
}
.dropdownList:global(.copper).smallest {
  width: 13.375rem;
}
.dropdownList:global(.copper).small {
  width: 16.66667rem;
}
.dropdownList:global(.copper).medium {
  width: 21.75rem;
}
.dropdownList:global(.copper).large {
  width: 28.375rem;
}
.dropdownList:global(.copper).x-large {
  width: 38.375rem;
}
.dropdownList:global(.copper).huge {
  width: 50rem;
}
.dropdownList:global(.copper).above {
  border-radius: initial;
}
.dropdownList:global(.copper).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.copper):global(.night) {
  border-bottom: 1px solid #d8d8d8;
  border-radius: initial;
  background-color: #fff;
  max-height: 10rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.copper):global(.night) {
  padding: initial initial initial initial;
}
.dropdownList:global(.copper):global(.night) .item {
  border-color: transparent;
  border-width: 0;
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-key) .dropdownList:global(.copper):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.copper):global(.night) .item:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .dropdownList:global(.copper):global(.night) .item:global(.spottable):active {
  border-color: transparent;
}
.dropdownList:global(.copper):global(.night) .item.selected {
  color: var(--agate-accent-color, #e0b094);
}
.dropdownList:global(.copper):global(.night) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 2.25rem;
  line-height: 2.25rem;
}
.dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem {
  border-width: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem:global(.spottable):focus {
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-key) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-touch) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem:global(.spottable):active {
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-touch) .dropdownList:global(.copper):global(.night) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: var(--agate-accent-color, #e0b094);
}
.dropdownList:global(.copper):global(.night).smallest {
  width: 13.375rem;
}
.dropdownList:global(.copper):global(.night).small {
  width: 16.66667rem;
}
.dropdownList:global(.copper):global(.night).medium {
  width: 21.75rem;
}
.dropdownList:global(.copper):global(.night).large {
  width: 28.375rem;
}
.dropdownList:global(.copper):global(.night).x-large {
  width: 38.375rem;
}
.dropdownList:global(.copper):global(.night).huge {
  width: 50rem;
}
.dropdownList:global(.copper):global(.night).above {
  border-radius: initial;
}
.dropdownList:global(.copper):global(.night).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.electro) {
  border-bottom: 1px solid #a6a6a6;
  border-radius: initial;
  background-color: #1c0d3f;
  max-height: 10rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.electro) {
  padding: initial initial initial initial;
}
.dropdownList:global(.electro) .item {
  border-color: transparent;
  border-width: 0;
  color: white;
}
:global(.spotlight-input-key) .dropdownList:global(.electro) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.electro) .item:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .dropdownList:global(.electro) .item:global(.spottable):active {
  border-color: transparent;
}
.dropdownList:global(.electro) .item.selected {
  color: white;
}
.dropdownList:global(.electro) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 2.25rem;
  line-height: 2.25rem;
}
.dropdownList:global(.electro) .dropDownListItem.radioItem {
  border-width: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.electro) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.electro) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.electro) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.electro) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.electro) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.electro) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.electro) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.electro) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.electro) .dropDownListItem.radioItem:global(.spottable):focus {
  color: white;
}
:global(.spotlight-input-key) .dropdownList:global(.electro) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.electro) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: white;
}
:global(.spotlight-input-touch) .dropdownList:global(.electro) .dropDownListItem.radioItem:global(.spottable):active {
  color: white;
}
:global(.spotlight-input-touch) .dropdownList:global(.electro) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: white;
}
.dropdownList:global(.electro).smallest {
  width: 13.375rem;
}
.dropdownList:global(.electro).small {
  width: 16.66667rem;
}
.dropdownList:global(.electro).medium {
  width: 21.75rem;
}
.dropdownList:global(.electro).large {
  width: 28.375rem;
}
.dropdownList:global(.electro).x-large {
  width: 38.375rem;
}
.dropdownList:global(.electro).huge {
  width: 50rem;
}
.dropdownList:global(.electro).above {
  border-radius: initial;
}
.dropdownList:global(.electro).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.gallium) {
  border-bottom: 1px solid #8a8a8a;
  border-radius: initial;
  background-color: #ffffff;
  max-height: 15rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.gallium) {
  padding: initial initial initial initial;
}
.dropdownList:global(.gallium) .item {
  border-color: transparent;
  border-width: 0.125rem;
  color: #000000;
}
:global(.spotlight-input-key) .dropdownList:global(.gallium) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.gallium) .item:global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .dropdownList:global(.gallium) .item:global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
}
.dropdownList:global(.gallium) .item.selected {
  color: #000000;
}
.dropdownList:global(.gallium) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 3.5rem;
  line-height: 3.5rem;
}
.dropdownList:global(.gallium) .dropDownListItem.radioItem {
  border-width: 0.125rem;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.gallium) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.gallium) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.gallium) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.gallium) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.gallium) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.gallium) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.gallium) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.gallium) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.gallium) .dropDownListItem.radioItem:global(.spottable):focus {
  color: #000000;
}
:global(.spotlight-input-key) .dropdownList:global(.gallium) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.gallium) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: #000000;
}
:global(.spotlight-input-touch) .dropdownList:global(.gallium) .dropDownListItem.radioItem:global(.spottable):active {
  color: #000000;
}
:global(.spotlight-input-touch) .dropdownList:global(.gallium) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: #000000;
}
.dropdownList:global(.gallium).smallest {
  width: 13.375rem;
}
.dropdownList:global(.gallium).small {
  width: 16.66667rem;
}
.dropdownList:global(.gallium).medium {
  width: 21.75rem;
}
.dropdownList:global(.gallium).large {
  width: 28.375rem;
}
.dropdownList:global(.gallium).x-large {
  width: 38.375rem;
}
.dropdownList:global(.gallium).huge {
  width: 50rem;
}
.dropdownList:global(.gallium).above {
  border-radius: initial;
}
.dropdownList:global(.gallium).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.gallium):global(.night) {
  border-bottom: 1px solid #8a8a8a;
  border-radius: initial;
  background-color: #000000;
  max-height: 15rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.gallium):global(.night) {
  padding: initial initial initial initial;
}
.dropdownList:global(.gallium):global(.night) .item {
  border-color: transparent;
  border-width: 0.125rem;
  color: #ffffff;
}
:global(.spotlight-input-key) .dropdownList:global(.gallium):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.gallium):global(.night) .item:global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .dropdownList:global(.gallium):global(.night) .item:global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
}
.dropdownList:global(.gallium):global(.night) .item.selected {
  color: #ffffff;
}
.dropdownList:global(.gallium):global(.night) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 3.5rem;
  line-height: 3.5rem;
}
.dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem {
  border-width: 0.125rem;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem:global(.spottable):focus {
  color: #ffffff;
}
:global(.spotlight-input-key) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: #ffffff;
}
:global(.spotlight-input-touch) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem:global(.spottable):active {
  color: #ffffff;
}
:global(.spotlight-input-touch) .dropdownList:global(.gallium):global(.night) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: #ffffff;
}
.dropdownList:global(.gallium):global(.night).smallest {
  width: 13.375rem;
}
.dropdownList:global(.gallium):global(.night).small {
  width: 16.66667rem;
}
.dropdownList:global(.gallium):global(.night).medium {
  width: 21.75rem;
}
.dropdownList:global(.gallium):global(.night).large {
  width: 28.375rem;
}
.dropdownList:global(.gallium):global(.night).x-large {
  width: 38.375rem;
}
.dropdownList:global(.gallium):global(.night).huge {
  width: 50rem;
}
.dropdownList:global(.gallium):global(.night).above {
  border-radius: initial;
}
.dropdownList:global(.gallium):global(.night).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.silicon) {
  border-bottom: 0 solid #8a8a8a;
  border-radius: 0 0 1.25rem 1.25rem;
  background-color: #eeeeee;
  max-height: 11rem;
  padding: 0.375rem 0.625rem 0.625rem 0;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.silicon) {
  padding: 0.375rem 0 0.625rem 0.625rem;
}
.dropdownList:global(.silicon) .item {
  border-color: rgba(0, 0, 0, 0.4);
  border-width: 0;
  color: #000000;
}
:global(.spotlight-input-key) .dropdownList:global(.silicon) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.silicon) .item:global(.spottable):focus {
  border-color: rgba(0, 0, 0, 0.4);
}
:global(.spotlight-input-touch) .dropdownList:global(.silicon) .item:global(.spottable):active {
  border-color: rgba(0, 0, 0, 0.4);
}
.dropdownList:global(.silicon) .item.selected {
  color: #000000;
}
.dropdownList:global(.silicon) .dropDownListItem {
  font-size: inherit;
  font-weight: 300;
  height: 2.5rem;
  line-height: 2.5rem;
}
.dropdownList:global(.silicon) .dropDownListItem.radioItem {
  border-width: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.silicon) .dropDownListItem.radioItem {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.dropdownList:global(.silicon) .dropDownListItem.radioItem .icon {
  margin: 0 0.375rem 0 0.625rem;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.silicon) .dropDownListItem.radioItem .icon {
  margin: 0 0.625rem 0 0.375rem;
}
.dropdownList:global(.silicon) .dropDownListItem.radioItem.selected {
  background-color: rgba(0, 0, 0, 0.2);
}
:global(.spotlight-input-key) .dropdownList:global(.silicon) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.silicon) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: #ffffff;
}
:global(.spotlight-input-touch) .dropdownList:global(.silicon) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: #ffffff;
}
:global(.spotlight-input-key) .dropdownList:global(.silicon) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.silicon) .dropDownListItem.radioItem:global(.spottable):focus {
  color: #ffffff;
}
:global(.spotlight-input-key) .dropdownList:global(.silicon) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.silicon) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: #ffffff;
}
:global(.spotlight-input-touch) .dropdownList:global(.silicon) .dropDownListItem.radioItem:global(.spottable):active {
  color: #ffffff;
}
:global(.spotlight-input-touch) .dropdownList:global(.silicon) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: #ffffff;
}
.dropdownList:global(.silicon).smallest {
  width: 12.5rem;
}
.dropdownList:global(.silicon).small {
  width: 17.5rem;
}
.dropdownList:global(.silicon).medium {
  width: 21.75rem;
}
.dropdownList:global(.silicon).large {
  width: 28.375rem;
}
.dropdownList:global(.silicon).x-large {
  width: 38.375rem;
}
.dropdownList:global(.silicon).huge {
  width: 50rem;
}
.dropdownList:global(.silicon).above {
  border-radius: 1.25rem 1.25rem 0 0;
}
.dropdownList:global(.silicon).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.silicon):global(.night) {
  border-bottom: 0 solid #8a8a8a;
  border-radius: 0 0 1.25rem 1.25rem;
  background-color: #000000;
  max-height: 11rem;
  padding: 0.375rem 0.625rem 0.625rem 0;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.silicon):global(.night) {
  padding: 0.375rem 0 0.625rem 0.625rem;
}
.dropdownList:global(.silicon):global(.night) .item {
  border-color: rgba(255, 255, 255, 0.4);
  border-width: 0;
  color: #ffffff;
}
:global(.spotlight-input-key) .dropdownList:global(.silicon):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.silicon):global(.night) .item:global(.spottable):focus {
  border-color: rgba(255, 255, 255, 0.4);
}
:global(.spotlight-input-touch) .dropdownList:global(.silicon):global(.night) .item:global(.spottable):active {
  border-color: rgba(255, 255, 255, 0.4);
}
.dropdownList:global(.silicon):global(.night) .item.selected {
  color: #ffffff;
}
.dropdownList:global(.silicon):global(.night) .dropDownListItem {
  font-size: inherit;
  font-weight: 300;
  height: 2.5rem;
  line-height: 2.5rem;
}
.dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem {
  border-width: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem .icon {
  margin: 0 0.375rem 0 0.625rem;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem .icon {
  margin: 0 0.625rem 0 0.375rem;
}
.dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem.selected {
  background-color: rgba(0, 0, 0, 0.2);
}
:global(.spotlight-input-key) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: #ffffff;
}
:global(.spotlight-input-touch) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: #ffffff;
}
:global(.spotlight-input-key) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem:global(.spottable):focus {
  color: #ffffff;
}
:global(.spotlight-input-key) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: #ffffff;
}
:global(.spotlight-input-touch) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem:global(.spottable):active {
  color: #ffffff;
}
:global(.spotlight-input-touch) .dropdownList:global(.silicon):global(.night) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: #ffffff;
}
.dropdownList:global(.silicon):global(.night).smallest {
  width: 12.5rem;
}
.dropdownList:global(.silicon):global(.night).small {
  width: 17.5rem;
}
.dropdownList:global(.silicon):global(.night).medium {
  width: 21.75rem;
}
.dropdownList:global(.silicon):global(.night).large {
  width: 28.375rem;
}
.dropdownList:global(.silicon):global(.night).x-large {
  width: 38.375rem;
}
.dropdownList:global(.silicon):global(.night).huge {
  width: 50rem;
}
.dropdownList:global(.silicon):global(.night).above {
  border-radius: 1.25rem 1.25rem 0 0;
}
.dropdownList:global(.silicon):global(.night).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
.dropdownList:global(.titanium) {
  border-bottom: 1px solid #a6a6a6;
  border-radius: initial;
  background-color: #fff;
  max-height: 10rem;
  padding: initial;
  overflow: hidden;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.titanium) {
  padding: initial initial initial initial;
}
.dropdownList:global(.titanium) .item {
  border-color: transparent;
  border-width: 0;
  color: #4d4d4d;
}
:global(.spotlight-input-key) .dropdownList:global(.titanium) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.titanium) .item:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .dropdownList:global(.titanium) .item:global(.spottable):active {
  border-color: transparent;
}
.dropdownList:global(.titanium) .item.selected {
  color: inherit;
}
.dropdownList:global(.titanium) .dropDownListItem {
  font-size: inherit;
  font-weight: inherit;
  height: 2.25rem;
  line-height: 2.25rem;
}
.dropdownList:global(.titanium) .dropDownListItem.radioItem {
  border-width: 0;
  padding-left: inherit;
  padding-right: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.titanium) .dropDownListItem.radioItem {
  padding-left: inherit;
  padding-right: inherit;
}
.dropdownList:global(.titanium) .dropDownListItem.radioItem .icon {
  margin: inherit;
}
:global(.enact-locale-right-to-left) .dropdownList:global(.titanium) .dropDownListItem.radioItem .icon {
  margin: inherit inherit inherit inherit;
}
.dropdownList:global(.titanium) .dropDownListItem.radioItem.selected {
  background-color: transparent;
}
:global(.spotlight-input-key) .dropdownList:global(.titanium) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.titanium) .dropDownListItem.radioItem.selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .dropdownList:global(.titanium) .dropDownListItem.radioItem.selected:global(.spottable):active .icon {
  color: inherit;
}
:global(.spotlight-input-key) .dropdownList:global(.titanium) .dropDownListItem.radioItem:global(.spottable):focus,
:global(.spotlight-input-mouse) .dropdownList:global(.titanium) .dropDownListItem.radioItem:global(.spottable):focus {
  color: white;
}
:global(.spotlight-input-key) .dropdownList:global(.titanium) .dropDownListItem.radioItem:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .dropdownList:global(.titanium) .dropDownListItem.radioItem:global(.spottable):focus .icon {
  border-color: white;
}
:global(.spotlight-input-touch) .dropdownList:global(.titanium) .dropDownListItem.radioItem:global(.spottable):active {
  color: white;
}
:global(.spotlight-input-touch) .dropdownList:global(.titanium) .dropDownListItem.radioItem:global(.spottable):active .icon {
  border-color: white;
}
.dropdownList:global(.titanium).smallest {
  width: 13.375rem;
}
.dropdownList:global(.titanium).small {
  width: 16.66667rem;
}
.dropdownList:global(.titanium).medium {
  width: 21.75rem;
}
.dropdownList:global(.titanium).large {
  width: 28.375rem;
}
.dropdownList:global(.titanium).x-large {
  width: 38.375rem;
}
.dropdownList:global(.titanium).huge {
  width: 50rem;
}
.dropdownList:global(.titanium).above {
  border-radius: initial;
}
.dropdownList:global(.titanium).dropdownListWithCustomizedScroller [role="button"] + div::before {
  background-color: #666666;
}
:global(.carbon) .contextualPopup .container {
  color: red;
  background-color: #fff;
  border-radius: initial;
  padding: 0;
}
:global(.carbon) .contextualPopup .container.above {
  border-radius: initial;
}
:global(.cobalt) .contextualPopup .container {
  color: red;
  background-color: #fff;
  border-radius: initial;
  padding: 0;
}
:global(.cobalt) .contextualPopup .container.above {
  border-radius: initial;
}
:global(.cobalt):global(.night) .contextualPopup .container {
  color: red;
  background-color: #fff;
  border-radius: initial;
  padding: 0;
}
:global(.cobalt):global(.night) .contextualPopup .container.above {
  border-radius: initial;
}
:global(.copper) .contextualPopup .container {
  color: red;
  background-color: #fff;
  border-radius: initial;
  padding: 0;
}
:global(.copper) .contextualPopup .container.above {
  border-radius: initial;
}
:global(.copper):global(.night) .contextualPopup .container {
  color: red;
  background-color: #fff;
  border-radius: initial;
  padding: 0;
}
:global(.copper):global(.night) .contextualPopup .container.above {
  border-radius: initial;
}
:global(.electro) .contextualPopup .container {
  color: red;
  background-color: #1c0d3f;
  border-radius: initial;
  padding: 0;
}
:global(.electro) .contextualPopup .container.above {
  border-radius: initial;
}
:global(.gallium) .contextualPopup .container {
  color: red;
  background-color: #ffffff;
  border-radius: initial;
  padding: 0;
}
:global(.gallium) .contextualPopup .container.above {
  border-radius: initial;
}
:global(.gallium):global(.night) .contextualPopup .container {
  color: red;
  background-color: #000000;
  border-radius: initial;
  padding: 0;
}
:global(.gallium):global(.night) .contextualPopup .container.above {
  border-radius: initial;
}
:global(.silicon) .contextualPopup .container {
  color: red;
  background-color: #eeeeee;
  border-radius: 0 0 1.25rem 1.25rem;
  padding: 0;
}
:global(.silicon) .contextualPopup .container.above {
  border-radius: 1.25rem 1.25rem 0 0;
}
:global(.silicon):global(.night) .contextualPopup .container {
  color: red;
  background-color: #000000;
  border-radius: 0 0 1.25rem 1.25rem;
  padding: 0;
}
:global(.silicon):global(.night) .contextualPopup .container.above {
  border-radius: 1.25rem 1.25rem 0 0;
}
:global(.titanium) .contextualPopup .container {
  color: red;
  background-color: #fff;
  border-radius: initial;
  padding: 0;
}
:global(.titanium) .contextualPopup .container.above {
  border-radius: initial;
}
