.password {
  height: 100vh;

  .clear-data-wrapper {
    margin: auto;

    .warning-info-area {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .button-group {
      display: flex;
      justify-content: space-around;
    }
  }

  .password-prompt {
    &-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;

      background-color: var(--color-black-color);

      width: 100%;
      height: 100%;

      padding: 3 * $session-margin-lg;
    }

    &-error-section {
      width: 100%;
      color: white;
      margin: -var(--margins-sm) 0px 2 * $session-margin-lg 0px;

      .session-label {
        &.primary {
          background-color: rgba(var(--color-dark-gray-color), 0.3);
        }
        padding: var(--margins-xs) var(--margins-sm);
        text-align: center;
      }
    }

    &-container {
      font-family: $session-font-default;
      color: white;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      width: 600px;
      min-width: 420px;
      padding: 3 * $session-margin-lg 2 * $session-margin-lg;
      box-sizing: border-box;
      background-color: var(--color-darkest-gray-color);
      border: 1px solid var(--color-darker-gray-color);
      border-radius: 2px;

      .warning-info-area,
      .password-info-area {
        display: inline-flex;
        justify-content: center;
        align-items: center;

        h1 {
          color: white;
        }
        svg {
          margin-inline-end: var(--margins-lg);
        }
      }

      p,
      input {
        margin: var(--margins-lg) 0px;
      }

      .button-group {
        display: inline-flex;
      }

      #password-prompt-input {
        width: 100%;
        color: var(--color-white-color);
        background-color: #2e2e2e;
        margin-top: 2 * $session-margin-lg;
        padding: var(--margins-xs) var(--margins-lg);
        outline: none;
        border: none;
        border-radius: 2px;
        text-align: center;
        font-size: 24px;
        letter-spacing: 5px;
        font-family: $session-font-default;
      }
    }
  }
}