.item {
  display: flex;
  position: relative;
}
.item.hasLabel .itemContent.labelAfter .content,
.item.hasLabel .itemContent.labelBelow .content {
  order: 1;
}
.item.hasLabel .itemContent.labelAfter .label,
.item.hasLabel .itemContent.labelBelow .label {
  order: 2;
}
.item.hasLabel .itemContent.labelAbove .content,
.item.hasLabel .itemContent.labelBefore .content {
  order: 2;
}
.item.hasLabel .itemContent.labelAbove .label,
.item.hasLabel .itemContent.labelBefore .label {
  order: 1;
}
.item .slotAfter,
.item .slotBefore {
  line-height: 0;
}
.item .slotAfter > *,
.item .slotBefore > * {
  vertical-align: middle;
}
.item .slotAfter > *:first-child,
.item .slotBefore > *:first-child {
  margin-inline-start: 0;
}
.item .slotAfter > *:last-child,
.item .slotBefore > *:last-child {
  margin-inline-end: 0;
}
.item:global(.carbon) {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2.25rem;
  border-style: solid;
  border-width: 0;
  border-color: transparent;
  color: var(--agate-accent-color, #8fd43a);
  background-color: transparent;
  height: initial;
}
.item:global(.carbon).hasLabel .itemContent {
  line-height: inherit;
  padding: 0.875rem 0;
}
.item:global(.carbon).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.carbon).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.carbon).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.carbon).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.carbon):not(.centered) .labelAfter .content,
.item:global(.carbon):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.carbon):not(.centered) .labelAfter .label,
.item:global(.carbon):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.carbon) .label {
  color: var(--agate-accent-color, #8fd43a);
  font-size: inherit;
  line-height: inherit;
}
.item:global(.carbon) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.carbon) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.carbon).selected {
  color: var(--agate-accent-color, #8fd43a);
}
.item:global(.carbon).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.carbon).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.carbon).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.carbon).inline .content,
.item:global(.carbon).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.carbon).centered .itemContent {
  max-width: fit-content;
}
.item:global(.carbon).centered .itemContent.labelAfter,
.item:global(.carbon).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.carbon).centered .itemContent.labelAfter .content,
.item:global(.carbon).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.carbon).centered .itemContent.labelAfter .label,
.item:global(.carbon).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.carbon).centered .itemContent.labelAbove .content,
.item:global(.carbon).centered .itemContent.labelBelow .content,
.item:global(.carbon).centered .itemContent.labelAbove .label,
.item:global(.carbon).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.carbon).centered.slotAfter {
  padding-right: 2.16667rem;
}
.item:global(.carbon).centered.slotBefore {
  padding-left: 2.16667rem;
}
.item:global(.carbon).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 0.5rem;
}
:global(.enact-locale-right-to-left) .item:global(.carbon).centered .slotAfter {
  left: 0.5rem;
  right: auto;
}
.item:global(.carbon).centered .slotBefore {
  position: absolute;
  left: 0.5rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.carbon).centered .slotBefore {
  left: auto;
  right: 0.5rem;
}
.item:global(.carbon).centered.inline {
  max-width: 20rem;
}
.item:global(.carbon).centered.inline .itemContent {
  width: 100%;
}
.item:global(.carbon).large {
  /* Available for export */
}
.item:global(.carbon).small {
  height: 2rem;
  font-size: inherit;
  line-height: 1.75rem;
}
.item:global(.carbon).small.hasLabel {
  height: initial;
}
.item:global(.carbon).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.carbon).small .itemContent {
  line-height: inherit;
}
.item:global(.carbon).small .itemContent .label {
  font-size: inherit;
}
:global(.spotlight-input-key) .item:global(.carbon):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.carbon):global(.spottable):focus {
  border-color: transparent;
  background-color: var(--agate-highlight-color, #6abe0b);
  background-image: none;
  color: rgba(255, 255, 255, 0.75);
}
:global(.spotlight-input-key) .item:global(.carbon):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.carbon):global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #8fd43a);
}
:global(.spotlight-input-key) .item:global(.carbon):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.carbon):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.carbon):global(.spottable):active {
  border-color: transparent;
  background-color: var(--agate-highlight-color, #6abe0b);
  background-image: none;
  color: rgba(255, 255, 255, 0.75);
}
:global(.spotlight-input-touch) .item:global(.carbon):global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #8fd43a);
}
:global(.spotlight-input-touch) .item:global(.carbon):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.carbon).selected {
  background-color: transparent;
  border-color: transparent;
  color: rgba(255, 255, 255, 0.75);
}
.item:global(.carbon).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.carbon).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.carbon).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.carbon).selected:global(.spottable):focus {
  border-color: transparent;
  background-color: var(--agate-highlight-color, #6abe0b);
  color: rgba(255, 255, 255, 0.75);
}
:global(.spotlight-input-key) .item:global(.carbon).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.carbon).selected:global(.spottable):focus .itemContent .label {
  color: black;
}
:global(.spotlight-input-touch) .item:global(.carbon).selected:global(.spottable):active {
  border-color: transparent;
  background-color: var(--agate-highlight-color, #6abe0b);
  color: rgba(255, 255, 255, 0.75);
}
:global(.spotlight-input-touch) .item:global(.carbon).selected:global(.spottable):active .itemContent .label {
  color: black;
}
.item:global(.cobalt) {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2.25rem;
  border-style: solid;
  border-width: 0;
  border-color: transparent;
  color: inherit;
  background-color: transparent;
  height: initial;
}
.item:global(.cobalt).hasLabel .itemContent {
  line-height: inherit;
  padding: 0.875rem 0;
}
.item:global(.cobalt).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.cobalt).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.cobalt):not(.centered) .labelAfter .content,
.item:global(.cobalt):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.cobalt):not(.centered) .labelAfter .label,
.item:global(.cobalt):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.cobalt) .label {
  color: var(--agate-accent-color, #8c81ff);
  font-size: inherit;
  line-height: inherit;
}
.item:global(.cobalt) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.cobalt) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.cobalt).selected {
  color: var(--agate-accent-color, #8c81ff);
}
.item:global(.cobalt).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.cobalt).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.cobalt).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.cobalt).inline .content,
.item:global(.cobalt).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.cobalt).centered .itemContent {
  max-width: fit-content;
}
.item:global(.cobalt).centered .itemContent.labelAfter,
.item:global(.cobalt).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.cobalt).centered .itemContent.labelAfter .content,
.item:global(.cobalt).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.cobalt).centered .itemContent.labelAfter .label,
.item:global(.cobalt).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.cobalt).centered .itemContent.labelAbove .content,
.item:global(.cobalt).centered .itemContent.labelBelow .content,
.item:global(.cobalt).centered .itemContent.labelAbove .label,
.item:global(.cobalt).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.cobalt).centered.slotAfter {
  padding-right: 2.16667rem;
}
.item:global(.cobalt).centered.slotBefore {
  padding-left: 2.16667rem;
}
.item:global(.cobalt).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 0.5rem;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt).centered .slotAfter {
  left: 0.5rem;
  right: auto;
}
.item:global(.cobalt).centered .slotBefore {
  position: absolute;
  left: 0.5rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt).centered .slotBefore {
  left: auto;
  right: 0.5rem;
}
.item:global(.cobalt).centered.inline {
  max-width: 20rem;
}
.item:global(.cobalt).centered.inline .itemContent {
  width: 100%;
}
.item:global(.cobalt).large {
  /* Available for export */
}
.item:global(.cobalt).small {
  height: 2rem;
  font-size: inherit;
  line-height: 1.75rem;
}
.item:global(.cobalt).small.hasLabel {
  height: initial;
}
.item:global(.cobalt).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.cobalt).small .itemContent {
  line-height: inherit;
}
.item:global(.cobalt).small .itemContent .label {
  font-size: inherit;
}
:global(.spotlight-input-key) .item:global(.cobalt):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.cobalt):global(.spottable):focus {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  background-image: none;
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-key) .item:global(.cobalt):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.cobalt):global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-key) .item:global(.cobalt):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.cobalt):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.cobalt):global(.spottable):active {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  background-image: none;
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-touch) .item:global(.cobalt):global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-touch) .item:global(.cobalt):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.cobalt).selected {
  background-color: transparent;
  border-color: transparent;
  color: var(--agate-accent-color, #8c81ff);
}
.item:global(.cobalt).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.cobalt).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.cobalt).selected:global(.spottable):focus {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-key) .item:global(.cobalt).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.cobalt).selected:global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-touch) .item:global(.cobalt).selected:global(.spottable):active {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-touch) .item:global(.cobalt).selected:global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #8c81ff);
}
.item:global(.cobalt):global(.night) {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2.25rem;
  border-style: solid;
  border-width: 0;
  border-color: transparent;
  color: var(--agate-accent-color, #fc7982);
  background-color: transparent;
  height: initial;
}
.item:global(.cobalt):global(.night).hasLabel .itemContent {
  line-height: inherit;
  padding: 0.875rem 0;
}
.item:global(.cobalt):global(.night).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt):global(.night).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.cobalt):global(.night).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt):global(.night).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.cobalt):global(.night):not(.centered) .labelAfter .content,
.item:global(.cobalt):global(.night):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.cobalt):global(.night):not(.centered) .labelAfter .label,
.item:global(.cobalt):global(.night):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.cobalt):global(.night) .label {
  color: var(--agate-accent-color, #fc7982);
  font-size: inherit;
  line-height: inherit;
}
.item:global(.cobalt):global(.night) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.cobalt):global(.night) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.cobalt):global(.night).selected {
  color: var(--agate-accent-color, #fc7982);
}
.item:global(.cobalt):global(.night).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.cobalt):global(.night).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.cobalt):global(.night).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.cobalt):global(.night).inline .content,
.item:global(.cobalt):global(.night).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.cobalt):global(.night).centered .itemContent {
  max-width: fit-content;
}
.item:global(.cobalt):global(.night).centered .itemContent.labelAfter,
.item:global(.cobalt):global(.night).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.cobalt):global(.night).centered .itemContent.labelAfter .content,
.item:global(.cobalt):global(.night).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.cobalt):global(.night).centered .itemContent.labelAfter .label,
.item:global(.cobalt):global(.night).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.cobalt):global(.night).centered .itemContent.labelAbove .content,
.item:global(.cobalt):global(.night).centered .itemContent.labelBelow .content,
.item:global(.cobalt):global(.night).centered .itemContent.labelAbove .label,
.item:global(.cobalt):global(.night).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.cobalt):global(.night).centered.slotAfter {
  padding-right: 2.16667rem;
}
.item:global(.cobalt):global(.night).centered.slotBefore {
  padding-left: 2.16667rem;
}
.item:global(.cobalt):global(.night).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 0.5rem;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt):global(.night).centered .slotAfter {
  left: 0.5rem;
  right: auto;
}
.item:global(.cobalt):global(.night).centered .slotBefore {
  position: absolute;
  left: 0.5rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt):global(.night).centered .slotBefore {
  left: auto;
  right: 0.5rem;
}
.item:global(.cobalt):global(.night).centered.inline {
  max-width: 20rem;
}
.item:global(.cobalt):global(.night).centered.inline .itemContent {
  width: 100%;
}
.item:global(.cobalt):global(.night).large {
  /* Available for export */
}
.item:global(.cobalt):global(.night).small {
  height: 2rem;
  font-size: inherit;
  line-height: 1.75rem;
}
.item:global(.cobalt):global(.night).small.hasLabel {
  height: initial;
}
.item:global(.cobalt):global(.night).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.cobalt):global(.night).small .itemContent {
  line-height: inherit;
}
.item:global(.cobalt):global(.night).small .itemContent .label {
  font-size: inherit;
}
:global(.spotlight-input-key) .item:global(.cobalt):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.cobalt):global(.night):global(.spottable):focus {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  background-image: none;
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-key) .item:global(.cobalt):global(.night):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.cobalt):global(.night):global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-key) .item:global(.cobalt):global(.night):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.cobalt):global(.night):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.cobalt):global(.night):global(.spottable):active {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  background-image: none;
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-touch) .item:global(.cobalt):global(.night):global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-touch) .item:global(.cobalt):global(.night):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.cobalt):global(.night).selected {
  background-color: transparent;
  border-color: transparent;
  color: var(--agate-accent-color, #fc7982);
}
.item:global(.cobalt):global(.night).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.cobalt):global(.night).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.cobalt):global(.night).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.cobalt):global(.night).selected:global(.spottable):focus {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-key) .item:global(.cobalt):global(.night).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.cobalt):global(.night).selected:global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-touch) .item:global(.cobalt):global(.night).selected:global(.spottable):active {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-touch) .item:global(.cobalt):global(.night).selected:global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #fc7982);
}
.item:global(.copper) {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2.25rem;
  border-style: solid;
  border-width: 0;
  border-color: transparent;
  color: inherit;
  background-color: transparent;
  height: initial;
}
.item:global(.copper).hasLabel .itemContent {
  line-height: inherit;
  padding: 0.875rem 0;
}
.item:global(.copper).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.copper).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.copper).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.copper).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.copper):not(.centered) .labelAfter .content,
.item:global(.copper):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.copper):not(.centered) .labelAfter .label,
.item:global(.copper):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.copper) .label {
  color: var(--agate-accent-color, #a47d66);
  font-size: inherit;
  line-height: inherit;
}
.item:global(.copper) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.copper) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.copper).selected {
  color: var(--agate-accent-color, #a47d66);
}
.item:global(.copper).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.copper).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.copper).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.copper).inline .content,
.item:global(.copper).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.copper).centered .itemContent {
  max-width: fit-content;
}
.item:global(.copper).centered .itemContent.labelAfter,
.item:global(.copper).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.copper).centered .itemContent.labelAfter .content,
.item:global(.copper).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.copper).centered .itemContent.labelAfter .label,
.item:global(.copper).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.copper).centered .itemContent.labelAbove .content,
.item:global(.copper).centered .itemContent.labelBelow .content,
.item:global(.copper).centered .itemContent.labelAbove .label,
.item:global(.copper).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.copper).centered.slotAfter {
  padding-right: 2.16667rem;
}
.item:global(.copper).centered.slotBefore {
  padding-left: 2.16667rem;
}
.item:global(.copper).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 0.5rem;
}
:global(.enact-locale-right-to-left) .item:global(.copper).centered .slotAfter {
  left: 0.5rem;
  right: auto;
}
.item:global(.copper).centered .slotBefore {
  position: absolute;
  left: 0.5rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.copper).centered .slotBefore {
  left: auto;
  right: 0.5rem;
}
.item:global(.copper).centered.inline {
  max-width: 20rem;
}
.item:global(.copper).centered.inline .itemContent {
  width: 100%;
}
.item:global(.copper).large {
  /* Available for export */
}
.item:global(.copper).small {
  height: 2rem;
  font-size: inherit;
  line-height: 1.75rem;
}
.item:global(.copper).small.hasLabel {
  height: initial;
}
.item:global(.copper).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.copper).small .itemContent {
  line-height: inherit;
}
.item:global(.copper).small .itemContent .label {
  font-size: inherit;
}
:global(.spotlight-input-key) .item:global(.copper):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.copper):global(.spottable):focus {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  background-image: none;
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-key) .item:global(.copper):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.copper):global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-key) .item:global(.copper):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.copper):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.copper):global(.spottable):active {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  background-image: none;
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-touch) .item:global(.copper):global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-touch) .item:global(.copper):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.copper).selected {
  background-color: transparent;
  border-color: transparent;
  color: var(--agate-accent-color, #a47d66);
}
.item:global(.copper).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.copper).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.copper).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.copper).selected:global(.spottable):focus {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-key) .item:global(.copper).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.copper).selected:global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-touch) .item:global(.copper).selected:global(.spottable):active {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  color: var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-touch) .item:global(.copper).selected:global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #a47d66);
}
.item:global(.copper):global(.night) {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2.25rem;
  border-style: solid;
  border-width: 0;
  border-color: transparent;
  color: var(--agate-accent-color, #e0b094);
  background-color: transparent;
  height: initial;
}
.item:global(.copper):global(.night).hasLabel .itemContent {
  line-height: inherit;
  padding: 0.875rem 0;
}
.item:global(.copper):global(.night).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.copper):global(.night).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.copper):global(.night).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.copper):global(.night).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.copper):global(.night):not(.centered) .labelAfter .content,
.item:global(.copper):global(.night):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.copper):global(.night):not(.centered) .labelAfter .label,
.item:global(.copper):global(.night):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.copper):global(.night) .label {
  color: var(--agate-accent-color, #e0b094);
  font-size: inherit;
  line-height: inherit;
}
.item:global(.copper):global(.night) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.copper):global(.night) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.copper):global(.night).selected {
  color: var(--agate-accent-color, #e0b094);
}
.item:global(.copper):global(.night).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.copper):global(.night).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.copper):global(.night).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.copper):global(.night).inline .content,
.item:global(.copper):global(.night).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.copper):global(.night).centered .itemContent {
  max-width: fit-content;
}
.item:global(.copper):global(.night).centered .itemContent.labelAfter,
.item:global(.copper):global(.night).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.copper):global(.night).centered .itemContent.labelAfter .content,
.item:global(.copper):global(.night).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.copper):global(.night).centered .itemContent.labelAfter .label,
.item:global(.copper):global(.night).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.copper):global(.night).centered .itemContent.labelAbove .content,
.item:global(.copper):global(.night).centered .itemContent.labelBelow .content,
.item:global(.copper):global(.night).centered .itemContent.labelAbove .label,
.item:global(.copper):global(.night).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.copper):global(.night).centered.slotAfter {
  padding-right: 2.16667rem;
}
.item:global(.copper):global(.night).centered.slotBefore {
  padding-left: 2.16667rem;
}
.item:global(.copper):global(.night).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 0.5rem;
}
:global(.enact-locale-right-to-left) .item:global(.copper):global(.night).centered .slotAfter {
  left: 0.5rem;
  right: auto;
}
.item:global(.copper):global(.night).centered .slotBefore {
  position: absolute;
  left: 0.5rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.copper):global(.night).centered .slotBefore {
  left: auto;
  right: 0.5rem;
}
.item:global(.copper):global(.night).centered.inline {
  max-width: 20rem;
}
.item:global(.copper):global(.night).centered.inline .itemContent {
  width: 100%;
}
.item:global(.copper):global(.night).large {
  /* Available for export */
}
.item:global(.copper):global(.night).small {
  height: 2rem;
  font-size: inherit;
  line-height: 1.75rem;
}
.item:global(.copper):global(.night).small.hasLabel {
  height: initial;
}
.item:global(.copper):global(.night).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.copper):global(.night).small .itemContent {
  line-height: inherit;
}
.item:global(.copper):global(.night).small .itemContent .label {
  font-size: inherit;
}
:global(.spotlight-input-key) .item:global(.copper):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.copper):global(.night):global(.spottable):focus {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  background-image: none;
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-key) .item:global(.copper):global(.night):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.copper):global(.night):global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-key) .item:global(.copper):global(.night):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.copper):global(.night):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.copper):global(.night):global(.spottable):active {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  background-image: none;
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-touch) .item:global(.copper):global(.night):global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-touch) .item:global(.copper):global(.night):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.copper):global(.night).selected {
  background-color: transparent;
  border-color: transparent;
  color: var(--agate-accent-color, #e0b094);
}
.item:global(.copper):global(.night).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.copper):global(.night).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.copper):global(.night).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.copper):global(.night).selected:global(.spottable):focus {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-key) .item:global(.copper):global(.night).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.copper):global(.night).selected:global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-touch) .item:global(.copper):global(.night).selected:global(.spottable):active {
  border-color: transparent;
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-touch) .item:global(.copper):global(.night).selected:global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #e0b094);
}
.item:global(.electro) {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2.25rem;
  border-style: solid;
  border-width: 0;
  border-color: transparent;
  color: white;
  background-color: transparent;
  height: initial;
}
.item:global(.electro).hasLabel .itemContent {
  line-height: inherit;
  padding: 0.875rem 0;
}
.item:global(.electro).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.electro).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.electro).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.electro).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.electro):not(.centered) .labelAfter .content,
.item:global(.electro):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.electro):not(.centered) .labelAfter .label,
.item:global(.electro):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.electro) .label {
  color: var(--agate-accent-color, #0359f0);
  font-size: inherit;
  line-height: inherit;
}
.item:global(.electro) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.electro) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.electro).selected {
  color: var(--agate-accent-color, #0359f0);
}
.item:global(.electro).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.electro).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.electro).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.electro).inline .content,
.item:global(.electro).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.electro).centered .itemContent {
  max-width: fit-content;
}
.item:global(.electro).centered .itemContent.labelAfter,
.item:global(.electro).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.electro).centered .itemContent.labelAfter .content,
.item:global(.electro).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.electro).centered .itemContent.labelAfter .label,
.item:global(.electro).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.electro).centered .itemContent.labelAbove .content,
.item:global(.electro).centered .itemContent.labelBelow .content,
.item:global(.electro).centered .itemContent.labelAbove .label,
.item:global(.electro).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.electro).centered.slotAfter {
  padding-right: 2.16667rem;
}
.item:global(.electro).centered.slotBefore {
  padding-left: 2.16667rem;
}
.item:global(.electro).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 0.5rem;
}
:global(.enact-locale-right-to-left) .item:global(.electro).centered .slotAfter {
  left: 0.5rem;
  right: auto;
}
.item:global(.electro).centered .slotBefore {
  position: absolute;
  left: 0.5rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.electro).centered .slotBefore {
  left: auto;
  right: 0.5rem;
}
.item:global(.electro).centered.inline {
  max-width: 20rem;
}
.item:global(.electro).centered.inline .itemContent {
  width: 100%;
}
.item:global(.electro).large {
  /* Available for export */
}
.item:global(.electro).small {
  height: 2rem;
  font-size: inherit;
  line-height: 1.75rem;
}
.item:global(.electro).small.hasLabel {
  height: initial;
}
.item:global(.electro).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.electro).small .itemContent {
  line-height: inherit;
}
.item:global(.electro).small .itemContent .label {
  font-size: inherit;
}
:global(.spotlight-input-key) .item:global(.electro):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.electro):global(.spottable):focus {
  border-color: transparent;
  background-color: hsla( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) , 0.7);
  background-image: none;
  color: white;
}
:global(.spotlight-input-key) .item:global(.electro):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.electro):global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, #0359f0);
}
:global(.spotlight-input-key) .item:global(.electro):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.electro):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.electro):global(.spottable):active {
  border-color: transparent;
  background-color: hsla( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) , 0.7);
  background-image: none;
  color: white;
}
:global(.spotlight-input-touch) .item:global(.electro):global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, #0359f0);
}
:global(.spotlight-input-touch) .item:global(.electro):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.electro).selected {
  background-color: transparent;
  border-color: transparent;
  color: white;
}
.item:global(.electro).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.electro).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.electro).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.electro).selected:global(.spottable):focus {
  border-color: transparent;
  background-color: hsla( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) , 0.7);
  color: white;
}
:global(.spotlight-input-key) .item:global(.electro).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.electro).selected:global(.spottable):focus .itemContent .label {
  color: white;
}
:global(.spotlight-input-touch) .item:global(.electro).selected:global(.spottable):active {
  border-color: transparent;
  background-color: hsla( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) , 0.7);
  color: white;
}
:global(.spotlight-input-touch) .item:global(.electro).selected:global(.spottable):active .itemContent .label {
  color: white;
}
.item:global(.gallium) {
  font-size: 1.66667rem;
  font-weight: 500;
  line-height: 3.75rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  line-height: 3.5rem;
  border-style: solid;
  border-width: 0.125rem;
  border-color: transparent;
  color: #000000;
  background-color: transparent;
  height: initial;
}
.item:global(.gallium).hasLabel .itemContent {
  line-height: 2rem;
  padding: 0.875rem 0;
}
.item:global(.gallium).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.gallium).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.gallium).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.gallium).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.gallium):not(.centered) .labelAfter .content,
.item:global(.gallium):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.gallium):not(.centered) .labelAfter .label,
.item:global(.gallium):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.gallium) .label {
  color: #000000;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
.item:global(.gallium) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.gallium) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.gallium).selected {
  color: #000000;
}
.item:global(.gallium).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.gallium).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.gallium).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.gallium).inline .content,
.item:global(.gallium).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.gallium).centered .itemContent {
  max-width: fit-content;
}
.item:global(.gallium).centered .itemContent.labelAfter,
.item:global(.gallium).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.gallium).centered .itemContent.labelAfter .content,
.item:global(.gallium).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.gallium).centered .itemContent.labelAfter .label,
.item:global(.gallium).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.gallium).centered .itemContent.labelAbove .content,
.item:global(.gallium).centered .itemContent.labelBelow .content,
.item:global(.gallium).centered .itemContent.labelAbove .label,
.item:global(.gallium).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.gallium).centered.slotAfter {
  padding-right: 3rem;
}
.item:global(.gallium).centered.slotBefore {
  padding-left: 3rem;
}
.item:global(.gallium).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 1.33333rem;
}
:global(.enact-locale-right-to-left) .item:global(.gallium).centered .slotAfter {
  left: 1.33333rem;
  right: auto;
}
.item:global(.gallium).centered .slotBefore {
  position: absolute;
  left: 1.33333rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.gallium).centered .slotBefore {
  left: auto;
  right: 1.33333rem;
}
.item:global(.gallium).centered.inline {
  max-width: 20rem;
}
.item:global(.gallium).centered.inline .itemContent {
  width: 100%;
}
.item:global(.gallium).large {
  /* Available for export */
}
.item:global(.gallium).small {
  height: 2rem;
  font-size: 1.66667rem;
  line-height: 1.75rem;
}
.item:global(.gallium).small.hasLabel {
  height: initial;
}
.item:global(.gallium).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.gallium).small .itemContent {
  line-height: 1.75rem;
}
.item:global(.gallium).small .itemContent .label {
  font-size: 1.125rem;
}
:global(.spotlight-input-key) .item:global(.gallium):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.gallium):global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  background-image: none;
  color: #000000;
}
:global(.spotlight-input-key) .item:global(.gallium):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.gallium):global(.spottable):focus .itemContent .label {
  color: #000000;
}
:global(.spotlight-input-key) .item:global(.gallium):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.gallium):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.gallium):global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  background-image: none;
  color: #000000;
}
:global(.spotlight-input-touch) .item:global(.gallium):global(.spottable):active .itemContent .label {
  color: #000000;
}
:global(.spotlight-input-touch) .item:global(.gallium):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.gallium).selected {
  background-color: transparent;
  border-color: var(--agate-accent-color, #8b7efe);
  color: #000000;
}
.item:global(.gallium).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.gallium).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.gallium).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.gallium).selected:global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  color: #000000;
}
:global(.spotlight-input-key) .item:global(.gallium).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.gallium).selected:global(.spottable):focus .itemContent .label {
  color: #000000;
}
:global(.spotlight-input-touch) .item:global(.gallium).selected:global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  color: #000000;
}
:global(.spotlight-input-touch) .item:global(.gallium).selected:global(.spottable):active .itemContent .label {
  color: #000000;
}
.item:global(.gallium):global(.night) {
  font-size: 1.66667rem;
  font-weight: 500;
  line-height: 3.75rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  line-height: 3.5rem;
  border-style: solid;
  border-width: 0.125rem;
  border-color: transparent;
  color: #ffffff;
  background-color: transparent;
  height: initial;
}
.item:global(.gallium):global(.night).hasLabel .itemContent {
  line-height: 2rem;
  padding: 0.875rem 0;
}
.item:global(.gallium):global(.night).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.gallium):global(.night).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.gallium):global(.night).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.gallium):global(.night).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.gallium):global(.night):not(.centered) .labelAfter .content,
.item:global(.gallium):global(.night):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.gallium):global(.night):not(.centered) .labelAfter .label,
.item:global(.gallium):global(.night):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.gallium):global(.night) .label {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
.item:global(.gallium):global(.night) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.gallium):global(.night) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.gallium):global(.night).selected {
  color: #ffffff;
}
.item:global(.gallium):global(.night).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.gallium):global(.night).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.gallium):global(.night).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.gallium):global(.night).inline .content,
.item:global(.gallium):global(.night).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.gallium):global(.night).centered .itemContent {
  max-width: fit-content;
}
.item:global(.gallium):global(.night).centered .itemContent.labelAfter,
.item:global(.gallium):global(.night).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.gallium):global(.night).centered .itemContent.labelAfter .content,
.item:global(.gallium):global(.night).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.gallium):global(.night).centered .itemContent.labelAfter .label,
.item:global(.gallium):global(.night).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.gallium):global(.night).centered .itemContent.labelAbove .content,
.item:global(.gallium):global(.night).centered .itemContent.labelBelow .content,
.item:global(.gallium):global(.night).centered .itemContent.labelAbove .label,
.item:global(.gallium):global(.night).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.gallium):global(.night).centered.slotAfter {
  padding-right: 3rem;
}
.item:global(.gallium):global(.night).centered.slotBefore {
  padding-left: 3rem;
}
.item:global(.gallium):global(.night).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 1.33333rem;
}
:global(.enact-locale-right-to-left) .item:global(.gallium):global(.night).centered .slotAfter {
  left: 1.33333rem;
  right: auto;
}
.item:global(.gallium):global(.night).centered .slotBefore {
  position: absolute;
  left: 1.33333rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.gallium):global(.night).centered .slotBefore {
  left: auto;
  right: 1.33333rem;
}
.item:global(.gallium):global(.night).centered.inline {
  max-width: 20rem;
}
.item:global(.gallium):global(.night).centered.inline .itemContent {
  width: 100%;
}
.item:global(.gallium):global(.night).large {
  /* Available for export */
}
.item:global(.gallium):global(.night).small {
  height: 2rem;
  font-size: 1.66667rem;
  line-height: 1.75rem;
}
.item:global(.gallium):global(.night).small.hasLabel {
  height: initial;
}
.item:global(.gallium):global(.night).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.gallium):global(.night).small .itemContent {
  line-height: 1.75rem;
}
.item:global(.gallium):global(.night).small .itemContent .label {
  font-size: 1.125rem;
}
:global(.spotlight-input-key) .item:global(.gallium):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.gallium):global(.night):global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  background-image: none;
  color: #ffffff;
}
:global(.spotlight-input-key) .item:global(.gallium):global(.night):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.gallium):global(.night):global(.spottable):focus .itemContent .label {
  color: #ffffff;
}
:global(.spotlight-input-key) .item:global(.gallium):global(.night):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.gallium):global(.night):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.gallium):global(.night):global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  background-image: none;
  color: #ffffff;
}
:global(.spotlight-input-touch) .item:global(.gallium):global(.night):global(.spottable):active .itemContent .label {
  color: #ffffff;
}
:global(.spotlight-input-touch) .item:global(.gallium):global(.night):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.gallium):global(.night).selected {
  background-color: transparent;
  border-color: var(--agate-accent-color, #8b7efe);
  color: #ffffff;
}
.item:global(.gallium):global(.night).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.gallium):global(.night).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.gallium):global(.night).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.gallium):global(.night).selected:global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  color: #ffffff;
}
:global(.spotlight-input-key) .item:global(.gallium):global(.night).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.gallium):global(.night).selected:global(.spottable):focus .itemContent .label {
  color: #ffffff;
}
:global(.spotlight-input-touch) .item:global(.gallium):global(.night).selected:global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  color: #ffffff;
}
:global(.spotlight-input-touch) .item:global(.gallium):global(.night).selected:global(.spottable):active .itemContent .label {
  color: #ffffff;
}
.item:global(.silicon) {
  font-size: 1.375rem;
  font-weight: normal;
  line-height: 4.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  line-height: 4rem;
  border-style: solid;
  border-width: 0 0 0.125rem 0;
  border-color: rgba(0, 0, 0, 0.4);
  color: #000000;
  background-color: transparent;
  height: 5rem;
}
.item:global(.silicon).hasLabel .itemContent {
  line-height: 1.75rem;
  padding: 0.875rem 0;
}
.item:global(.silicon).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.silicon).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.silicon).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.silicon).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.silicon):not(.centered) .labelAfter .content,
.item:global(.silicon):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.silicon):not(.centered) .labelAfter .label,
.item:global(.silicon):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.silicon) .label {
  color: #b3b3b3;
  font-size: 1rem;
  line-height: 1.375rem;
}
.item:global(.silicon) .slotAfter {
  font-size: 1rem;
  margin-inline-start: 0.5rem;
}
.item:global(.silicon) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.silicon).selected {
  color: #b3b3b3;
}
.item:global(.silicon).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.silicon).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.silicon).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.silicon).inline .content,
.item:global(.silicon).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.silicon).centered .itemContent {
  max-width: fit-content;
}
.item:global(.silicon).centered .itemContent.labelAfter,
.item:global(.silicon).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.silicon).centered .itemContent.labelAfter .content,
.item:global(.silicon).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.silicon).centered .itemContent.labelAfter .label,
.item:global(.silicon).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.silicon).centered .itemContent.labelAbove .content,
.item:global(.silicon).centered .itemContent.labelBelow .content,
.item:global(.silicon).centered .itemContent.labelAbove .label,
.item:global(.silicon).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.silicon).centered.slotAfter {
  padding-right: 2.60417rem;
}
.item:global(.silicon).centered.slotBefore {
  padding-left: 2.60417rem;
}
.item:global(.silicon).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 1.25rem;
}
:global(.enact-locale-right-to-left) .item:global(.silicon).centered .slotAfter {
  left: 1.25rem;
  right: auto;
}
.item:global(.silicon).centered .slotBefore {
  position: absolute;
  left: 1.25rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.silicon).centered .slotBefore {
  left: auto;
  right: 1.25rem;
}
.item:global(.silicon).centered.inline {
  max-width: 20rem;
}
.item:global(.silicon).centered.inline .itemContent {
  width: 100%;
}
.item:global(.silicon).large {
  /* Available for export */
}
.item:global(.silicon).small {
  height: 4.125rem;
  font-size: 1.375rem;
  line-height: 2.5rem;
}
.item:global(.silicon).small.hasLabel {
  height: 4.125rem;
}
.item:global(.silicon).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.silicon).small .itemContent {
  line-height: 1.75rem;
}
.item:global(.silicon).small .itemContent .label {
  font-size: 1rem;
}
:global(.spotlight-input-key) .item:global(.silicon):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.silicon):global(.spottable):focus {
  border-color: rgba(0, 0, 0, 0.4);
  background-color: transparent;
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
  color: #000000;
}
:global(.spotlight-input-key) .item:global(.silicon):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.silicon):global(.spottable):focus .itemContent .label {
  color: #b3b3b3;
}
:global(.spotlight-input-key) .item:global(.silicon):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.silicon):global(.spottable):focus.selected::before {
  background-color: #ffffff;
}
:global(.spotlight-input-touch) .item:global(.silicon):global(.spottable):active {
  border-color: rgba(0, 0, 0, 0.4);
  background-color: transparent;
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
  color: #000000;
}
:global(.spotlight-input-touch) .item:global(.silicon):global(.spottable):active .itemContent .label {
  color: #b3b3b3;
}
:global(.spotlight-input-touch) .item:global(.silicon):global(.spottable):active.selected::before {
  background-color: #ffffff;
}
.item:global(.silicon).selected {
  background-color: transparent;
  border-color: var(--agate-accent-color, #ff2d55);
  color: #000000;
}
.item:global(.silicon).selected::before {
  content: "";
  height: 0.375rem;
  min-width: 0.375rem;
  background-color: var(--agate-accent-color, #ff2d55);
  border-radius: 0.1875rem;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.silicon).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.silicon).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.silicon).selected:global(.spottable):focus {
  border-color: var(--agate-accent-color, #ff2d55);
  background-color: transparent;
  color: #000000;
}
:global(.spotlight-input-key) .item:global(.silicon).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.silicon).selected:global(.spottable):focus .itemContent .label {
  color: #b3b3b3;
}
:global(.spotlight-input-touch) .item:global(.silicon).selected:global(.spottable):active {
  border-color: var(--agate-accent-color, #ff2d55);
  background-color: transparent;
  color: #000000;
}
:global(.spotlight-input-touch) .item:global(.silicon).selected:global(.spottable):active .itemContent .label {
  color: #b3b3b3;
}
.item:global(.silicon):global(.night) {
  font-size: 1.375rem;
  font-weight: normal;
  line-height: 4.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  line-height: 4rem;
  border-style: solid;
  border-width: 0 0 0.125rem 0;
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
  background-color: transparent;
  height: 5rem;
}
.item:global(.silicon):global(.night).hasLabel .itemContent {
  line-height: 1.75rem;
  padding: 0.875rem 0;
}
.item:global(.silicon):global(.night).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.silicon):global(.night).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.silicon):global(.night).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.silicon):global(.night).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.silicon):global(.night):not(.centered) .labelAfter .content,
.item:global(.silicon):global(.night):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.silicon):global(.night):not(.centered) .labelAfter .label,
.item:global(.silicon):global(.night):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.silicon):global(.night) .label {
  color: #b3b3b3;
  font-size: 1rem;
  line-height: 1.375rem;
}
.item:global(.silicon):global(.night) .slotAfter {
  font-size: 1rem;
  margin-inline-start: 0.5rem;
}
.item:global(.silicon):global(.night) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.silicon):global(.night).selected {
  color: #b3b3b3;
}
.item:global(.silicon):global(.night).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.silicon):global(.night).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.silicon):global(.night).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.silicon):global(.night).inline .content,
.item:global(.silicon):global(.night).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.silicon):global(.night).centered .itemContent {
  max-width: fit-content;
}
.item:global(.silicon):global(.night).centered .itemContent.labelAfter,
.item:global(.silicon):global(.night).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.silicon):global(.night).centered .itemContent.labelAfter .content,
.item:global(.silicon):global(.night).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.silicon):global(.night).centered .itemContent.labelAfter .label,
.item:global(.silicon):global(.night).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.silicon):global(.night).centered .itemContent.labelAbove .content,
.item:global(.silicon):global(.night).centered .itemContent.labelBelow .content,
.item:global(.silicon):global(.night).centered .itemContent.labelAbove .label,
.item:global(.silicon):global(.night).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.silicon):global(.night).centered.slotAfter {
  padding-right: 2.60417rem;
}
.item:global(.silicon):global(.night).centered.slotBefore {
  padding-left: 2.60417rem;
}
.item:global(.silicon):global(.night).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 1.25rem;
}
:global(.enact-locale-right-to-left) .item:global(.silicon):global(.night).centered .slotAfter {
  left: 1.25rem;
  right: auto;
}
.item:global(.silicon):global(.night).centered .slotBefore {
  position: absolute;
  left: 1.25rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.silicon):global(.night).centered .slotBefore {
  left: auto;
  right: 1.25rem;
}
.item:global(.silicon):global(.night).centered.inline {
  max-width: 20rem;
}
.item:global(.silicon):global(.night).centered.inline .itemContent {
  width: 100%;
}
.item:global(.silicon):global(.night).large {
  /* Available for export */
}
.item:global(.silicon):global(.night).small {
  height: 4.125rem;
  font-size: 1.375rem;
  line-height: 2.5rem;
}
.item:global(.silicon):global(.night).small.hasLabel {
  height: 4.125rem;
}
.item:global(.silicon):global(.night).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.silicon):global(.night).small .itemContent {
  line-height: 1.75rem;
}
.item:global(.silicon):global(.night).small .itemContent .label {
  font-size: 1rem;
}
:global(.spotlight-input-key) .item:global(.silicon):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.silicon):global(.night):global(.spottable):focus {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
  color: #ffffff;
}
:global(.spotlight-input-key) .item:global(.silicon):global(.night):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.silicon):global(.night):global(.spottable):focus .itemContent .label {
  color: #b3b3b3;
}
:global(.spotlight-input-key) .item:global(.silicon):global(.night):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.silicon):global(.night):global(.spottable):focus.selected::before {
  background-color: #ffffff;
}
:global(.spotlight-input-touch) .item:global(.silicon):global(.night):global(.spottable):active {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
  color: #ffffff;
}
:global(.spotlight-input-touch) .item:global(.silicon):global(.night):global(.spottable):active .itemContent .label {
  color: #b3b3b3;
}
:global(.spotlight-input-touch) .item:global(.silicon):global(.night):global(.spottable):active.selected::before {
  background-color: #ffffff;
}
.item:global(.silicon):global(.night).selected {
  background-color: transparent;
  border-color: var(--agate-accent-color, #ff2d55);
  color: #ffffff;
}
.item:global(.silicon):global(.night).selected::before {
  content: "";
  height: 0.375rem;
  min-width: 0.375rem;
  background-color: var(--agate-accent-color, #ff2d55);
  border-radius: 0.1875rem;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.silicon):global(.night).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.silicon):global(.night).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.silicon):global(.night).selected:global(.spottable):focus {
  border-color: var(--agate-accent-color, #ff2d55);
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
:global(.spotlight-input-key) .item:global(.silicon):global(.night).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.silicon):global(.night).selected:global(.spottable):focus .itemContent .label {
  color: #b3b3b3;
}
:global(.spotlight-input-touch) .item:global(.silicon):global(.night).selected:global(.spottable):active {
  border-color: var(--agate-accent-color, #ff2d55);
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
:global(.spotlight-input-touch) .item:global(.silicon):global(.night).selected:global(.spottable):active .itemContent .label {
  color: #b3b3b3;
}
.item:global(.titanium) {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 2.25rem;
  border-style: solid;
  border-width: 0;
  border-color: transparent;
  color: inherit;
  background-color: transparent;
  height: initial;
}
.item:global(.titanium).hasLabel .itemContent {
  line-height: inherit;
  padding: 0.875rem 0;
}
.item:global(.titanium).hasLabel .itemContent.labelBefore .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
:global(.enact-locale-right-to-left) .item:global(.titanium).hasLabel .itemContent.labelBefore .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
.item:global(.titanium).hasLabel .itemContent.labelAfter .label {
  padding-left: 0.41667rem;
  padding-right: 0;
}
:global(.enact-locale-right-to-left) .item:global(.titanium).hasLabel .itemContent.labelAfter .label {
  padding-left: 0;
  padding-right: 0.41667rem;
}
.item:global(.titanium):not(.centered) .labelAfter .content,
.item:global(.titanium):not(.centered) .labelBefore .content {
  min-width: 60%;
}
.item:global(.titanium):not(.centered) .labelAfter .label,
.item:global(.titanium):not(.centered) .labelBefore .label {
  max-width: 30%;
}
.item:global(.titanium) .label {
  color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
  font-size: inherit;
  line-height: inherit;
}
.item:global(.titanium) .slotAfter {
  font-size: inherit;
  margin-inline-start: 0.5rem;
}
.item:global(.titanium) .slotBefore {
  margin-inline-end: 0.5rem;
}
.item:global(.titanium).selected {
  color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
.item:global(.titanium).inline {
  display: inline-flex;
  min-width: 20rem;
  max-width: 29.125rem;
}
.item:global(.titanium).inline .itemContent {
  max-width: 17.5rem;
}
.item:global(.titanium).inline:not(.centered) .itemContent {
  min-width: 17.5rem;
}
.item:global(.titanium).inline .content,
.item:global(.titanium).inline .itemContent {
  flex-shrink: 1;
  overflow: auto;
}
.item:global(.titanium).centered .itemContent {
  max-width: fit-content;
}
.item:global(.titanium).centered .itemContent.labelAfter,
.item:global(.titanium).centered .itemContent.labelBefore {
  max-width: 100%;
}
.item:global(.titanium).centered .itemContent.labelAfter .content,
.item:global(.titanium).centered .itemContent.labelBefore .content {
  max-width: 60%;
}
.item:global(.titanium).centered .itemContent.labelAfter .label,
.item:global(.titanium).centered .itemContent.labelBefore .label {
  max-width: 30%;
}
.item:global(.titanium).centered .itemContent.labelAbove .content,
.item:global(.titanium).centered .itemContent.labelBelow .content,
.item:global(.titanium).centered .itemContent.labelAbove .label,
.item:global(.titanium).centered .itemContent.labelBelow .label {
  max-width: 100%;
}
.item:global(.titanium).centered.slotAfter {
  padding-right: 2.16667rem;
}
.item:global(.titanium).centered.slotBefore {
  padding-left: 2.16667rem;
}
.item:global(.titanium).centered .slotAfter {
  position: absolute;
  left: auto;
  right: 0.5rem;
}
:global(.enact-locale-right-to-left) .item:global(.titanium).centered .slotAfter {
  left: 0.5rem;
  right: auto;
}
.item:global(.titanium).centered .slotBefore {
  position: absolute;
  left: 0.5rem;
  right: auto;
}
:global(.enact-locale-right-to-left) .item:global(.titanium).centered .slotBefore {
  left: auto;
  right: 0.5rem;
}
.item:global(.titanium).centered.inline {
  max-width: 20rem;
}
.item:global(.titanium).centered.inline .itemContent {
  width: 100%;
}
.item:global(.titanium).large {
  /* Available for export */
}
.item:global(.titanium).small {
  height: 2rem;
  font-size: inherit;
  line-height: 1.75rem;
}
.item:global(.titanium).small.hasLabel {
  height: initial;
}
.item:global(.titanium).small.hasLabel .itemContent {
  padding: 0.5rem 0;
}
.item:global(.titanium).small .itemContent {
  line-height: inherit;
}
.item:global(.titanium).small .itemContent .label {
  font-size: inherit;
}
:global(.spotlight-input-key) .item:global(.titanium):global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.titanium):global(.spottable):focus {
  border-color: transparent;
  background-color: var(--agate-highlight-color, #2a48ca);
  background-image: none;
  color: white;
}
:global(.spotlight-input-key) .item:global(.titanium):global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.titanium):global(.spottable):focus .itemContent .label {
  color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
:global(.spotlight-input-key) .item:global(.titanium):global(.spottable):focus.selected::before,
:global(.spotlight-input-mouse) .item:global(.titanium):global(.spottable):focus.selected::before {
  background-color: inherit;
}
:global(.spotlight-input-touch) .item:global(.titanium):global(.spottable):active {
  border-color: transparent;
  background-color: var(--agate-highlight-color, #2a48ca);
  background-image: none;
  color: white;
}
:global(.spotlight-input-touch) .item:global(.titanium):global(.spottable):active .itemContent .label {
  color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
:global(.spotlight-input-touch) .item:global(.titanium):global(.spottable):active.selected::before {
  background-color: inherit;
}
.item:global(.titanium).selected {
  background-color: transparent;
  border-color: transparent;
  color: white;
}
.item:global(.titanium).selected::before {
  content: "";
  height: 0;
  min-width: 0;
  background-color: inherit;
  border-radius: inherit;
  align-self: '@agate-item-indicator-align-self';
  position: absolute;
  left: 0.5rem;
  right: initial;
}
:global(.enact-locale-right-to-left) .item:global(.titanium).selected::before {
  left: initial;
  right: 0.5rem;
}
:global(.spotlight-input-key) .item:global(.titanium).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .item:global(.titanium).selected:global(.spottable):focus {
  border-color: transparent;
  background-color: var(--agate-highlight-color, #2a48ca);
  color: white;
}
:global(.spotlight-input-key) .item:global(.titanium).selected:global(.spottable):focus .itemContent .label,
:global(.spotlight-input-mouse) .item:global(.titanium).selected:global(.spottable):focus .itemContent .label {
  color: white;
}
:global(.spotlight-input-touch) .item:global(.titanium).selected:global(.spottable):active {
  border-color: transparent;
  background-color: var(--agate-highlight-color, #2a48ca);
  color: white;
}
:global(.spotlight-input-touch) .item:global(.titanium).selected:global(.spottable):active .itemContent .label {
  color: white;
}
