.require-each,
.exclude-ambiguous {
    display: block;
    margin-bottom: 1em;
    font-size: 0.9em;
    cursor: pointer;
}

.status {
    overflow: hidden;
    margin-top: 0.5em;
    line-height: 2em;
}

  .status .strength {
      float: left;
      width: 65%;
      --strength-color: #d32f2f;
  }

    .status .strength[data-level="2"] { --strength-color: #f9a825; }
    .status .strength[data-level="3"] { --strength-color: #7cb342; }
    .status .strength[data-level="4"] { --strength-color: #2e7d32; }

    .status .strength-label {
        color: #606060;
        font-size: 0.9em;
        line-height: 1.5em;
    }

    .status .strength-bar {
        display: flex;
        gap: 0.25em;
    }

      .status .strength-bar span {
          flex: 1;
          height: 0.4em;
          border-radius: 0.2em;
          background: #d8d8d8;

          transition: background 0.3s ease;
      }

      .status .strength[data-level="0"] .strength-bar span:nth-child(-n+1),
      .status .strength[data-level="1"] .strength-bar span:nth-child(-n+1),
      .status .strength[data-level="2"] .strength-bar span:nth-child(-n+2),
      .status .strength[data-level="3"] .strength-bar span:nth-child(-n+3),
      .status .strength[data-level="4"] .strength-bar span:nth-child(-n+4) {
          background: var(--strength-color);
      }

  .status .copy {
      float: right;
      border: 1px solid #a0a0a0;
      border-bottom-width: 0.25em;
      border-radius: var(--form-field-radius);
      padding: 0 1em;
      color: #404040;
      font-weight: bold;
      line-height: 1.75em;
      background: #fafafa;
      cursor: pointer;

      transition: all 0.3s ease;
  }

    .status .copy:hover {
        background: #ffffff;
    }

    .status .copy:focus {
        outline: none;
    }

    .status .copy:active {
        border-bottom-color: #a2c3fa;
    }

    .status .copy:disabled {
        opacity: 0.5;
        cursor: default;
    }