.picker {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.picker.horizontal {
  flex-direction: row;
  display: inline-flex;
}
.picker .focusBackground {
  display: none;
  position: absolute;
  width: calc(100% - 90px);
  min-width: 80%;
  z-index: 1;
}
.picker:global(.carbon) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.carbon) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.carbon) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.carbon)[disabled] {
  opacity: 1;
}
.picker:global(.carbon):focus-within .focusBackground,
.picker:global(.carbon):hover .focusBackground {
  display: block;
}
.picker:global(.carbon):focus-within .itemDecrement,
.picker:global(.carbon):hover .itemDecrement,
.picker:global(.carbon):focus-within .itemIncrement,
.picker:global(.carbon):hover .itemIncrement,
.picker:global(.carbon):focus-within .secondaryItemIncrement,
.picker:global(.carbon):hover .secondaryItemIncrement,
.picker:global(.carbon):focus-within .secondaryItemDecrement,
.picker:global(.carbon):hover .secondaryItemDecrement {
  color: inherit;
}
.picker:global(.carbon) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.carbon) .label {
  transform: none;
}
.picker:global(.carbon) .item,
.picker:global(.carbon) .itemDecrement,
.picker:global(.carbon) .itemIncrement,
.picker:global(.carbon) .secondaryItemIncrement,
.picker:global(.carbon) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.carbon) .item .sizingPlaceholder,
.picker:global(.carbon) .itemDecrement .sizingPlaceholder,
.picker:global(.carbon) .itemIncrement .sizingPlaceholder,
.picker:global(.carbon) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.carbon) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: normal;
}
.picker:global(.carbon) .item[disabled],
.picker:global(.carbon) .itemDecrement[disabled],
.picker:global(.carbon) .itemIncrement[disabled],
.picker:global(.carbon) .secondaryItemIncrement[disabled],
.picker:global(.carbon) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.carbon) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.carbon) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.carbon) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.carbon) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.carbon) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.carbon) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.carbon) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.carbon) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.carbon) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.carbon) .secondaryItemDecrement:global(.spottable):focus {
  color: #fff;
  background-color: transparent;
  background-image: inherit;
}
:global(.spotlight-input-touch) .picker:global(.carbon) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.carbon) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.carbon) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.carbon) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.carbon) .secondaryItemDecrement:global(.spottable):active {
  color: #fff;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.carbon) .itemDecrement,
.picker:global(.carbon) .itemIncrement,
.picker:global(.carbon) .secondaryItemIncrement,
.picker:global(.carbon) .secondaryItemDecrement {
  background-color: transparent;
  color: inherit;
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.carbon) .active {
  color: inherit;
  font-size: 1.5rem;
  font-weight: normal;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.carbon) .active .item {
  z-index: 2;
}
.picker:global(.carbon) .active::before {
  content: "";
  background-color: var(--agate-accent-color, #8fd43a);
  background-image: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8fd43a));
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.carbon) .itemDecrement,
.picker:global(.carbon) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.carbon) .itemIncrement,
.picker:global(.carbon) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.carbon).horizontal {
  padding: 0.25rem;
}
.picker:global(.carbon).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.carbon).horizontal .item,
.picker:global(.carbon).horizontal .itemDecrement,
.picker:global(.carbon).horizontal .itemIncrement,
.picker:global(.carbon).horizontal .secondaryItemIncrement,
.picker:global(.carbon).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.carbon).horizontal .itemDecrement,
.picker:global(.carbon).horizontal .itemIncrement,
.picker:global(.carbon).horizontal .secondaryItemIncrement,
.picker:global(.carbon).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.carbon).horizontal .active {
  width: 5rem;
}
.picker:global(.carbon).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker:global(.cobalt) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.cobalt) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.cobalt) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.cobalt)[disabled] {
  opacity: 1;
}
.picker:global(.cobalt):focus-within .focusBackground,
.picker:global(.cobalt):hover .focusBackground {
  display: block;
}
.picker:global(.cobalt):focus-within .itemDecrement,
.picker:global(.cobalt):hover .itemDecrement,
.picker:global(.cobalt):focus-within .itemIncrement,
.picker:global(.cobalt):hover .itemIncrement,
.picker:global(.cobalt):focus-within .secondaryItemIncrement,
.picker:global(.cobalt):hover .secondaryItemIncrement,
.picker:global(.cobalt):focus-within .secondaryItemDecrement,
.picker:global(.cobalt):hover .secondaryItemDecrement {
  color: inherit;
}
.picker:global(.cobalt) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.cobalt) .label {
  transform: none;
}
.picker:global(.cobalt) .item,
.picker:global(.cobalt) .itemDecrement,
.picker:global(.cobalt) .itemIncrement,
.picker:global(.cobalt) .secondaryItemIncrement,
.picker:global(.cobalt) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.cobalt) .item .sizingPlaceholder,
.picker:global(.cobalt) .itemDecrement .sizingPlaceholder,
.picker:global(.cobalt) .itemIncrement .sizingPlaceholder,
.picker:global(.cobalt) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.cobalt) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: 400;
}
.picker:global(.cobalt) .item[disabled],
.picker:global(.cobalt) .itemDecrement[disabled],
.picker:global(.cobalt) .itemIncrement[disabled],
.picker:global(.cobalt) .secondaryItemIncrement[disabled],
.picker:global(.cobalt) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.cobalt) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.cobalt) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.cobalt) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.cobalt) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.cobalt) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt) .secondaryItemDecrement:global(.spottable):focus {
  color: var(--agate-accent-color, #8c81ff);
  background-color: transparent;
  background-image: inherit;
}
:global(.spotlight-input-touch) .picker:global(.cobalt) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.cobalt) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.cobalt) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.cobalt) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.cobalt) .secondaryItemDecrement:global(.spottable):active {
  color: var(--agate-accent-color, #8c81ff);
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.cobalt) .itemDecrement,
.picker:global(.cobalt) .itemIncrement,
.picker:global(.cobalt) .secondaryItemIncrement,
.picker:global(.cobalt) .secondaryItemDecrement {
  background-color: transparent;
  color: inherit;
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.cobalt) .active {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.cobalt) .active .item {
  z-index: 2;
}
.picker:global(.cobalt) .active::before {
  content: "";
  background-color: var(--agate-accent-color, #8c81ff);
  background-image: none;
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.cobalt) .itemDecrement,
.picker:global(.cobalt) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.cobalt) .itemIncrement,
.picker:global(.cobalt) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.cobalt).horizontal {
  padding: 0.25rem;
}
.picker:global(.cobalt).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.cobalt).horizontal .item,
.picker:global(.cobalt).horizontal .itemDecrement,
.picker:global(.cobalt).horizontal .itemIncrement,
.picker:global(.cobalt).horizontal .secondaryItemIncrement,
.picker:global(.cobalt).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.cobalt).horizontal .itemDecrement,
.picker:global(.cobalt).horizontal .itemIncrement,
.picker:global(.cobalt).horizontal .secondaryItemIncrement,
.picker:global(.cobalt).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.cobalt).horizontal .active {
  width: 5rem;
}
.picker:global(.cobalt).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker:global(.cobalt):global(.night) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.cobalt):global(.night) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.cobalt):global(.night) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.cobalt):global(.night)[disabled] {
  opacity: 1;
}
.picker:global(.cobalt):global(.night):focus-within .focusBackground,
.picker:global(.cobalt):global(.night):hover .focusBackground {
  display: block;
}
.picker:global(.cobalt):global(.night):focus-within .itemDecrement,
.picker:global(.cobalt):global(.night):hover .itemDecrement,
.picker:global(.cobalt):global(.night):focus-within .itemIncrement,
.picker:global(.cobalt):global(.night):hover .itemIncrement,
.picker:global(.cobalt):global(.night):focus-within .secondaryItemIncrement,
.picker:global(.cobalt):global(.night):hover .secondaryItemIncrement,
.picker:global(.cobalt):global(.night):focus-within .secondaryItemDecrement,
.picker:global(.cobalt):global(.night):hover .secondaryItemDecrement {
  color: inherit;
}
.picker:global(.cobalt):global(.night) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.cobalt):global(.night) .label {
  transform: none;
}
.picker:global(.cobalt):global(.night) .item,
.picker:global(.cobalt):global(.night) .itemDecrement,
.picker:global(.cobalt):global(.night) .itemIncrement,
.picker:global(.cobalt):global(.night) .secondaryItemIncrement,
.picker:global(.cobalt):global(.night) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.cobalt):global(.night) .item .sizingPlaceholder,
.picker:global(.cobalt):global(.night) .itemDecrement .sizingPlaceholder,
.picker:global(.cobalt):global(.night) .itemIncrement .sizingPlaceholder,
.picker:global(.cobalt):global(.night) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.cobalt):global(.night) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: 400;
}
.picker:global(.cobalt):global(.night) .item[disabled],
.picker:global(.cobalt):global(.night) .itemDecrement[disabled],
.picker:global(.cobalt):global(.night) .itemIncrement[disabled],
.picker:global(.cobalt):global(.night) .secondaryItemIncrement[disabled],
.picker:global(.cobalt):global(.night) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.cobalt):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.cobalt):global(.night) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.cobalt):global(.night) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.cobalt):global(.night) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.cobalt):global(.night) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt):global(.night) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt):global(.night) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt):global(.night) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.cobalt):global(.night) .secondaryItemDecrement:global(.spottable):focus {
  color: #373739;
  background-color: transparent;
  background-image: inherit;
}
:global(.spotlight-input-touch) .picker:global(.cobalt):global(.night) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.cobalt):global(.night) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.cobalt):global(.night) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.cobalt):global(.night) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.cobalt):global(.night) .secondaryItemDecrement:global(.spottable):active {
  color: #373739;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.cobalt):global(.night) .itemDecrement,
.picker:global(.cobalt):global(.night) .itemIncrement,
.picker:global(.cobalt):global(.night) .secondaryItemIncrement,
.picker:global(.cobalt):global(.night) .secondaryItemDecrement {
  background-color: transparent;
  color: inherit;
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.cobalt):global(.night) .active {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.cobalt):global(.night) .active .item {
  z-index: 2;
}
.picker:global(.cobalt):global(.night) .active::before {
  content: "";
  background-color: var(--agate-accent-color, #fc7982);
  background-image: none;
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.cobalt):global(.night) .itemDecrement,
.picker:global(.cobalt):global(.night) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.cobalt):global(.night) .itemIncrement,
.picker:global(.cobalt):global(.night) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.cobalt):global(.night).horizontal {
  padding: 0.25rem;
}
.picker:global(.cobalt):global(.night).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.cobalt):global(.night).horizontal .item,
.picker:global(.cobalt):global(.night).horizontal .itemDecrement,
.picker:global(.cobalt):global(.night).horizontal .itemIncrement,
.picker:global(.cobalt):global(.night).horizontal .secondaryItemIncrement,
.picker:global(.cobalt):global(.night).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.cobalt):global(.night).horizontal .itemDecrement,
.picker:global(.cobalt):global(.night).horizontal .itemIncrement,
.picker:global(.cobalt):global(.night).horizontal .secondaryItemIncrement,
.picker:global(.cobalt):global(.night).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.cobalt):global(.night).horizontal .active {
  width: 5rem;
}
.picker:global(.cobalt):global(.night).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker:global(.copper) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.copper) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.copper) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.copper)[disabled] {
  opacity: 1;
}
.picker:global(.copper):focus-within .focusBackground,
.picker:global(.copper):hover .focusBackground {
  display: block;
}
.picker:global(.copper):focus-within .itemDecrement,
.picker:global(.copper):hover .itemDecrement,
.picker:global(.copper):focus-within .itemIncrement,
.picker:global(.copper):hover .itemIncrement,
.picker:global(.copper):focus-within .secondaryItemIncrement,
.picker:global(.copper):hover .secondaryItemIncrement,
.picker:global(.copper):focus-within .secondaryItemDecrement,
.picker:global(.copper):hover .secondaryItemDecrement {
  color: #424242;
}
.picker:global(.copper) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.copper) .label {
  transform: none;
}
.picker:global(.copper) .item,
.picker:global(.copper) .itemDecrement,
.picker:global(.copper) .itemIncrement,
.picker:global(.copper) .secondaryItemIncrement,
.picker:global(.copper) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.copper) .item .sizingPlaceholder,
.picker:global(.copper) .itemDecrement .sizingPlaceholder,
.picker:global(.copper) .itemIncrement .sizingPlaceholder,
.picker:global(.copper) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.copper) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: 400;
}
.picker:global(.copper) .item[disabled],
.picker:global(.copper) .itemDecrement[disabled],
.picker:global(.copper) .itemIncrement[disabled],
.picker:global(.copper) .secondaryItemIncrement[disabled],
.picker:global(.copper) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.copper) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.copper) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.copper) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.copper) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.copper) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper) .secondaryItemDecrement:global(.spottable):focus {
  color: var(--agate-accent-color, #a47d66);
  background-color: transparent;
  background-image: inherit;
}
:global(.spotlight-input-touch) .picker:global(.copper) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.copper) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.copper) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.copper) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.copper) .secondaryItemDecrement:global(.spottable):active {
  color: var(--agate-accent-color, #a47d66);
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.copper) .itemDecrement,
.picker:global(.copper) .itemIncrement,
.picker:global(.copper) .secondaryItemIncrement,
.picker:global(.copper) .secondaryItemDecrement {
  background-color: transparent;
  color: #424242;
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.copper) .active {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.copper) .active .item {
  z-index: 2;
}
.picker:global(.copper) .active::before {
  content: "";
  background-color: var(--agate-accent-color, #a47d66);
  background-image: none;
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.copper) .itemDecrement,
.picker:global(.copper) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.copper) .itemIncrement,
.picker:global(.copper) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.copper).horizontal {
  padding: 0.25rem;
}
.picker:global(.copper).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.copper).horizontal .item,
.picker:global(.copper).horizontal .itemDecrement,
.picker:global(.copper).horizontal .itemIncrement,
.picker:global(.copper).horizontal .secondaryItemIncrement,
.picker:global(.copper).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.copper).horizontal .itemDecrement,
.picker:global(.copper).horizontal .itemIncrement,
.picker:global(.copper).horizontal .secondaryItemIncrement,
.picker:global(.copper).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.copper).horizontal .active {
  width: 5rem;
}
.picker:global(.copper).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker:global(.copper):global(.night) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.copper):global(.night) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.copper):global(.night) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.copper):global(.night)[disabled] {
  opacity: 1;
}
.picker:global(.copper):global(.night):focus-within .focusBackground,
.picker:global(.copper):global(.night):hover .focusBackground {
  display: block;
}
.picker:global(.copper):global(.night):focus-within .itemDecrement,
.picker:global(.copper):global(.night):hover .itemDecrement,
.picker:global(.copper):global(.night):focus-within .itemIncrement,
.picker:global(.copper):global(.night):hover .itemIncrement,
.picker:global(.copper):global(.night):focus-within .secondaryItemIncrement,
.picker:global(.copper):global(.night):hover .secondaryItemIncrement,
.picker:global(.copper):global(.night):focus-within .secondaryItemDecrement,
.picker:global(.copper):global(.night):hover .secondaryItemDecrement {
  color: #d8d8d8;
}
.picker:global(.copper):global(.night) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.copper):global(.night) .label {
  transform: none;
}
.picker:global(.copper):global(.night) .item,
.picker:global(.copper):global(.night) .itemDecrement,
.picker:global(.copper):global(.night) .itemIncrement,
.picker:global(.copper):global(.night) .secondaryItemIncrement,
.picker:global(.copper):global(.night) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.copper):global(.night) .item .sizingPlaceholder,
.picker:global(.copper):global(.night) .itemDecrement .sizingPlaceholder,
.picker:global(.copper):global(.night) .itemIncrement .sizingPlaceholder,
.picker:global(.copper):global(.night) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.copper):global(.night) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: 400;
}
.picker:global(.copper):global(.night) .item[disabled],
.picker:global(.copper):global(.night) .itemDecrement[disabled],
.picker:global(.copper):global(.night) .itemIncrement[disabled],
.picker:global(.copper):global(.night) .secondaryItemIncrement[disabled],
.picker:global(.copper):global(.night) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.copper):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.copper):global(.night) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.copper):global(.night) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.copper):global(.night) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.copper):global(.night) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper):global(.night) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper):global(.night) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper):global(.night) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.copper):global(.night) .secondaryItemDecrement:global(.spottable):focus {
  color: #ededed;
  background-color: transparent;
  background-image: inherit;
}
:global(.spotlight-input-touch) .picker:global(.copper):global(.night) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.copper):global(.night) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.copper):global(.night) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.copper):global(.night) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.copper):global(.night) .secondaryItemDecrement:global(.spottable):active {
  color: #ededed;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.copper):global(.night) .itemDecrement,
.picker:global(.copper):global(.night) .itemIncrement,
.picker:global(.copper):global(.night) .secondaryItemIncrement,
.picker:global(.copper):global(.night) .secondaryItemDecrement {
  background-color: transparent;
  color: #d8d8d8;
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.copper):global(.night) .active {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.copper):global(.night) .active .item {
  z-index: 2;
}
.picker:global(.copper):global(.night) .active::before {
  content: "";
  background-color: var(--agate-accent-color, #e0b094);
  background-image: none;
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.copper):global(.night) .itemDecrement,
.picker:global(.copper):global(.night) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.copper):global(.night) .itemIncrement,
.picker:global(.copper):global(.night) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.copper):global(.night).horizontal {
  padding: 0.25rem;
}
.picker:global(.copper):global(.night).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.copper):global(.night).horizontal .item,
.picker:global(.copper):global(.night).horizontal .itemDecrement,
.picker:global(.copper):global(.night).horizontal .itemIncrement,
.picker:global(.copper):global(.night).horizontal .secondaryItemIncrement,
.picker:global(.copper):global(.night).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.copper):global(.night).horizontal .itemDecrement,
.picker:global(.copper):global(.night).horizontal .itemIncrement,
.picker:global(.copper):global(.night).horizontal .secondaryItemIncrement,
.picker:global(.copper):global(.night).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.copper):global(.night).horizontal .active {
  width: 5rem;
}
.picker:global(.copper):global(.night).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker:global(.electro) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 0.875rem;
  border-radius: 0.75rem;
  transform: skewX(-20deg);
  margin: 0.5rem;
  padding: 0rem;
}
:global(.enact-locale-right-to-left) .picker:global(.electro) {
  padding: 0rem 0rem 0rem 0rem;
}
.picker:global(.electro) .focusBackground {
  height: calc(100% - 2 * 0rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.electro)[disabled] {
  opacity: 1;
}
.picker:global(.electro):focus-within .focusBackground,
.picker:global(.electro):hover .focusBackground {
  display: block;
}
.picker:global(.electro):focus-within .itemDecrement,
.picker:global(.electro):hover .itemDecrement,
.picker:global(.electro):focus-within .itemIncrement,
.picker:global(.electro):hover .itemIncrement,
.picker:global(.electro):focus-within .secondaryItemIncrement,
.picker:global(.electro):hover .secondaryItemIncrement,
.picker:global(.electro):focus-within .secondaryItemDecrement,
.picker:global(.electro):hover .secondaryItemDecrement {
  color: inherit;
}
.picker:global(.electro) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0rem;
  padding-right: 0rem;
  line-height: 0;
}
.picker:global(.electro) .label {
  transform: skewX(20deg);
}
.picker:global(.electro) .item,
.picker:global(.electro) .itemDecrement,
.picker:global(.electro) .itemIncrement,
.picker:global(.electro) .secondaryItemIncrement,
.picker:global(.electro) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.electro) .item .sizingPlaceholder,
.picker:global(.electro) .itemDecrement .sizingPlaceholder,
.picker:global(.electro) .itemIncrement .sizingPlaceholder,
.picker:global(.electro) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.electro) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.125rem;
  font-weight: normal;
}
.picker:global(.electro) .item[disabled],
.picker:global(.electro) .itemDecrement[disabled],
.picker:global(.electro) .itemIncrement[disabled],
.picker:global(.electro) .secondaryItemIncrement[disabled],
.picker:global(.electro) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.electro) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.electro) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.electro) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.electro) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.electro) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.electro) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.electro) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.electro) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.electro) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.electro) .secondaryItemDecrement:global(.spottable):focus {
  color: white;
  background-color: transparent;
  background-image: linear-gradient(to bottom right, hsl( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) ), transparent);
}
:global(.spotlight-input-touch) .picker:global(.electro) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.electro) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.electro) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.electro) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.electro) .secondaryItemDecrement:global(.spottable):active {
  color: white;
  background-color: transparent;
  background-image: linear-gradient(to bottom right, hsl( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) ), transparent);
}
.picker:global(.electro) .itemDecrement,
.picker:global(.electro) .itemIncrement,
.picker:global(.electro) .secondaryItemIncrement,
.picker:global(.electro) .secondaryItemDecrement {
  background-color: hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.8);
  color: inherit;
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.electro) .active {
  color: inherit;
  font-size: 1.125rem;
  font-weight: normal;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.electro) .active .item {
  z-index: 2;
}
.picker:global(.electro) .active::before {
  content: "";
  background-color: var(--agate-accent-color, #0359f0);
  background-image: linear-gradient(to bottom right, hsl( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) ), transparent);
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.electro) .itemDecrement,
.picker:global(.electro) .secondaryItemDecrement {
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
}
.picker:global(.electro) .itemIncrement,
.picker:global(.electro) .secondaryItemIncrement {
  background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.2));
}
.picker:global(.electro).horizontal {
  padding: 0rem;
}
.picker:global(.electro).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0rem);
}
.picker:global(.electro).horizontal .item,
.picker:global(.electro).horizontal .itemDecrement,
.picker:global(.electro).horizontal .itemIncrement,
.picker:global(.electro).horizontal .secondaryItemIncrement,
.picker:global(.electro).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.electro).horizontal .itemDecrement,
.picker:global(.electro).horizontal .itemIncrement,
.picker:global(.electro).horizontal .secondaryItemIncrement,
.picker:global(.electro).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.electro).horizontal .active {
  width: 5rem;
}
.picker:global(.electro).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker:global(.gallium) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.gallium) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.gallium) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.gallium)[disabled] {
  opacity: 1;
}
.picker:global(.gallium):focus-within .focusBackground,
.picker:global(.gallium):hover .focusBackground {
  display: block;
}
.picker:global(.gallium):focus-within .itemDecrement,
.picker:global(.gallium):hover .itemDecrement,
.picker:global(.gallium):focus-within .itemIncrement,
.picker:global(.gallium):hover .itemIncrement,
.picker:global(.gallium):focus-within .secondaryItemIncrement,
.picker:global(.gallium):hover .secondaryItemIncrement,
.picker:global(.gallium):focus-within .secondaryItemDecrement,
.picker:global(.gallium):hover .secondaryItemDecrement {
  color: rgba(0, 0, 0, 0.5);
}
.picker:global(.gallium) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.gallium) .label {
  transform: none;
}
.picker:global(.gallium) .item,
.picker:global(.gallium) .itemDecrement,
.picker:global(.gallium) .itemIncrement,
.picker:global(.gallium) .secondaryItemIncrement,
.picker:global(.gallium) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.gallium) .item .sizingPlaceholder,
.picker:global(.gallium) .itemDecrement .sizingPlaceholder,
.picker:global(.gallium) .itemIncrement .sizingPlaceholder,
.picker:global(.gallium) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.gallium) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: normal;
}
.picker:global(.gallium) .item[disabled],
.picker:global(.gallium) .itemDecrement[disabled],
.picker:global(.gallium) .itemIncrement[disabled],
.picker:global(.gallium) .secondaryItemIncrement[disabled],
.picker:global(.gallium) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.gallium) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.gallium) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.gallium) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.gallium) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.gallium) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium) .secondaryItemDecrement:global(.spottable):focus {
  color: inherit;
  background-color: transparent;
  background-image: inherit;
}
:global(.spotlight-input-touch) .picker:global(.gallium) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.gallium) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.gallium) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.gallium) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.gallium) .secondaryItemDecrement:global(.spottable):active {
  color: inherit;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.gallium) .itemDecrement,
.picker:global(.gallium) .itemIncrement,
.picker:global(.gallium) .secondaryItemIncrement,
.picker:global(.gallium) .secondaryItemDecrement {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.5);
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.gallium) .active {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: normal;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.gallium) .active .item {
  z-index: 2;
}
.picker:global(.gallium) .active::before {
  content: "";
  background-color: var(--agate-accent-color, #8b7efe);
  background-image: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8b7efe));
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.gallium) .itemDecrement,
.picker:global(.gallium) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.gallium) .itemIncrement,
.picker:global(.gallium) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.gallium).horizontal {
  padding: 0.25rem;
}
.picker:global(.gallium).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.gallium).horizontal .item,
.picker:global(.gallium).horizontal .itemDecrement,
.picker:global(.gallium).horizontal .itemIncrement,
.picker:global(.gallium).horizontal .secondaryItemIncrement,
.picker:global(.gallium).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.gallium).horizontal .itemDecrement,
.picker:global(.gallium).horizontal .itemIncrement,
.picker:global(.gallium).horizontal .secondaryItemIncrement,
.picker:global(.gallium).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.gallium).horizontal .active {
  width: 5rem;
}
.picker:global(.gallium).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker:global(.gallium):global(.night) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.gallium):global(.night) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.gallium):global(.night) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.gallium):global(.night)[disabled] {
  opacity: 1;
}
.picker:global(.gallium):global(.night):focus-within .focusBackground,
.picker:global(.gallium):global(.night):hover .focusBackground {
  display: block;
}
.picker:global(.gallium):global(.night):focus-within .itemDecrement,
.picker:global(.gallium):global(.night):hover .itemDecrement,
.picker:global(.gallium):global(.night):focus-within .itemIncrement,
.picker:global(.gallium):global(.night):hover .itemIncrement,
.picker:global(.gallium):global(.night):focus-within .secondaryItemIncrement,
.picker:global(.gallium):global(.night):hover .secondaryItemIncrement,
.picker:global(.gallium):global(.night):focus-within .secondaryItemDecrement,
.picker:global(.gallium):global(.night):hover .secondaryItemDecrement {
  color: rgba(255, 255, 255, 0.5);
}
.picker:global(.gallium):global(.night) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.gallium):global(.night) .label {
  transform: none;
}
.picker:global(.gallium):global(.night) .item,
.picker:global(.gallium):global(.night) .itemDecrement,
.picker:global(.gallium):global(.night) .itemIncrement,
.picker:global(.gallium):global(.night) .secondaryItemIncrement,
.picker:global(.gallium):global(.night) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.gallium):global(.night) .item .sizingPlaceholder,
.picker:global(.gallium):global(.night) .itemDecrement .sizingPlaceholder,
.picker:global(.gallium):global(.night) .itemIncrement .sizingPlaceholder,
.picker:global(.gallium):global(.night) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.gallium):global(.night) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: normal;
}
.picker:global(.gallium):global(.night) .item[disabled],
.picker:global(.gallium):global(.night) .itemDecrement[disabled],
.picker:global(.gallium):global(.night) .itemIncrement[disabled],
.picker:global(.gallium):global(.night) .secondaryItemIncrement[disabled],
.picker:global(.gallium):global(.night) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.gallium):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.gallium):global(.night) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.gallium):global(.night) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.gallium):global(.night) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.gallium):global(.night) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium):global(.night) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium):global(.night) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium):global(.night) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.gallium):global(.night) .secondaryItemDecrement:global(.spottable):focus {
  color: inherit;
  background-color: transparent;
  background-image: inherit;
}
:global(.spotlight-input-touch) .picker:global(.gallium):global(.night) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.gallium):global(.night) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.gallium):global(.night) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.gallium):global(.night) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.gallium):global(.night) .secondaryItemDecrement:global(.spottable):active {
  color: inherit;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.gallium):global(.night) .itemDecrement,
.picker:global(.gallium):global(.night) .itemIncrement,
.picker:global(.gallium):global(.night) .secondaryItemIncrement,
.picker:global(.gallium):global(.night) .secondaryItemDecrement {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.gallium):global(.night) .active {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: normal;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.gallium):global(.night) .active .item {
  z-index: 2;
}
.picker:global(.gallium):global(.night) .active::before {
  content: "";
  background-color: var(--agate-accent-color, #8b7efe);
  background-image: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8b7efe));
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.gallium):global(.night) .itemDecrement,
.picker:global(.gallium):global(.night) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.gallium):global(.night) .itemIncrement,
.picker:global(.gallium):global(.night) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.gallium):global(.night).horizontal {
  padding: 0.25rem;
}
.picker:global(.gallium):global(.night).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.gallium):global(.night).horizontal .item,
.picker:global(.gallium):global(.night).horizontal .itemDecrement,
.picker:global(.gallium):global(.night).horizontal .itemIncrement,
.picker:global(.gallium):global(.night).horizontal .secondaryItemIncrement,
.picker:global(.gallium):global(.night).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.gallium):global(.night).horizontal .itemDecrement,
.picker:global(.gallium):global(.night).horizontal .itemIncrement,
.picker:global(.gallium):global(.night).horizontal .secondaryItemIncrement,
.picker:global(.gallium):global(.night).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.gallium):global(.night).horizontal .active {
  width: 5rem;
}
.picker:global(.gallium):global(.night).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker:global(.silicon) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: bold;
  font-size: 1.375rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.silicon) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.silicon) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: linear-gradient(#9e00d8, #f1304f);
}
.picker:global(.silicon)[disabled] {
  opacity: 0.6;
}
.picker:global(.silicon):focus-within .focusBackground,
.picker:global(.silicon):hover .focusBackground {
  display: block;
}
.picker:global(.silicon):focus-within .itemDecrement,
.picker:global(.silicon):hover .itemDecrement,
.picker:global(.silicon):focus-within .itemIncrement,
.picker:global(.silicon):hover .itemIncrement,
.picker:global(.silicon):focus-within .secondaryItemIncrement,
.picker:global(.silicon):hover .secondaryItemIncrement,
.picker:global(.silicon):focus-within .secondaryItemDecrement,
.picker:global(.silicon):hover .secondaryItemDecrement {
  color: rgba(255, 255, 255, 0.35);
}
.picker:global(.silicon) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.silicon) .label {
  transform: none;
}
.picker:global(.silicon) .item,
.picker:global(.silicon) .itemDecrement,
.picker:global(.silicon) .itemIncrement,
.picker:global(.silicon) .secondaryItemIncrement,
.picker:global(.silicon) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.silicon) .item .sizingPlaceholder,
.picker:global(.silicon) .itemDecrement .sizingPlaceholder,
.picker:global(.silicon) .itemIncrement .sizingPlaceholder,
.picker:global(.silicon) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.silicon) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: bold;
}
.picker:global(.silicon) .item[disabled],
.picker:global(.silicon) .itemDecrement[disabled],
.picker:global(.silicon) .itemIncrement[disabled],
.picker:global(.silicon) .secondaryItemIncrement[disabled],
.picker:global(.silicon) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.silicon) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.silicon) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.silicon) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.silicon) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.silicon) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon) .secondaryItemDecrement:global(.spottable):focus {
  color: #ffffff;
  background-color: transparent;
  background-image: none;
}
:global(.spotlight-input-touch) .picker:global(.silicon) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.silicon) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.silicon) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.silicon) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.silicon) .secondaryItemDecrement:global(.spottable):active {
  color: #ffffff;
  background-color: transparent;
  background-image: none;
}
.picker:global(.silicon) .itemDecrement,
.picker:global(.silicon) .itemIncrement,
.picker:global(.silicon) .secondaryItemIncrement,
.picker:global(.silicon) .secondaryItemDecrement {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.35);
  height: 3.125rem;
  line-height: 3.125rem;
  z-index: 2;
}
.picker:global(.silicon) .active {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  height: 4.125rem;
  line-height: 4.125rem;
}
.picker:global(.silicon) .active .item {
  z-index: 2;
}
.picker:global(.silicon) .active::before {
  content: "";
  background-color: #444444;
  background-image: none;
  position: absolute;
  height: 4.125rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.silicon) .itemDecrement,
.picker:global(.silicon) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.silicon) .itemIncrement,
.picker:global(.silicon) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.silicon).horizontal {
  padding: 0.375rem 0.25rem;
}
.picker:global(.silicon).horizontal .focusBackground {
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.silicon).horizontal .item,
.picker:global(.silicon).horizontal .itemDecrement,
.picker:global(.silicon).horizontal .itemIncrement,
.picker:global(.silicon).horizontal .secondaryItemIncrement,
.picker:global(.silicon).horizontal .secondaryItemDecrement {
  height: 6.625rem;
  line-height: 6.625rem;
}
.picker:global(.silicon).horizontal .itemDecrement,
.picker:global(.silicon).horizontal .itemIncrement,
.picker:global(.silicon).horizontal .secondaryItemIncrement,
.picker:global(.silicon).horizontal .secondaryItemDecrement {
  width: 10.375rem;
}
.picker:global(.silicon).horizontal .active {
  width: 8.375rem;
}
.picker:global(.silicon).horizontal .active::before {
  width: 8.375rem;
  height: 6.625rem;
}
.picker:global(.silicon):global(.night) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: bold;
  font-size: 1.375rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.silicon):global(.night) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.silicon):global(.night) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: linear-gradient(#9e00d8, #f1304f);
}
.picker:global(.silicon):global(.night)[disabled] {
  opacity: 0.6;
}
.picker:global(.silicon):global(.night):focus-within .focusBackground,
.picker:global(.silicon):global(.night):hover .focusBackground {
  display: block;
}
.picker:global(.silicon):global(.night):focus-within .itemDecrement,
.picker:global(.silicon):global(.night):hover .itemDecrement,
.picker:global(.silicon):global(.night):focus-within .itemIncrement,
.picker:global(.silicon):global(.night):hover .itemIncrement,
.picker:global(.silicon):global(.night):focus-within .secondaryItemIncrement,
.picker:global(.silicon):global(.night):hover .secondaryItemIncrement,
.picker:global(.silicon):global(.night):focus-within .secondaryItemDecrement,
.picker:global(.silicon):global(.night):hover .secondaryItemDecrement {
  color: rgba(255, 255, 255, 0.35);
}
.picker:global(.silicon):global(.night) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.silicon):global(.night) .label {
  transform: none;
}
.picker:global(.silicon):global(.night) .item,
.picker:global(.silicon):global(.night) .itemDecrement,
.picker:global(.silicon):global(.night) .itemIncrement,
.picker:global(.silicon):global(.night) .secondaryItemIncrement,
.picker:global(.silicon):global(.night) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.silicon):global(.night) .item .sizingPlaceholder,
.picker:global(.silicon):global(.night) .itemDecrement .sizingPlaceholder,
.picker:global(.silicon):global(.night) .itemIncrement .sizingPlaceholder,
.picker:global(.silicon):global(.night) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.silicon):global(.night) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: bold;
}
.picker:global(.silicon):global(.night) .item[disabled],
.picker:global(.silicon):global(.night) .itemDecrement[disabled],
.picker:global(.silicon):global(.night) .itemIncrement[disabled],
.picker:global(.silicon):global(.night) .secondaryItemIncrement[disabled],
.picker:global(.silicon):global(.night) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.silicon):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.silicon):global(.night) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.silicon):global(.night) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.silicon):global(.night) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.silicon):global(.night) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon):global(.night) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon):global(.night) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon):global(.night) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon):global(.night) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.silicon):global(.night) .secondaryItemDecrement:global(.spottable):focus {
  color: #ffffff;
  background-color: transparent;
  background-image: none;
}
:global(.spotlight-input-touch) .picker:global(.silicon):global(.night) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.silicon):global(.night) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.silicon):global(.night) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.silicon):global(.night) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.silicon):global(.night) .secondaryItemDecrement:global(.spottable):active {
  color: #ffffff;
  background-color: transparent;
  background-image: none;
}
.picker:global(.silicon):global(.night) .itemDecrement,
.picker:global(.silicon):global(.night) .itemIncrement,
.picker:global(.silicon):global(.night) .secondaryItemIncrement,
.picker:global(.silicon):global(.night) .secondaryItemDecrement {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.35);
  height: 3.125rem;
  line-height: 3.125rem;
  z-index: 2;
}
.picker:global(.silicon):global(.night) .active {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  height: 4.125rem;
  line-height: 4.125rem;
}
.picker:global(.silicon):global(.night) .active .item {
  z-index: 2;
}
.picker:global(.silicon):global(.night) .active::before {
  content: "";
  background-color: #444444;
  background-image: none;
  position: absolute;
  height: 4.125rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.silicon):global(.night) .itemDecrement,
.picker:global(.silicon):global(.night) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.silicon):global(.night) .itemIncrement,
.picker:global(.silicon):global(.night) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.silicon):global(.night).horizontal {
  padding: 0.375rem 0.25rem;
}
.picker:global(.silicon):global(.night).horizontal .focusBackground {
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.silicon):global(.night).horizontal .item,
.picker:global(.silicon):global(.night).horizontal .itemDecrement,
.picker:global(.silicon):global(.night).horizontal .itemIncrement,
.picker:global(.silicon):global(.night).horizontal .secondaryItemIncrement,
.picker:global(.silicon):global(.night).horizontal .secondaryItemDecrement {
  height: 6.625rem;
  line-height: 6.625rem;
}
.picker:global(.silicon):global(.night).horizontal .itemDecrement,
.picker:global(.silicon):global(.night).horizontal .itemIncrement,
.picker:global(.silicon):global(.night).horizontal .secondaryItemIncrement,
.picker:global(.silicon):global(.night).horizontal .secondaryItemDecrement {
  width: 10.375rem;
}
.picker:global(.silicon):global(.night).horizontal .active {
  width: 8.375rem;
}
.picker:global(.silicon):global(.night).horizontal .active::before {
  width: 8.375rem;
  height: 6.625rem;
}
.picker:global(.titanium) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
:global(.enact-locale-right-to-left) .picker:global(.titanium) {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.picker:global(.titanium) .focusBackground {
  height: calc(100% - 2 * 0.25rem );
  background-color: transparent;
  background-image: none;
}
.picker:global(.titanium)[disabled] {
  opacity: 1;
}
.picker:global(.titanium):focus-within .focusBackground,
.picker:global(.titanium):hover .focusBackground {
  display: block;
}
.picker:global(.titanium):focus-within .itemDecrement,
.picker:global(.titanium):hover .itemDecrement,
.picker:global(.titanium):focus-within .itemIncrement,
.picker:global(.titanium):hover .itemIncrement,
.picker:global(.titanium):focus-within .secondaryItemIncrement,
.picker:global(.titanium):hover .secondaryItemIncrement,
.picker:global(.titanium):focus-within .secondaryItemDecrement,
.picker:global(.titanium):hover .secondaryItemDecrement {
  color: inherit;
}
.picker:global(.titanium) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 0;
}
.picker:global(.titanium) .label {
  transform: none;
}
.picker:global(.titanium) .item,
.picker:global(.titanium) .itemDecrement,
.picker:global(.titanium) .itemIncrement,
.picker:global(.titanium) .secondaryItemIncrement,
.picker:global(.titanium) .secondaryItemDecrement {
  margin: 0;
  width: 100%;
  text-align: center;
}
.picker:global(.titanium) .item .sizingPlaceholder,
.picker:global(.titanium) .itemDecrement .sizingPlaceholder,
.picker:global(.titanium) .itemIncrement .sizingPlaceholder,
.picker:global(.titanium) .secondaryItemIncrement .sizingPlaceholder,
.picker:global(.titanium) .secondaryItemDecrement .sizingPlaceholder {
  font-size: 1.5rem;
  font-weight: 400;
}
.picker:global(.titanium) .item[disabled],
.picker:global(.titanium) .itemDecrement[disabled],
.picker:global(.titanium) .itemIncrement[disabled],
.picker:global(.titanium) .secondaryItemIncrement[disabled],
.picker:global(.titanium) .secondaryItemDecrement[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
:global(.spotlight-input-key) .picker:global(.titanium) .item:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.titanium) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.titanium) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.titanium) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-key) .picker:global(.titanium) .secondaryItemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.titanium) .item:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.titanium) .itemDecrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.titanium) .itemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.titanium) .secondaryItemIncrement:global(.spottable):focus,
:global(.spotlight-input-mouse) .picker:global(.titanium) .secondaryItemDecrement:global(.spottable):focus {
  color: #4d4d4d;
  background-color: transparent;
  background-image: inherit;
}
:global(.spotlight-input-touch) .picker:global(.titanium) .item:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.titanium) .itemDecrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.titanium) .itemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.titanium) .secondaryItemIncrement:global(.spottable):active,
:global(.spotlight-input-touch) .picker:global(.titanium) .secondaryItemDecrement:global(.spottable):active {
  color: #4d4d4d;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.titanium) .itemDecrement,
.picker:global(.titanium) .itemIncrement,
.picker:global(.titanium) .secondaryItemIncrement,
.picker:global(.titanium) .secondaryItemDecrement {
  background-color: transparent;
  color: inherit;
  height: 3.5rem;
  line-height: 3.5rem;
  z-index: 2;
}
.picker:global(.titanium) .active {
  color: inherit;
  font-size: 1.5rem;
  font-weight: 400;
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.titanium) .active .item {
  z-index: 2;
}
.picker:global(.titanium) .active::before {
  content: "";
  background-color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
  background-image: none;
  position: absolute;
  height: 3.5rem;
  width: calc(100% - 2 * 0.25rem );
  left: 50%;
  transform: translateX(-50%);
}
.picker:global(.titanium) .itemDecrement,
.picker:global(.titanium) .secondaryItemDecrement {
  background-image: none;
}
.picker:global(.titanium) .itemIncrement,
.picker:global(.titanium) .secondaryItemIncrement {
  background-image: none;
}
.picker:global(.titanium).horizontal {
  padding: 0.25rem;
}
.picker:global(.titanium).horizontal .focusBackground {
  background-image: none;
  height: calc(100% - 60px);
  width: calc(100% - 2 * 0.25rem);
}
.picker:global(.titanium).horizontal .item,
.picker:global(.titanium).horizontal .itemDecrement,
.picker:global(.titanium).horizontal .itemIncrement,
.picker:global(.titanium).horizontal .secondaryItemIncrement,
.picker:global(.titanium).horizontal .secondaryItemDecrement {
  height: 3.5rem;
  line-height: 3.5rem;
}
.picker:global(.titanium).horizontal .itemDecrement,
.picker:global(.titanium).horizontal .itemIncrement,
.picker:global(.titanium).horizontal .secondaryItemIncrement,
.picker:global(.titanium).horizontal .secondaryItemDecrement {
  width: 5rem;
}
.picker:global(.titanium).horizontal .active {
  width: 5rem;
}
.picker:global(.titanium).horizontal .active::before {
  width: 5rem;
  height: 3.5rem;
}
.picker .viewManager {
  overflow: hidden;
  height: 100%;
}
.picker .viewManager .item {
  position: relative;
}
.picker .viewManager > .item:nth-child(2) {
  top: -100%;
}
