:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

.name-generator {
  max-width: 366px;
  margin-bottom: 80px; }
  @media (min-width: 768px) {
    .name-generator {
      margin-bottom: 160px; } }
  .name-generator__title {
    font-family: "Ubuntu", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.28px;
    color: #464039;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .name-generator__title {
        font-size: 40px; } }
  .name-generator .form-group {
    padding-bottom: 14px; }
    .name-generator .form-group .name-generator-select {
      cursor: pointer;
      border: 1px solid #7E7367;
      border-radius: 40px;
      height: 44px; }
      .name-generator .form-group .name-generator-select__selected--placeholder {
        color: #7E7367; }
      .name-generator .form-group .name-generator-select__arrow {
        right: 16px;
        cursor: pointer;
        opacity: 1;
        transition: opacity 0.2s ease-in-out; }
      .name-generator .form-group .name-generator-select__arrow--hidden {
        opacity: 0;
        pointer-events: none; }
      .name-generator .form-group .name-generator-select__list {
        z-index: 1;
        top: 52px;
        left: 0;
        max-height: 300px;
        border-radius: 16px;
        background-color: #fff;
        box-shadow: 0px 6px 24px 0px rgba(56, 51, 46, 0.08), 0px 2px 2px 0px rgba(56, 51, 46, 0.02); }
        .name-generator .form-group .name-generator-select__list li {
          cursor: pointer;
          height: 40px; }
          .name-generator .form-group .name-generator-select__list li:hover, .name-generator .form-group .name-generator-select__list li.selected {
            background-color: #F8F7F7; }
      .name-generator .form-group .name-generator-select--invalid {
        border-color: #AC395C;
        background-color: #F8F7F7; }
    .name-generator .form-group .name-generator-select__selected,
    .name-generator .form-group .name-generator-select__list li,
    .name-generator .form-group .form-control-label,
    .name-generator .form-group .form-control,
    .name-generator .form-group .invalid-feedback {
      font-family: "Ubuntu", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 136%;
      color: #464039; }
    .name-generator .form-group .invalid-feedback {
      font-size: 12px;
      color: #AC395C; }
  .name-generator__more {
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 136%;
    color: #464039;
    margin-top: 40px; }
  .name-generator__info {
    background-color: #F3F9FC;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 136%;
    color: #464039;
    margin-bottom: 14px; }
  .name-generator .name-generator__buttons-group {
    margin-top: 30px; }
    .name-generator .name-generator__buttons-group .name-generator__buttons-submit,
    .name-generator .name-generator__buttons-group .name-generator__buttons-clear {
      font-family: "Ubuntu", sans-serif;
      font-size: 14px;
      font-weight: 500;
      line-height: 136%;
      border-radius: 1000px;
      padding: 12px 12px 12px 16px; }
    .name-generator .name-generator__buttons-group .name-generator__buttons-submit {
      background: #7E7367;
      color: #fff; }
    .name-generator .name-generator__buttons-group .name-generator__buttons-clear {
      border: 1px solid #7E7367;
      background: #fff;
      color: #7E7367; }

/*# sourceMappingURL=nameGenerator.css.map*/