.picker {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.picker.horizontal {
  flex-direction: row;
  display: inline-flex;
}
.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;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.carbon) .itemDecrement.active,
.picker:global(.carbon) .itemIncrement.active,
.picker:global(.carbon) .secondaryItemIncrement.active,
.picker:global(.carbon) .secondaryItemDecrement.active {
  color: inherit;
  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));
  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);
}
.picker:global(.carbon) .item:global(.spottable):focus,
.picker:global(.carbon) .itemDecrement:global(.spottable):focus,
.picker:global(.carbon) .itemIncrement:global(.spottable):focus,
.picker:global(.carbon) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.carbon) .secondaryItemDecrement:global(.spottable):focus {
  color: black;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.carbon) .itemDecrement {
  background-image: none;
}
.picker:global(.carbon) .itemIncrement {
  background-image: none;
}
.picker:global(.carbon) .itemDecrement,
.picker:global(.carbon) .itemIncrement {
  color: inherit;
  background-color: transparent;
}
.picker:global(.carbon) .secondaryItemIncrement,
.picker:global(.carbon) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 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;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.cobalt) .itemDecrement.active,
.picker:global(.cobalt) .itemIncrement.active,
.picker:global(.cobalt) .secondaryItemIncrement.active,
.picker:global(.cobalt) .secondaryItemDecrement.active {
  color: #fff;
  background-color: var(--agate-accent-color, #8c81ff);
  background-image: none;
  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);
}
.picker:global(.cobalt) .item:global(.spottable):focus,
.picker:global(.cobalt) .itemDecrement:global(.spottable):focus,
.picker:global(.cobalt) .itemIncrement:global(.spottable):focus,
.picker:global(.cobalt) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.cobalt) .secondaryItemDecrement:global(.spottable):focus {
  color: var(--agate-accent-color, #8c81ff);
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.cobalt) .itemDecrement {
  background-image: none;
}
.picker:global(.cobalt) .itemIncrement {
  background-image: none;
}
.picker:global(.cobalt) .itemDecrement,
.picker:global(.cobalt) .itemIncrement {
  color: inherit;
  background-color: transparent;
}
.picker:global(.cobalt) .secondaryItemIncrement,
.picker:global(.cobalt) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 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;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.cobalt):global(.night) .itemDecrement.active,
.picker:global(.cobalt):global(.night) .itemIncrement.active,
.picker:global(.cobalt):global(.night) .secondaryItemIncrement.active,
.picker:global(.cobalt):global(.night) .secondaryItemDecrement.active {
  color: #fff;
  background-color: var(--agate-accent-color, #fc7982);
  background-image: none;
  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);
}
.picker:global(.cobalt):global(.night) .item:global(.spottable):focus,
.picker:global(.cobalt):global(.night) .itemDecrement:global(.spottable):focus,
.picker:global(.cobalt):global(.night) .itemIncrement:global(.spottable):focus,
.picker:global(.cobalt):global(.night) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.cobalt):global(.night) .secondaryItemDecrement:global(.spottable):focus {
  color: #373739;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.cobalt):global(.night) .itemDecrement {
  background-image: none;
}
.picker:global(.cobalt):global(.night) .itemIncrement {
  background-image: none;
}
.picker:global(.cobalt):global(.night) .itemDecrement,
.picker:global(.cobalt):global(.night) .itemIncrement {
  color: inherit;
  background-color: transparent;
}
.picker:global(.cobalt):global(.night) .secondaryItemIncrement,
.picker:global(.cobalt):global(.night) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 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;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.copper) .itemDecrement.active,
.picker:global(.copper) .itemIncrement.active,
.picker:global(.copper) .secondaryItemIncrement.active,
.picker:global(.copper) .secondaryItemDecrement.active {
  color: #fff;
  background-color: var(--agate-accent-color, #a47d66);
  background-image: none;
  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);
}
.picker:global(.copper) .item:global(.spottable):focus,
.picker:global(.copper) .itemDecrement:global(.spottable):focus,
.picker:global(.copper) .itemIncrement:global(.spottable):focus,
.picker:global(.copper) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.copper) .secondaryItemDecrement:global(.spottable):focus {
  color: var(--agate-accent-color, #a47d66);
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.copper) .itemDecrement {
  background-image: none;
}
.picker:global(.copper) .itemIncrement {
  background-image: none;
}
.picker:global(.copper) .itemDecrement,
.picker:global(.copper) .itemIncrement {
  color: inherit;
  background-color: transparent;
}
.picker:global(.copper) .secondaryItemIncrement,
.picker:global(.copper) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 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;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.copper):global(.night) .itemDecrement.active,
.picker:global(.copper):global(.night) .itemIncrement.active,
.picker:global(.copper):global(.night) .secondaryItemIncrement.active,
.picker:global(.copper):global(.night) .secondaryItemDecrement.active {
  color: #fff;
  background-color: var(--agate-accent-color, #e0b094);
  background-image: none;
  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);
}
.picker:global(.copper):global(.night) .item:global(.spottable):focus,
.picker:global(.copper):global(.night) .itemDecrement:global(.spottable):focus,
.picker:global(.copper):global(.night) .itemIncrement:global(.spottable):focus,
.picker:global(.copper):global(.night) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.copper):global(.night) .secondaryItemDecrement:global(.spottable):focus {
  color: #373739;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.copper):global(.night) .itemDecrement {
  background-image: none;
}
.picker:global(.copper):global(.night) .itemIncrement {
  background-image: none;
}
.picker:global(.copper):global(.night) .itemDecrement,
.picker:global(.copper):global(.night) .itemIncrement {
  color: inherit;
  background-color: transparent;
}
.picker:global(.copper):global(.night) .secondaryItemIncrement,
.picker:global(.copper):global(.night) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 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: 0;
}
.picker:global(.electro) .sizingPlaceholder {
  height: 0;
  visibility: hidden;
  padding-left: 0;
  padding-right: 0;
  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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.electro) .itemDecrement.active,
.picker:global(.electro) .itemIncrement.active,
.picker:global(.electro) .secondaryItemIncrement.active,
.picker:global(.electro) .secondaryItemDecrement.active {
  color: inherit;
  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);
  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);
}
.picker:global(.electro) .item:global(.spottable):focus,
.picker:global(.electro) .itemDecrement:global(.spottable):focus,
.picker:global(.electro) .itemIncrement:global(.spottable):focus,
.picker:global(.electro) .secondaryItemIncrement:global(.spottable):focus,
.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);
}
.picker:global(.electro) .itemDecrement {
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
}
.picker:global(.electro) .itemIncrement {
  background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.2));
}
.picker:global(.electro) .itemDecrement,
.picker:global(.electro) .itemIncrement {
  color: inherit;
  background-color: hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.8);
}
.picker:global(.electro) .secondaryItemIncrement,
.picker:global(.electro) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 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;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.gallium) .itemDecrement.active,
.picker:global(.gallium) .itemIncrement.active,
.picker:global(.gallium) .secondaryItemIncrement.active,
.picker:global(.gallium) .secondaryItemDecrement.active {
  color: #ffffff;
  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));
  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);
}
.picker:global(.gallium) .item:global(.spottable):focus,
.picker:global(.gallium) .itemDecrement:global(.spottable):focus,
.picker:global(.gallium) .itemIncrement:global(.spottable):focus,
.picker:global(.gallium) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.gallium) .secondaryItemDecrement:global(.spottable):focus {
  color: inherit;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.gallium) .itemDecrement {
  background-image: none;
}
.picker:global(.gallium) .itemIncrement {
  background-image: none;
}
.picker:global(.gallium) .itemDecrement,
.picker:global(.gallium) .itemIncrement {
  color: inherit;
  background-color: transparent;
}
.picker:global(.gallium) .secondaryItemIncrement,
.picker:global(.gallium) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 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;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.gallium):global(.night) .itemDecrement.active,
.picker:global(.gallium):global(.night) .itemIncrement.active,
.picker:global(.gallium):global(.night) .secondaryItemIncrement.active,
.picker:global(.gallium):global(.night) .secondaryItemDecrement.active {
  color: #ffffff;
  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));
  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);
}
.picker:global(.gallium):global(.night) .item:global(.spottable):focus,
.picker:global(.gallium):global(.night) .itemDecrement:global(.spottable):focus,
.picker:global(.gallium):global(.night) .itemIncrement:global(.spottable):focus,
.picker:global(.gallium):global(.night) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.gallium):global(.night) .secondaryItemDecrement:global(.spottable):focus {
  color: inherit;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.gallium):global(.night) .itemDecrement {
  background-image: none;
}
.picker:global(.gallium):global(.night) .itemIncrement {
  background-image: none;
}
.picker:global(.gallium):global(.night) .itemDecrement,
.picker:global(.gallium):global(.night) .itemIncrement {
  color: inherit;
  background-color: transparent;
}
.picker:global(.gallium):global(.night) .secondaryItemIncrement,
.picker:global(.gallium):global(.night) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 5rem;
}
.picker:global(.silicon) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: normal;
  font-size: 1.125rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.125rem;
  line-height: 3.125rem;
}
.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.active,
.picker:global(.silicon) .itemDecrement.active,
.picker:global(.silicon) .itemIncrement.active,
.picker:global(.silicon) .secondaryItemIncrement.active,
.picker:global(.silicon) .secondaryItemDecrement.active {
  color: #ffffff;
  background-color: var(--agate-accent-color, #ff2d55);
  background-image: linear-gradient(to right, #9e00d8, #ba0088, #f1304f);
  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);
}
.picker:global(.silicon) .item:global(.spottable):focus,
.picker:global(.silicon) .itemDecrement:global(.spottable):focus,
.picker:global(.silicon) .itemIncrement:global(.spottable):focus,
.picker:global(.silicon) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.silicon) .secondaryItemDecrement:global(.spottable):focus {
  color: inherit;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.silicon) .itemDecrement {
  background-image: none;
}
.picker:global(.silicon) .itemIncrement {
  background-image: none;
}
.picker:global(.silicon) .itemDecrement,
.picker:global(.silicon) .itemIncrement {
  color: rgba(0, 0, 0, 0.5);
  background-color: transparent;
}
.picker:global(.silicon) .secondaryItemIncrement,
.picker:global(.silicon) .secondaryItemDecrement {
  color: rgba(0, 0, 0, 0.35);
}
.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 {
  width: 5rem;
}
.picker:global(.silicon):global(.night) {
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  font-weight: normal;
  font-size: 1.125rem;
  border-radius: 0;
  transform: none;
  margin: 0;
  padding: 0.25rem;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.125rem;
  line-height: 3.125rem;
}
.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.active,
.picker:global(.silicon):global(.night) .itemDecrement.active,
.picker:global(.silicon):global(.night) .itemIncrement.active,
.picker:global(.silicon):global(.night) .secondaryItemIncrement.active,
.picker:global(.silicon):global(.night) .secondaryItemDecrement.active {
  color: #ffffff;
  background-color: var(--agate-accent-color, #ff2d55);
  background-image: linear-gradient(to right, #9e00d8, #ba0088, #f1304f);
  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);
}
.picker:global(.silicon):global(.night) .item:global(.spottable):focus,
.picker:global(.silicon):global(.night) .itemDecrement:global(.spottable):focus,
.picker:global(.silicon):global(.night) .itemIncrement:global(.spottable):focus,
.picker:global(.silicon):global(.night) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.silicon):global(.night) .secondaryItemDecrement:global(.spottable):focus {
  color: inherit;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.silicon):global(.night) .itemDecrement {
  background-image: none;
}
.picker:global(.silicon):global(.night) .itemIncrement {
  background-image: none;
}
.picker:global(.silicon):global(.night) .itemDecrement,
.picker:global(.silicon):global(.night) .itemIncrement {
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
}
.picker:global(.silicon):global(.night) .secondaryItemIncrement,
.picker:global(.silicon):global(.night) .secondaryItemDecrement {
  color: rgba(255, 255, 255, 0.35);
}
.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 {
  width: 5rem;
}
.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;
}
.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;
  color: inherit;
  width: 100%;
  text-align: center;
  height: 3.5rem;
  line-height: 3.5rem;
}
.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.active,
.picker:global(.titanium) .itemDecrement.active,
.picker:global(.titanium) .itemIncrement.active,
.picker:global(.titanium) .secondaryItemIncrement.active,
.picker:global(.titanium) .secondaryItemDecrement.active {
  color: inherit;
  background-color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
  background-image: none;
  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);
}
.picker:global(.titanium) .item:global(.spottable):focus,
.picker:global(.titanium) .itemDecrement:global(.spottable):focus,
.picker:global(.titanium) .itemIncrement:global(.spottable):focus,
.picker:global(.titanium) .secondaryItemIncrement:global(.spottable):focus,
.picker:global(.titanium) .secondaryItemDecrement:global(.spottable):focus {
  color: #4d4d4d;
  background-color: transparent;
  background-image: inherit;
}
.picker:global(.titanium) .itemDecrement {
  background-image: none;
}
.picker:global(.titanium) .itemIncrement {
  background-image: none;
}
.picker:global(.titanium) .itemDecrement,
.picker:global(.titanium) .itemIncrement {
  color: inherit;
  background-color: transparent;
}
.picker:global(.titanium) .secondaryItemIncrement,
.picker:global(.titanium) .secondaryItemDecrement {
  color: inherit;
}
.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 {
  width: 5rem;
}
.picker .viewManager {
  overflow: hidden;
  height: 100%;
}
.picker .viewManager .item {
  position: relative;
}
.picker .viewManager > .item:nth-child(2) {
  top: -100%;
}
