@import "./window.scss";

.settings {
  padding: 20px;
  overflow: auto;
  margin: 0 auto;
  .settings-item {
    margin: 20px 5px;
    display: flex;
    align-items: center;
    > label {
      width: 70px;
    }
  }
  .settings-login {
    margin-top: 30px;
    display: flex;
    justify-content: center;
  }
}

.button-send {
  min-width: 90px;
}

.btn {
  display:inline-block;
  padding:0.5em 1em;
  font-size:1em;
  color:#999;
  background-color: var(--second);
  border: 1px solid var(--primary);
  font-weight: bold;
  border-radius:0.4em;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}
.btn:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  background-color:#fff;
  transform:translate(-50%,-50%);
  transition:all 0.3s ease-out;
  z-index:-1;
}
.btn:hover:before {
  width:200%;
  height:200%;
}




.settings-title {
  font-size: 14px;
  font-weight: bolder;
}

.settings-sub-title {
  font-size: 12px;
  font-weight: normal;
}

.avatar {
  cursor: pointer;
}

.password-input-container {
  max-width: 50%;
  display: flex;
  justify-content: flex-end;

  .password-eye {
    margin-right: 4px;
  }

  .password-input {
    min-width: 80%;
  }
}

.user-prompt-modal {
  min-height: 40vh;

  .user-prompt-search {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    background-color: var(--gray);
  }

  .user-prompt-list {
    padding: 10px 0;

    .user-prompt-item {
      margin-bottom: 10px;
      widows: 100%;

      .user-prompt-header {
        display: flex;
        widows: 100%;
        margin-bottom: 5px;

        .user-prompt-title {
          flex-grow: 1;
          max-width: 100%;
          margin-right: 5px;
          padding: 5px;
          font-size: 12px;
          text-align: left;
        }

        .user-prompt-buttons {
          display: flex;
          align-items: center;

          .user-prompt-button {
            height: 100%;

            &:not(:last-child) {
              margin-right: 5px;
            }
          }
        }
      }

      .user-prompt-content {
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
        margin-right: 10px;
        font-size: 12px;
        flex-grow: 1;
      }
    }
  }

  .user-prompt-actions {
  }
}
