.decorator:global(.carbon) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px var(--agate-highlight-color, #6abe0b);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.carbon) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: normal;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.carbon) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.carbon) .input::selection {
  color: black;
  background-color: var(--agate-highlight-color, #6abe0b);
}
.decorator:global(.carbon) .input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.decorator:global(.carbon) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.carbon) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.carbon) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.carbon) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.carbon) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.carbon) .input {
  text-align: right;
}
.decorator:global(.carbon).small {
  height: 2.41667rem;
}
.decorator:global(.carbon).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.carbon).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.carbon).small .icon.iconAfter,
.decorator:global(.carbon).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.carbon).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.carbon).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.carbon).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.carbon).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.carbon) .input,
.decorator:global(.carbon) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.carbon) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.carbon) .icon.iconAfter,
.decorator:global(.carbon) .icon.iconBefore {
  display: inherit;
  align-self: inherit;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.carbon) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.carbon) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.carbon) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.carbon) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.carbon).invalid input {
  color: #f00;
}
.decorator:global(.carbon).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.carbon).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.carbon):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.carbon).focused,
.decorator:global(.carbon):focus-within {
  background-color: transparent;
  background-image: none;
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, #8fd43a);
}
.decorator:global(.carbon).focused .input,
.decorator:global(.carbon):focus-within .input {
  caret-color: inherit;
  color: #262626;
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.carbon).focused .input::placeholder,
.decorator:global(.carbon):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.carbon).focused .icon,
.decorator:global(.carbon):focus-within .icon {
  color: #262626;
}
.decorator:global(.carbon).focused .icon.iconAfter,
.decorator:global(.carbon):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.carbon).focused .icon.iconBefore,
.decorator:global(.carbon):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.carbon).focused.invalid input,
.decorator:global(.carbon):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.cobalt) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.cobalt) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: 400;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: var(--agate-accent-color, #8c81ff);
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.cobalt) .input::selection {
  color: var(--agate-accent-color, #8c81ff);
  background-color: var(--agate-highlight-color, #fff);
}
.decorator:global(.cobalt) .input::placeholder {
  color: hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.15);
}
.decorator:global(.cobalt) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.cobalt) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.cobalt) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.cobalt) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.cobalt) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt) .input {
  text-align: right;
}
.decorator:global(.cobalt).small {
  height: 2.41667rem;
}
.decorator:global(.cobalt).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.cobalt).small .icon.iconAfter,
.decorator:global(.cobalt).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.cobalt).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.cobalt).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.cobalt) .input,
.decorator:global(.cobalt) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.cobalt) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.cobalt) .icon.iconAfter,
.decorator:global(.cobalt) .icon.iconBefore {
  display: inherit;
  align-self: inherit;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.cobalt) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.cobalt) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.cobalt).invalid input {
  color: #f00;
}
.decorator:global(.cobalt).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.cobalt).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.cobalt):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.cobalt).focused,
.decorator:global(.cobalt):focus-within {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, #8c81ff);
}
.decorator:global(.cobalt).focused .input,
.decorator:global(.cobalt):focus-within .input {
  caret-color: inherit;
  color: var(--agate-accent-color, #8c81ff);
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.cobalt).focused .input::placeholder,
.decorator:global(.cobalt):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.cobalt).focused .icon,
.decorator:global(.cobalt):focus-within .icon {
  color: var(--agate-accent-color, #8c81ff);
}
.decorator:global(.cobalt).focused .icon.iconAfter,
.decorator:global(.cobalt):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.cobalt).focused .icon.iconBefore,
.decorator:global(.cobalt):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.cobalt).focused.invalid input,
.decorator:global(.cobalt):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.cobalt):global(.night) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.cobalt):global(.night) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: 400;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: #7482bf;
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt):global(.night) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.cobalt):global(.night) .input::selection {
  color: #373739;
  background-color: var(--agate-highlight-color, #fff);
}
.decorator:global(.cobalt):global(.night) .input::placeholder {
  color: #7482bf;
}
.decorator:global(.cobalt):global(.night) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.cobalt):global(.night) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.cobalt):global(.night) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.cobalt):global(.night) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.cobalt):global(.night) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt):global(.night) .input {
  text-align: right;
}
.decorator:global(.cobalt):global(.night).small {
  height: 2.41667rem;
}
.decorator:global(.cobalt):global(.night).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt):global(.night).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.cobalt):global(.night).small .icon.iconAfter,
.decorator:global(.cobalt):global(.night).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.cobalt):global(.night).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt):global(.night).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.cobalt):global(.night).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt):global(.night).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.cobalt):global(.night) .input,
.decorator:global(.cobalt):global(.night) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.cobalt):global(.night) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.cobalt):global(.night) .icon.iconAfter,
.decorator:global(.cobalt):global(.night) .icon.iconBefore {
  display: inherit;
  align-self: inherit;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.cobalt):global(.night) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt):global(.night) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.cobalt):global(.night) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.cobalt):global(.night) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.cobalt):global(.night).invalid input {
  color: #f00;
}
.decorator:global(.cobalt):global(.night).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.cobalt):global(.night).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.cobalt):global(.night):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.cobalt):global(.night).focused,
.decorator:global(.cobalt):global(.night):focus-within {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, #fc7982);
}
.decorator:global(.cobalt):global(.night).focused .input,
.decorator:global(.cobalt):global(.night):focus-within .input {
  caret-color: inherit;
  color: var(--agate-accent-color, #fc7982);
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.cobalt):global(.night).focused .input::placeholder,
.decorator:global(.cobalt):global(.night):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.cobalt):global(.night).focused .icon,
.decorator:global(.cobalt):global(.night):focus-within .icon {
  color: var(--agate-accent-color, #fc7982);
}
.decorator:global(.cobalt):global(.night).focused .icon.iconAfter,
.decorator:global(.cobalt):global(.night):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.cobalt):global(.night).focused .icon.iconBefore,
.decorator:global(.cobalt):global(.night):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.cobalt):global(.night).focused.invalid input,
.decorator:global(.cobalt):global(.night):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.copper) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.copper) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: 400;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: #373739;
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.copper) .input::selection {
  color: var(--agate-accent-color, #a47d66);
  background-color: var(--agate-highlight-color, #fff);
}
.decorator:global(.copper) .input::placeholder {
  color: hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.15);
}
.decorator:global(.copper) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.copper) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.copper) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.copper) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.copper) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper) .input {
  text-align: right;
}
.decorator:global(.copper).small {
  height: 2.41667rem;
}
.decorator:global(.copper).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.copper).small .icon.iconAfter,
.decorator:global(.copper).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.copper).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.copper).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.copper) .input,
.decorator:global(.copper) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.copper) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.copper) .icon.iconAfter,
.decorator:global(.copper) .icon.iconBefore {
  display: inherit;
  align-self: inherit;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.copper) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.copper) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.copper).invalid input {
  color: #f00;
}
.decorator:global(.copper).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.copper).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.copper):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.copper).focused,
.decorator:global(.copper):focus-within {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, #a47d66);
}
.decorator:global(.copper).focused .input,
.decorator:global(.copper):focus-within .input {
  caret-color: inherit;
  color: var(--agate-accent-color, #a47d66);
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.copper).focused .input::placeholder,
.decorator:global(.copper):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.copper).focused .icon,
.decorator:global(.copper):focus-within .icon {
  color: var(--agate-accent-color, #a47d66);
}
.decorator:global(.copper).focused .icon.iconAfter,
.decorator:global(.copper):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.copper).focused .icon.iconBefore,
.decorator:global(.copper):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.copper).focused.invalid input,
.decorator:global(.copper):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.copper):global(.night) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.copper):global(.night) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: 400;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: var(--agate-accent-color, #e0b094);
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper):global(.night) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.copper):global(.night) .input::selection {
  color: #373739;
  background-color: var(--agate-highlight-color, #fff);
}
.decorator:global(.copper):global(.night) .input::placeholder {
  color: rgba(77, 77, 77, 0.95);
}
.decorator:global(.copper):global(.night) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.copper):global(.night) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.copper):global(.night) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.copper):global(.night) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.copper):global(.night) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper):global(.night) .input {
  text-align: right;
}
.decorator:global(.copper):global(.night).small {
  height: 2.41667rem;
}
.decorator:global(.copper):global(.night).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper):global(.night).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.copper):global(.night).small .icon.iconAfter,
.decorator:global(.copper):global(.night).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.copper):global(.night).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper):global(.night).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.copper):global(.night).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper):global(.night).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.copper):global(.night) .input,
.decorator:global(.copper):global(.night) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.copper):global(.night) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.copper):global(.night) .icon.iconAfter,
.decorator:global(.copper):global(.night) .icon.iconBefore {
  display: inherit;
  align-self: inherit;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.copper):global(.night) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper):global(.night) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.copper):global(.night) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.copper):global(.night) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.copper):global(.night).invalid input {
  color: #f00;
}
.decorator:global(.copper):global(.night).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.copper):global(.night).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.copper):global(.night):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.copper):global(.night).focused,
.decorator:global(.copper):global(.night):focus-within {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, #e0b094);
}
.decorator:global(.copper):global(.night).focused .input,
.decorator:global(.copper):global(.night):focus-within .input {
  caret-color: inherit;
  color: var(--agate-accent-color, #e0b094);
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.copper):global(.night).focused .input::placeholder,
.decorator:global(.copper):global(.night):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.copper):global(.night).focused .icon,
.decorator:global(.copper):global(.night):focus-within .icon {
  color: var(--agate-accent-color, #e0b094);
}
.decorator:global(.copper):global(.night).focused .icon.iconAfter,
.decorator:global(.copper):global(.night):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.copper):global(.night).focused .icon.iconBefore,
.decorator:global(.copper):global(.night):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.copper):global(.night).focused.invalid input,
.decorator:global(.copper):global(.night):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.electro) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.electro) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: normal;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: white;
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.electro) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.electro) .input::selection {
  color: white;
  background-color: hsla( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) , 0.7);
}
.decorator:global(.electro) .input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.decorator:global(.electro) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.electro) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.electro) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.electro) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.electro) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.electro) .input {
  text-align: right;
}
.decorator:global(.electro).small {
  height: 2.41667rem;
}
.decorator:global(.electro).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.electro).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.electro).small .icon.iconAfter,
.decorator:global(.electro).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.electro).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.electro).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.electro).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.electro).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.electro) .input,
.decorator:global(.electro) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.electro) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.electro) .icon.iconAfter,
.decorator:global(.electro) .icon.iconBefore {
  display: inherit;
  align-self: inherit;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.electro) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.electro) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.electro) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.electro) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.electro).invalid input {
  color: #f00;
}
.decorator:global(.electro).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.electro).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.electro):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.electro).focused,
.decorator:global(.electro):focus-within {
  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);
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, #0359f0);
}
.decorator:global(.electro).focused .input,
.decorator:global(.electro):focus-within .input {
  caret-color: inherit;
  color: white;
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.electro).focused .input::placeholder,
.decorator:global(.electro):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.electro).focused .icon,
.decorator:global(.electro):focus-within .icon {
  color: white;
}
.decorator:global(.electro).focused .icon.iconAfter,
.decorator:global(.electro):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.electro).focused .icon.iconBefore,
.decorator:global(.electro):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.electro).focused.invalid input,
.decorator:global(.electro):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.gallium) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.gallium) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: normal;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: #000000;
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.gallium) .input::selection {
  color: #ffffff;
  background-color: var(--agate-accent-color, #8b7efe);
}
.decorator:global(.gallium) .input::placeholder {
  color: rgba(0, 0, 0, 0.8);
}
.decorator:global(.gallium) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.gallium) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.gallium) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.gallium) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.gallium) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium) .input {
  text-align: right;
}
.decorator:global(.gallium).small {
  height: 1.91667rem;
}
.decorator:global(.gallium).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.gallium).small .icon.iconAfter,
.decorator:global(.gallium).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.gallium).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.gallium).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.gallium) .input,
.decorator:global(.gallium) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.gallium) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.gallium) .icon.iconAfter,
.decorator:global(.gallium) .icon.iconBefore {
  display: flex;
  align-self: center;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.gallium) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.gallium) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.gallium).invalid input {
  color: #f00;
}
.decorator:global(.gallium).hasIconAfter .input {
  padding-right: 0;
}
.decorator:global(.gallium).hasIconBefore .input {
  padding-left: 0;
}
.decorator:global(.gallium):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.gallium).focused,
.decorator:global(.gallium):focus-within {
  background-color: #ffffff;
  background-image: none;
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, #8b7efe);
}
.decorator:global(.gallium).focused .input,
.decorator:global(.gallium):focus-within .input {
  caret-color: inherit;
  color: #000000;
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.gallium).focused .input::placeholder,
.decorator:global(.gallium):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.gallium).focused .icon,
.decorator:global(.gallium):focus-within .icon {
  color: #000000;
}
.decorator:global(.gallium).focused .icon.iconAfter,
.decorator:global(.gallium):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.gallium).focused .icon.iconBefore,
.decorator:global(.gallium):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.gallium).focused.invalid input,
.decorator:global(.gallium):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.gallium):global(.night) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.gallium):global(.night) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: normal;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: #ffffff;
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium):global(.night) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.gallium):global(.night) .input::selection {
  color: #ffffff;
  background-color: var(--agate-accent-color, #8b7efe);
}
.decorator:global(.gallium):global(.night) .input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.decorator:global(.gallium):global(.night) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.gallium):global(.night) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.gallium):global(.night) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.gallium):global(.night) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.gallium):global(.night) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium):global(.night) .input {
  text-align: right;
}
.decorator:global(.gallium):global(.night).small {
  height: 1.91667rem;
}
.decorator:global(.gallium):global(.night).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium):global(.night).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.gallium):global(.night).small .icon.iconAfter,
.decorator:global(.gallium):global(.night).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.gallium):global(.night).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium):global(.night).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.gallium):global(.night).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium):global(.night).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.gallium):global(.night) .input,
.decorator:global(.gallium):global(.night) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.gallium):global(.night) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.gallium):global(.night) .icon.iconAfter,
.decorator:global(.gallium):global(.night) .icon.iconBefore {
  display: flex;
  align-self: center;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.gallium):global(.night) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium):global(.night) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.gallium):global(.night) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.gallium):global(.night) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.gallium):global(.night).invalid input {
  color: #f00;
}
.decorator:global(.gallium):global(.night).hasIconAfter .input {
  padding-right: 0;
}
.decorator:global(.gallium):global(.night).hasIconBefore .input {
  padding-left: 0;
}
.decorator:global(.gallium):global(.night):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.gallium):global(.night).focused,
.decorator:global(.gallium):global(.night):focus-within {
  background-color: #1f1f1f;
  background-image: none;
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, #8b7efe);
}
.decorator:global(.gallium):global(.night).focused .input,
.decorator:global(.gallium):global(.night):focus-within .input {
  caret-color: inherit;
  color: #ffffff;
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.gallium):global(.night).focused .input::placeholder,
.decorator:global(.gallium):global(.night):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.gallium):global(.night).focused .icon,
.decorator:global(.gallium):global(.night):focus-within .icon {
  color: #ffffff;
}
.decorator:global(.gallium):global(.night).focused .icon.iconAfter,
.decorator:global(.gallium):global(.night):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.gallium):global(.night).focused .icon.iconBefore,
.decorator:global(.gallium):global(.night):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.gallium):global(.night).focused.invalid input,
.decorator:global(.gallium):global(.night):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.silicon) {
  display: inline-flex;
  position: relative;
  margin: 0 0.25rem;
  box-shadow: 0 0 0 0 transparent;
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.silicon) .input {
  padding: 0.875rem 1.375rem 0.875rem 0;
  padding-left: 0;
  padding-right: 1.375rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.16667rem;
  font-weight: normal;
  opacity: 0.5;
  border: none;
  border-bottom: 0.125rem solid #000000;
  background: transparent;
  color: #000000;
  text-align: left;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon) .input {
  padding-left: 1.375rem;
  padding-right: 0;
}
.decorator:global(.silicon) .input::selection {
  color: #ffffff;
  background-color: var(--agate-accent-color, #ff2d55);
}
.decorator:global(.silicon) .input::placeholder {
  color: #000000;
}
.decorator:global(.silicon) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.silicon) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.silicon) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.silicon) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.silicon) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon) .input {
  text-align: right;
}
.decorator:global(.silicon).small {
  height: 1.625rem;
}
.decorator:global(.silicon).small .input {
  padding: 0.625rem 1.125rem 0.625rem 0;
  padding-left: 0;
  padding-right: 1.125rem;
  font-size: 0.875rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon).small .input {
  padding-left: 1.125rem;
  padding-right: 0;
}
.decorator:global(.silicon).small .icon.iconAfter,
.decorator:global(.silicon).small .icon.iconBefore {
  display: flex;
  align-self: end;
}
.decorator:global(.silicon).small .icon.iconAfter {
  padding: 0.625rem 0.625rem 0.625rem 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon).small .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.25rem;
}
.decorator:global(.silicon).small .icon.iconBefore {
  padding: 0.625rem 0.25rem 0.625rem 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.25rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon).small .icon.iconBefore {
  padding-left: 0.25rem;
  padding-right: 0.625rem;
}
.decorator:global(.silicon) .input,
.decorator:global(.silicon) .icon {
  line-height: 1.375rem;
  height: 1.375rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.silicon) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.silicon) .icon.iconAfter,
.decorator:global(.silicon) .icon.iconBefore {
  display: flex;
  align-self: center;
  opacity: 0.5;
  border-bottom: 0.125rem solid #000000;
}
.decorator:global(.silicon) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: 0.875rem 0.875rem 0.875rem 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.875rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon) .icon.iconAfter {
  padding-left: 0.875rem;
  padding-right: 0.375rem;
}
.decorator:global(.silicon) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: 0.875rem 0.375rem 0.875rem 0.875rem;
  padding-left: 0.875rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon) .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.875rem;
}
.decorator:global(.silicon).invalid input {
  color: #f00;
}
.decorator:global(.silicon).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.silicon).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.silicon):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.silicon).focused,
.decorator:global(.silicon):focus-within {
  background-color: #ffffff;
  background-image: none;
  box-shadow: 0 0 0 0 transparent;
}
.decorator:global(.silicon).focused .input,
.decorator:global(.silicon):focus-within .input {
  caret-color: var(--agate-accent-color, #ff2d55);
  color: #000000;
  border-color: var(--agate-accent-color, #ff2d55);
  border-width: 0 0 0.125rem;
  opacity: 1;
}
.decorator:global(.silicon).focused .input::placeholder,
.decorator:global(.silicon):focus-within .input::placeholder {
  opacity: 0.5;
}
.decorator:global(.silicon).focused .icon,
.decorator:global(.silicon):focus-within .icon {
  color: #000000;
}
.decorator:global(.silicon).focused .icon.iconAfter,
.decorator:global(.silicon):focus-within .icon.iconAfter {
  opacity: 1;
  border-color: var(--agate-accent-color, #ff2d55);
}
.decorator:global(.silicon).focused .icon.iconBefore,
.decorator:global(.silicon):focus-within .icon.iconBefore {
  opacity: 1;
  border-color: var(--agate-accent-color, #ff2d55);
}
.decorator:global(.silicon).focused.invalid input,
.decorator:global(.silicon):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.silicon):global(.night) {
  display: inline-flex;
  position: relative;
  margin: 0 0.25rem;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.silicon):global(.night) .input {
  padding: 0.875rem 1.375rem 0.875rem 0;
  padding-left: 0;
  padding-right: 1.375rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.16667rem;
  font-weight: normal;
  opacity: 0.5;
  border: none;
  border-bottom: 0.125rem solid #ffffff;
  background: transparent;
  color: #ffffff;
  text-align: left;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon):global(.night) .input {
  padding-left: 1.375rem;
  padding-right: 0;
}
.decorator:global(.silicon):global(.night) .input::selection {
  color: #ffffff;
  background-color: var(--agate-accent-color, #ff2d55);
}
.decorator:global(.silicon):global(.night) .input::placeholder {
  color: #ffffff;
}
.decorator:global(.silicon):global(.night) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.silicon):global(.night) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.silicon):global(.night) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.silicon):global(.night) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.silicon):global(.night) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon):global(.night) .input {
  text-align: right;
}
.decorator:global(.silicon):global(.night).small {
  height: 1.625rem;
}
.decorator:global(.silicon):global(.night).small .input {
  padding: 0.625rem 1.125rem 0.625rem 0;
  padding-left: 0;
  padding-right: 1.125rem;
  font-size: 0.875rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon):global(.night).small .input {
  padding-left: 1.125rem;
  padding-right: 0;
}
.decorator:global(.silicon):global(.night).small .icon.iconAfter,
.decorator:global(.silicon):global(.night).small .icon.iconBefore {
  display: flex;
  align-self: end;
}
.decorator:global(.silicon):global(.night).small .icon.iconAfter {
  padding: 0.625rem 0.625rem 0.625rem 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon):global(.night).small .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.25rem;
}
.decorator:global(.silicon):global(.night).small .icon.iconBefore {
  padding: 0.625rem 0.25rem 0.625rem 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.25rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon):global(.night).small .icon.iconBefore {
  padding-left: 0.25rem;
  padding-right: 0.625rem;
}
.decorator:global(.silicon):global(.night) .input,
.decorator:global(.silicon):global(.night) .icon {
  line-height: 1.375rem;
  height: 1.375rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.silicon):global(.night) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.silicon):global(.night) .icon.iconAfter,
.decorator:global(.silicon):global(.night) .icon.iconBefore {
  display: flex;
  align-self: center;
  opacity: 0.5;
  border-bottom: 0.125rem solid #ffffff;
}
.decorator:global(.silicon):global(.night) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: 0.875rem 0.875rem 0.875rem 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.875rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon):global(.night) .icon.iconAfter {
  padding-left: 0.875rem;
  padding-right: 0.375rem;
}
.decorator:global(.silicon):global(.night) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: 0.875rem 0.375rem 0.875rem 0.875rem;
  padding-left: 0.875rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.silicon):global(.night) .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.875rem;
}
.decorator:global(.silicon):global(.night).invalid input {
  color: #f00;
}
.decorator:global(.silicon):global(.night).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.silicon):global(.night).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.silicon):global(.night):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.silicon):global(.night).focused,
.decorator:global(.silicon):global(.night):focus-within {
  background-color: #000000;
  background-image: none;
  box-shadow: 0 0 0 0 transparent;
}
.decorator:global(.silicon):global(.night).focused .input,
.decorator:global(.silicon):global(.night):focus-within .input {
  caret-color: var(--agate-accent-color, #ff2d55);
  color: #ffffff;
  border-color: var(--agate-accent-color, #ff2d55);
  border-width: 0 0 0.125rem;
  opacity: 1;
}
.decorator:global(.silicon):global(.night).focused .input::placeholder,
.decorator:global(.silicon):global(.night):focus-within .input::placeholder {
  opacity: 0.5;
}
.decorator:global(.silicon):global(.night).focused .icon,
.decorator:global(.silicon):global(.night):focus-within .icon {
  color: #ffffff;
}
.decorator:global(.silicon):global(.night).focused .icon.iconAfter,
.decorator:global(.silicon):global(.night):focus-within .icon.iconAfter {
  opacity: 1;
  border-color: var(--agate-accent-color, #ff2d55);
}
.decorator:global(.silicon):global(.night).focused .icon.iconBefore,
.decorator:global(.silicon):global(.night):focus-within .icon.iconBefore {
  opacity: 1;
  border-color: var(--agate-accent-color, #ff2d55);
}
.decorator:global(.silicon):global(.night).focused.invalid input,
.decorator:global(.silicon):global(.night):focus-within.invalid input {
  color: #f00;
}
.decorator:global(.titanium) {
  display: inline-flex;
  position: relative;
  margin: 0.16667rem 0.25rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  vertical-align: middle;
}
.decorator:global(.titanium) .input {
  padding: 0.875rem 1.33333rem 0.875rem 1.33333rem;
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-indent: 0.2em;
  font-size: 1.25rem;
  font-weight: 400;
  opacity: inherit;
  border: none;
  border-bottom: 1px solid inherit;
  background: transparent;
  color: #4d4d4d;
  text-align: inherit;
}
:global(.enact-locale-right-to-left) .decorator:global(.titanium) .input {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
}
.decorator:global(.titanium) .input::selection {
  color: white;
  background-color: var(--agate-highlight-color, #2a48ca);
}
.decorator:global(.titanium) .input::placeholder {
  color: rgba(77, 77, 77, 0.8);
}
.decorator:global(.titanium) .input[type=number] {
  -moz-appearance: textfield;
}
.decorator:global(.titanium) .input[type=number]::-webkit-inner-spin-button,
.decorator:global(.titanium) .input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.decorator:global(.titanium) .input[type=number]:hover {
  -moz-appearance: none;
}
.decorator:global(.titanium) .input[placeholder] {
  text-overflow: ellipsis;
}
:global(.enact-locale-right-to-left) .decorator:global(.titanium) .input {
  text-align: right;
}
.decorator:global(.titanium).small {
  height: 2.41667rem;
}
.decorator:global(.titanium).small .input {
  padding: 0.625rem 1.125rem 0.625rem 1.125rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  font-size: 1rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.titanium).small .input {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.decorator:global(.titanium).small .icon.iconAfter,
.decorator:global(.titanium).small .icon.iconBefore {
  display: flex;
  align-self: center;
}
.decorator:global(.titanium).small .icon.iconAfter {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.titanium).small .icon.iconAfter {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.titanium).small .icon.iconBefore {
  padding: inherit 0.375rem inherit 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.titanium).small .icon.iconBefore {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.decorator:global(.titanium) .input,
.decorator:global(.titanium) .icon {
  line-height: -0.75rem;
  height: -0.75rem;
  vertical-align: middle;
  margin: 0;
}
.decorator:global(.titanium) .icon {
  flex: 0 0;
  width: auto;
  margin: 0;
}
.decorator:global(.titanium) .icon.iconAfter,
.decorator:global(.titanium) .icon.iconBefore {
  display: inherit;
  align-self: inherit;
  opacity: inherit;
  border-bottom: 1px solid inherit;
}
.decorator:global(.titanium) .icon.iconAfter {
  margin-right: 0 0.25rem 0 0;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.titanium) .icon.iconAfter {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.titanium) .icon.iconBefore {
  margin-left: 0 0 0 0.25rem;
  padding: inherit 0.625rem inherit 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
:global(.enact-locale-right-to-left) .decorator:global(.titanium) .icon.iconBefore {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.decorator:global(.titanium).invalid input {
  color: #f00;
}
.decorator:global(.titanium).hasIconAfter .input {
  padding-right: inherit;
}
.decorator:global(.titanium).hasIconBefore .input {
  padding-left: inherit;
}
.decorator:global(.titanium):not(:global(.spottable)) .input {
  pointer-events: none;
}
.decorator:global(.titanium).focused,
.decorator:global(.titanium):focus-within {
  background-color: transparent;
  background-image: none;
  box-shadow: 0 0 0 0.16667rem var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
.decorator:global(.titanium).focused .input,
.decorator:global(.titanium):focus-within .input {
  caret-color: inherit;
  color: #262626;
  border-color: inherit;
  border-width: 0 0 1px;
  opacity: inherit;
}
.decorator:global(.titanium).focused .input::placeholder,
.decorator:global(.titanium):focus-within .input::placeholder {
  opacity: inherit;
}
.decorator:global(.titanium).focused .icon,
.decorator:global(.titanium):focus-within .icon {
  color: #262626;
}
.decorator:global(.titanium).focused .icon.iconAfter,
.decorator:global(.titanium):focus-within .icon.iconAfter {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.titanium).focused .icon.iconBefore,
.decorator:global(.titanium):focus-within .icon.iconBefore {
  opacity: inherit;
  border-color: inherit;
}
.decorator:global(.titanium).focused.invalid input,
.decorator:global(.titanium):focus-within.invalid input {
  color: #f00;
}
