@adobe/coral-spectrum/coral-component-numberinput/src/styles/index.css

Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.

/**
 * Copyright 2019 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */
._coral-Stepper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;

  width: 192px;
  line-height: 0;
  border-radius: 4px;
  transition: border-color 130ms ease-in-out, box-shadow 130ms ease-in-out;
}
._coral-Stepper::before {
  content: '';
}
._coral-Stepper-buttons {
  display: block;
  border-radius: 4px 0 0 4px;
  transition: box-shadow 130ms ease-in-out;
}
._coral-Stepper-stepUp,
._coral-Stepper-stepDown {
  position: relative;
  display: block;

  height: 16px;
  width: 24px;

  padding-left: 6px;
  padding-right: 6px;
  margin: 0 !important;

  border-width: 1px;
  border-right-width: 0;
  border-radius: 4px 0 0 4px;
}
._coral-Stepper-stepUp ._coral-Icon, ._coral-Stepper-stepDown ._coral-Icon {
    margin: 0 !important;
    opacity: 1;
  }
._coral-Stepper-stepUp {
  border-bottom: none;
  border-bottom-left-radius: 0;
}
._coral-Stepper-stepUp ._coral-Icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3px;
  }
._coral-Stepper-stepDown {
  border-top: none;
  border-top-left-radius: 0;
  border-bottom-width: 1px;
}
._coral-Stepper-stepDown:focus {
    border-top: none;
  }
._coral-Stepper-stepDown ._coral-Icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 3px;
  }
._coral-Stepper-input {
  position: relative;

  -ms-flex: 1;

      flex: 1;

  border-top-left-radius: 0;
  border-bottom-left-radius: 0;

  z-index: 1;
}
._coral-Stepper--quiet {
  border-radius: 0;
}
._coral-Stepper--quiet ._coral-Stepper-buttons ._coral-ActionButton {
      border-top: none;
      border-left: none;
      border-radius: 0;
    }

.coral--large ._coral-Stepper {

  width: 240px;
  border-radius: 5px;
  transition: border-color 130ms ease-in-out, box-shadow 130ms ease-in-out;
}
.coral--large ._coral-Stepper-buttons {
  border-radius: 5px 0 0 5px;
  transition: box-shadow 130ms ease-in-out;
}
.coral--large ._coral-Stepper-stepUp,
.coral--large ._coral-Stepper-stepDown {

  height: 20px;
  width: 24px;

  padding-left: 7.5px;
  padding-right: 7.5px;

  border-width: 1px;
  border-right-width: 0;
  border-radius: 5px 0 0 5px;
}
.coral--large ._coral-Stepper-stepUp {
  border-bottom-left-radius: 0;
}
.coral--large ._coral-Stepper-stepDown {
  border-top-left-radius: 0;
  border-bottom-width: 1px;
}
.coral--large ._coral-Stepper-input {

  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.coral--large ._coral-Stepper--quiet,.coral--large ._coral-Stepper--quiet ._coral-Stepper-buttons ._coral-ActionButton {
      border-radius: 0;
    }

.coral--light ._coral-Stepper ._coral-Stepper-input:focus {
      border-color: rgb(38, 128, 235);
    }
.coral--light ._coral-Stepper ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(38, 128, 235);
        }
.coral--light ._coral-Stepper ._coral-Stepper-input:focus:invalid,
.coral--light ._coral-Stepper ._coral-Stepper-input:focus.is-invalid {
        border-color: rgb(215, 55, 63);
      }
.coral--light ._coral-Stepper ._coral-Stepper-input:focus:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper ._coral-Stepper-input:focus:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--light ._coral-Stepper ._coral-Stepper-input:focus.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper ._coral-Stepper-input:focus.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(215, 55, 63);
          }
.coral--light ._coral-Stepper ._coral-Stepper-input.focus-ring {
      box-shadow: 0 0 0 1px rgb(38, 128, 235);
    }
.coral--light ._coral-Stepper ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
        box-shadow: 0 0 0 1px rgb(38, 128, 235);
      }
.coral--light ._coral-Stepper ._coral-Stepper-input.focus-ring:invalid,
.coral--light ._coral-Stepper ._coral-Stepper-input.focus-ring.is-invalid {
        box-shadow: 0 0 0 1px rgb(215, 55, 63);
      }
.coral--light ._coral-Stepper ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--light ._coral-Stepper ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(215, 55, 63);
        }
.coral--light ._coral-Stepper ._coral-Stepper-input:invalid,
.coral--light ._coral-Stepper ._coral-Stepper-input.is-invalid {
      border-color: rgb(215, 55, 63);
    }
.coral--light ._coral-Stepper ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--light ._coral-Stepper ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(215, 55, 63);
        }
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input {
      border-color: rgb(38, 128, 235);
      box-shadow: none;
    }
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(38, 128, 235);
        }
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring {
        box-shadow: 0 0 0 1px rgb(38, 128, 235);
      }
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(38, 128, 235);
        }
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring:invalid,
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring.is-invalid {
          box-shadow: 0 0 0 1px rgb(215, 55, 63);
        }
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
            box-shadow: 0 0 0 1px rgb(215, 55, 63);
          }
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input:invalid,
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid {
        border-color: rgb(215, 55, 63);
      }
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(215, 55, 63);
          }
.coral--light ._coral-Stepper.is-invalid ._coral-Stepper-input {
      border-color: rgb(215, 55, 63);
      box-shadow: none;
    }
.coral--light ._coral-Stepper.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(215, 55, 63);
        }
.coral--light ._coral-Stepper.is-invalid ._coral-Stepper-input.focus-ring {
        box-shadow: 0 0 0 1px rgb(215, 55, 63);
      }
.coral--light ._coral-Stepper.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(215, 55, 63);
        }
.coral--light ._coral-Stepper-stepUp,
.coral--light ._coral-Stepper-stepDown {
  border-color: rgb(225, 225, 225);
}
.coral--light ._coral-Stepper-stepUp:disabled,
.coral--light ._coral-Stepper-stepDown:disabled {
    border-color: transparent;
  }
.coral--light ._coral-Stepper-stepUp:hover,
.coral--light ._coral-Stepper-stepDown:hover {
    border-color: rgb(225, 225, 225);
  }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-stepUp:disabled,
.coral--light ._coral-Stepper--quiet ._coral-Stepper-stepDown:disabled {
      border-color: rgb(225, 225, 225);
    }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input {
    box-shadow: none;
  }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(38, 128, 235);
        }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input:focus:invalid,
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input:focus.is-invalid {
        box-shadow: none;
      }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring {
      box-shadow: 0 1px 0 0 rgb(38, 128, 235);
    }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          box-shadow: 0 1px 0 0 rgb(38, 128, 235);
        }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid,
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid {
        box-shadow: 0 1px 0 0 rgb(215, 55, 63);
      }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(215, 55, 63);
          }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input:invalid,
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid {
      border-color: rgb(215, 55, 63);
    }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input:invalid + ._coral-Stepper-buttons,
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--light ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(215, 55, 63);
        }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input {
      box-shadow: none;
    }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(38, 128, 235);
        }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(38, 128, 235);
          }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring {
        border-color: rgb(38, 128, 235);
        box-shadow: 0 1px 0 0 rgb(38, 128, 235);
      }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(38, 128, 235);
          }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid,
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid {
          box-shadow: 0 1px 0 0 rgb(215, 55, 63);
        }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
            box-shadow: none;
          }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
              box-shadow: 0 1px 0 0 rgb(215, 55, 63);
            }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid,
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid {
        border-color: rgb(215, 55, 63);
      }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons,
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--light ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(215, 55, 63);
          }
.coral--light ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input {
      border-color: rgb(215, 55, 63);
    }
.coral--light ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(215, 55, 63);
        }
.coral--light ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(215, 55, 63);
          }
.coral--light ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring {
        box-shadow: 0 1px 0 0 rgb(215, 55, 63);
      }
.coral--light ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--light ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(215, 55, 63);
          }

.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus {
      border-color: rgb(55, 142, 240);
    }
.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(55, 142, 240);
        }
.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus:invalid,
.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus.is-invalid {
        border-color: rgb(227, 72, 80);
      }
.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper ._coral-Stepper-input:focus.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(227, 72, 80);
          }
.coral--lightest ._coral-Stepper ._coral-Stepper-input.focus-ring {
      box-shadow: 0 0 0 1px rgb(55, 142, 240);
    }
.coral--lightest ._coral-Stepper ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
        box-shadow: 0 0 0 1px rgb(55, 142, 240);
      }
.coral--lightest ._coral-Stepper ._coral-Stepper-input.focus-ring:invalid,
.coral--lightest ._coral-Stepper ._coral-Stepper-input.focus-ring.is-invalid {
        box-shadow: 0 0 0 1px rgb(227, 72, 80);
      }
.coral--lightest ._coral-Stepper ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--lightest ._coral-Stepper ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(227, 72, 80);
        }
.coral--lightest ._coral-Stepper ._coral-Stepper-input:invalid,
.coral--lightest ._coral-Stepper ._coral-Stepper-input.is-invalid {
      border-color: rgb(227, 72, 80);
    }
.coral--lightest ._coral-Stepper ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--lightest ._coral-Stepper ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(227, 72, 80);
        }
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input {
      border-color: rgb(55, 142, 240);
      box-shadow: none;
    }
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(55, 142, 240);
        }
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring {
        box-shadow: 0 0 0 1px rgb(55, 142, 240);
      }
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(55, 142, 240);
        }
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring:invalid,
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring.is-invalid {
          box-shadow: 0 0 0 1px rgb(227, 72, 80);
        }
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
            box-shadow: 0 0 0 1px rgb(227, 72, 80);
          }
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input:invalid,
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid {
        border-color: rgb(227, 72, 80);
      }
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(227, 72, 80);
          }
.coral--lightest ._coral-Stepper.is-invalid ._coral-Stepper-input {
      border-color: rgb(227, 72, 80);
      box-shadow: none;
    }
.coral--lightest ._coral-Stepper.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(227, 72, 80);
        }
.coral--lightest ._coral-Stepper.is-invalid ._coral-Stepper-input.focus-ring {
        box-shadow: 0 0 0 1px rgb(227, 72, 80);
      }
.coral--lightest ._coral-Stepper.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(227, 72, 80);
        }
.coral--lightest ._coral-Stepper-stepUp,
.coral--lightest ._coral-Stepper-stepDown {
  border-color: rgb(234, 234, 234);
}
.coral--lightest ._coral-Stepper-stepUp:disabled,
.coral--lightest ._coral-Stepper-stepDown:disabled {
    border-color: transparent;
  }
.coral--lightest ._coral-Stepper-stepUp:hover,
.coral--lightest ._coral-Stepper-stepDown:hover {
    border-color: rgb(234, 234, 234);
  }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-stepUp:disabled,
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-stepDown:disabled {
      border-color: rgb(234, 234, 234);
    }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input {
    box-shadow: none;
  }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(55, 142, 240);
        }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input:focus:invalid,
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input:focus.is-invalid {
        box-shadow: none;
      }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring {
      box-shadow: 0 1px 0 0 rgb(55, 142, 240);
    }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          box-shadow: 0 1px 0 0 rgb(55, 142, 240);
        }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid,
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid {
        box-shadow: 0 1px 0 0 rgb(227, 72, 80);
      }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(227, 72, 80);
          }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input:invalid,
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid {
      border-color: rgb(227, 72, 80);
    }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input:invalid + ._coral-Stepper-buttons,
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--lightest ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(227, 72, 80);
        }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input {
      box-shadow: none;
    }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(55, 142, 240);
        }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(55, 142, 240);
          }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring {
        border-color: rgb(55, 142, 240);
        box-shadow: 0 1px 0 0 rgb(55, 142, 240);
      }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(55, 142, 240);
          }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid,
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid {
          box-shadow: 0 1px 0 0 rgb(227, 72, 80);
        }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
            box-shadow: none;
          }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
              box-shadow: 0 1px 0 0 rgb(227, 72, 80);
            }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid,
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid {
        border-color: rgb(227, 72, 80);
      }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons,
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--lightest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(227, 72, 80);
          }
.coral--lightest ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input {
      border-color: rgb(227, 72, 80);
    }
.coral--lightest ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(227, 72, 80);
        }
.coral--lightest ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(227, 72, 80);
          }
.coral--lightest ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring {
        box-shadow: 0 1px 0 0 rgb(227, 72, 80);
      }
.coral--lightest ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--lightest ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(227, 72, 80);
          }

.coral--dark ._coral-Stepper ._coral-Stepper-input:focus {
      border-color: rgb(38, 128, 235);
    }
.coral--dark ._coral-Stepper ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(38, 128, 235);
        }
.coral--dark ._coral-Stepper ._coral-Stepper-input:focus:invalid,
.coral--dark ._coral-Stepper ._coral-Stepper-input:focus.is-invalid {
        border-color: rgb(236, 91, 98);
      }
.coral--dark ._coral-Stepper ._coral-Stepper-input:focus:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper ._coral-Stepper-input:focus:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--dark ._coral-Stepper ._coral-Stepper-input:focus.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper ._coral-Stepper-input:focus.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(236, 91, 98);
          }
.coral--dark ._coral-Stepper ._coral-Stepper-input.focus-ring {
      box-shadow: 0 0 0 1px rgb(38, 128, 235);
    }
.coral--dark ._coral-Stepper ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
        box-shadow: 0 0 0 1px rgb(38, 128, 235);
      }
.coral--dark ._coral-Stepper ._coral-Stepper-input.focus-ring:invalid,
.coral--dark ._coral-Stepper ._coral-Stepper-input.focus-ring.is-invalid {
        box-shadow: 0 0 0 1px rgb(236, 91, 98);
      }
.coral--dark ._coral-Stepper ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--dark ._coral-Stepper ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(236, 91, 98);
        }
.coral--dark ._coral-Stepper ._coral-Stepper-input:invalid,
.coral--dark ._coral-Stepper ._coral-Stepper-input.is-invalid {
      border-color: rgb(236, 91, 98);
    }
.coral--dark ._coral-Stepper ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--dark ._coral-Stepper ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(236, 91, 98);
        }
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input {
      border-color: rgb(38, 128, 235);
      box-shadow: none;
    }
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(38, 128, 235);
        }
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring {
        box-shadow: 0 0 0 1px rgb(38, 128, 235);
      }
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(38, 128, 235);
        }
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring:invalid,
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring.is-invalid {
          box-shadow: 0 0 0 1px rgb(236, 91, 98);
        }
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
            box-shadow: 0 0 0 1px rgb(236, 91, 98);
          }
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input:invalid,
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid {
        border-color: rgb(236, 91, 98);
      }
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(236, 91, 98);
          }
.coral--dark ._coral-Stepper.is-invalid ._coral-Stepper-input {
      border-color: rgb(236, 91, 98);
      box-shadow: none;
    }
.coral--dark ._coral-Stepper.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(236, 91, 98);
        }
.coral--dark ._coral-Stepper.is-invalid ._coral-Stepper-input.focus-ring {
        box-shadow: 0 0 0 1px rgb(236, 91, 98);
      }
.coral--dark ._coral-Stepper.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(236, 91, 98);
        }
.coral--dark ._coral-Stepper-stepUp,
.coral--dark ._coral-Stepper-stepDown {
  border-color: rgb(74, 74, 74);
}
.coral--dark ._coral-Stepper-stepUp:disabled,
.coral--dark ._coral-Stepper-stepDown:disabled {
    border-color: transparent;
  }
.coral--dark ._coral-Stepper-stepUp:hover,
.coral--dark ._coral-Stepper-stepDown:hover {
    border-color: rgb(74, 74, 74);
  }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-stepUp:disabled,
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-stepDown:disabled {
      border-color: rgb(74, 74, 74);
    }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input {
    box-shadow: none;
  }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(38, 128, 235);
        }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input:focus:invalid,
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input:focus.is-invalid {
        box-shadow: none;
      }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring {
      box-shadow: 0 1px 0 0 rgb(38, 128, 235);
    }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          box-shadow: 0 1px 0 0 rgb(38, 128, 235);
        }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid,
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid {
        box-shadow: 0 1px 0 0 rgb(236, 91, 98);
      }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(236, 91, 98);
          }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input:invalid,
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid {
      border-color: rgb(236, 91, 98);
    }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input:invalid + ._coral-Stepper-buttons,
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--dark ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(236, 91, 98);
        }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input {
      box-shadow: none;
    }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(38, 128, 235);
        }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(38, 128, 235);
          }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring {
        border-color: rgb(38, 128, 235);
        box-shadow: 0 1px 0 0 rgb(38, 128, 235);
      }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(38, 128, 235);
          }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid,
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid {
          box-shadow: 0 1px 0 0 rgb(236, 91, 98);
        }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
            box-shadow: none;
          }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
              box-shadow: 0 1px 0 0 rgb(236, 91, 98);
            }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid,
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid {
        border-color: rgb(236, 91, 98);
      }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons,
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--dark ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(236, 91, 98);
          }
.coral--dark ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input {
      border-color: rgb(236, 91, 98);
    }
.coral--dark ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(236, 91, 98);
        }
.coral--dark ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(236, 91, 98);
          }
.coral--dark ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring {
        box-shadow: 0 1px 0 0 rgb(236, 91, 98);
      }
.coral--dark ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--dark ._coral-Stepper--quiet.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(236, 91, 98);
          }

.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus {
      border-color: rgb(20, 115, 230);
    }
.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(20, 115, 230);
        }
.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus:invalid,
.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus.is-invalid {
        border-color: rgb(227, 72, 80);
      }
.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper ._coral-Stepper-input:focus.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(227, 72, 80);
          }
.coral--darkest ._coral-Stepper ._coral-Stepper-input.focus-ring {
      box-shadow: 0 0 0 1px rgb(20, 115, 230);
    }
.coral--darkest ._coral-Stepper ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
        box-shadow: 0 0 0 1px rgb(20, 115, 230);
      }
.coral--darkest ._coral-Stepper ._coral-Stepper-input.focus-ring:invalid,
.coral--darkest ._coral-Stepper ._coral-Stepper-input.focus-ring.is-invalid {
        box-shadow: 0 0 0 1px rgb(227, 72, 80);
      }
.coral--darkest ._coral-Stepper ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--darkest ._coral-Stepper ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(227, 72, 80);
        }
.coral--darkest ._coral-Stepper ._coral-Stepper-input:invalid,
.coral--darkest ._coral-Stepper ._coral-Stepper-input.is-invalid {
      border-color: rgb(227, 72, 80);
    }
.coral--darkest ._coral-Stepper ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--darkest ._coral-Stepper ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(227, 72, 80);
        }
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input {
      border-color: rgb(20, 115, 230);
      box-shadow: none;
    }
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(20, 115, 230);
        }
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring {
        box-shadow: 0 0 0 1px rgb(20, 115, 230);
      }
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(20, 115, 230);
        }
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring:invalid,
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring.is-invalid {
          box-shadow: 0 0 0 1px rgb(227, 72, 80);
        }
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
            box-shadow: 0 0 0 1px rgb(227, 72, 80);
          }
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input:invalid,
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid {
        border-color: rgb(227, 72, 80);
      }
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(227, 72, 80);
          }
.coral--darkest ._coral-Stepper.is-invalid ._coral-Stepper-input {
      border-color: rgb(227, 72, 80);
      box-shadow: none;
    }
.coral--darkest ._coral-Stepper.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper.is-invalid ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(227, 72, 80);
        }
.coral--darkest ._coral-Stepper.is-invalid ._coral-Stepper-input.focus-ring {
        box-shadow: 0 0 0 1px rgb(227, 72, 80);
      }
.coral--darkest ._coral-Stepper.is-invalid ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: 0 0 0 1px rgb(227, 72, 80);
        }
.coral--darkest ._coral-Stepper-stepUp,
.coral--darkest ._coral-Stepper-stepDown {
  border-color: rgb(57, 57, 57);
}
.coral--darkest ._coral-Stepper-stepUp:disabled,
.coral--darkest ._coral-Stepper-stepDown:disabled {
    border-color: transparent;
  }
.coral--darkest ._coral-Stepper-stepUp:hover,
.coral--darkest ._coral-Stepper-stepDown:hover {
    border-color: rgb(57, 57, 57);
  }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-stepUp:disabled,
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-stepDown:disabled {
      border-color: rgb(57, 57, 57);
    }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input {
    box-shadow: none;
  }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(20, 115, 230);
        }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input:focus:invalid,
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input:focus.is-invalid {
        box-shadow: none;
      }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring {
      box-shadow: 0 1px 0 0 rgb(20, 115, 230);
    }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          box-shadow: 0 1px 0 0 rgb(20, 115, 230);
        }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid,
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid {
        box-shadow: 0 1px 0 0 rgb(227, 72, 80);
      }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(227, 72, 80);
          }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input:invalid,
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid {
      border-color: rgb(227, 72, 80);
    }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input:invalid + ._coral-Stepper-buttons,
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--darkest ._coral-Stepper--quiet ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(227, 72, 80);
        }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input {
      box-shadow: none;
    }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons {
        box-shadow: none;
      }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
          border-color: rgb(20, 115, 230);
        }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:focus + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            border-color: rgb(20, 115, 230);
          }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring {
        border-color: rgb(20, 115, 230);
        box-shadow: 0 1px 0 0 rgb(20, 115, 230);
      }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
            box-shadow: 0 1px 0 0 rgb(20, 115, 230);
          }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid,
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid {
          box-shadow: 0 1px 0 0 rgb(227, 72, 80);
        }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons,
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons {
            box-shadow: none;
          }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring:invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown,
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.focus-ring.is-invalid + ._coral-Stepper-buttons ._coral-Stepper-stepDown {
              box-shadow: 0 1px 0 0 rgb(227, 72, 80);
            }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid,
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid {
        border-color: rgb(227, 72, 80);
      }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons,
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input.is-invalid + ._coral-Stepper-buttons {
          box-shadow: none;
        }
.coral--darkest ._coral-Stepper--quiet.is-focused ._coral-Stepper-input:invalid + ._coral-Stepper-buttons ._coral-Stepper-step