.gen {
  position: absolute;
  @include common-dropdown;
  padding: $base-spacing;
  width: 11em;
  &__length-range {
  }
  &__btn-refresh {
    float: right;
    cursor: pointer;
    position: relative;
    top: 2px;
    @include th {
      color: muted-color();
      &:hover { color: text-color(); }
    }
  }
  &__sel-tpl {
    width: 100%;
    margin-top: $base-padding-v;
  }
  &__check {
    width: 40%;
    display: inline-block;
    &:nth-child(even) {
      margin-left: 15%;
    }
  }
  &__result {
    @include user-select(text);
    font-family: $monospace-font-family;
    margin-top: 6px;
    height: 50px;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-all;
    &--long-pass {
      font-size: .75em;
    }
  }
  &__btn-wrap {
    text-align: center;
  }
}

@-moz-document url-prefix() {
  .gen__result {
    white-space: pre-wrap;
    word-break: break-all;
  }
}
