/* Login */
.beehive-login-form .web3auth-root {
  margin-bottom: 10px;
}

.web3auth-donate-root>.generic-button>a.button::before {
  content: '\eadb' !important;
  display: inline-block;
}

.web3auth-donate-root>.generic-button>.web3auth-donate-form input,
.web3auth-donate-root>.generic-button>.web3auth-donate-form select {
  display: inline-block;
  width: auto;

}

.web3auth-donate-root>.generic-button>.web3auth-donate-form input[type=number] {
  padding: 0 0.8rem;
  height: 2rem;
  max-width: 8rem;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
}

.web3auth-donate-root>.generic-button>.web3auth-donate-form input[type=submit] {
  min-height: auto;
  padding: 0 1rem;
}

.web3auth-donate-root>.generic-button>.web3auth-donate-form select {
  max-width: 5.5rem;
  height: 1.5rem;
  padding: 0.2rem 0.8rem;
  line-height: 0.7rem;
  letter-spacing: -0.05rem;
}

.web3auth-login-button,
.web3auth-logout-button {
  color: #5561e2;
  font-size: 14px;
  white-space: nowrap;
  min-height: 30px;
  line-height: 28px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #5561e2;
  border-radius: 30px;
  box-shadow: none;
  background-color: #fff;
  margin-bottom: 14px;
}

/* 

@media screen and (max-width: 575.98px) {
  .web3auth-donate-root>.generic-button>.web3auth-donate-form select {
    max-width: 4.5rem;
  }

  .web3auth-donate-root>.generic-button>.web3auth-donate-form input[type="number"] {
    max-width: 6.5rem;
  }
} */

/* Donate */

.activity-meta.action .generic-button.web3auth-donate-button-container {
  display: none;
}

body.web3auth-connected .activity-meta.action .generic-button.web3auth-donate-button-container {
  display: initial;
}

.web3auth-donate-button-container .button.web3auth-donate-button::before {
  content: '\eadb';
}

@media screen and (max-width: 575.98px) {
  .activity-list .activity-item .activity-content .activity-meta.action .generic-button.web3auth-donate-button-container {
    display: none;
  }

  body.web3auth-connected .activity-list .activity-item .activity-content .activity-meta.action .generic-button.web3auth-donate-button-container {
    display: flex;
  }
}

dialog#web3auth-donate-form-dialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px);
  border: none;
}

dialog#web3auth-donate-form-dialog #web3auth-donate-form-root {
  margin: 15% auto;
  width: 320px;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 1px -1px 25px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px -1px 25px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px -1px 25px 1px rgba(0, 0, 0, 0.75);
}

dialog#web3auth-donate-form-dialog #web3auth-donate-form-root .form-field {
  margin-bottom: 5px;
}

dialog#web3auth-donate-form-dialog #web3auth-donate-form-root .form-field.two-columns {
  display: flex;
  gap: 10px;
}

dialog#web3auth-donate-form-dialog #web3auth-donate-form-root .form-field.two-columns>* {
  flex: 1;
}

dialog.manage-saved-addresses-dialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px);
  border: none;
}

dialog.manage-saved-addresses-dialog>.dialog-content {
  max-width: 680px;
  height: 80vh;
  margin: 10vh auto;
  padding: 10px;
  background: #fff;
}

.web3auth-transform-form .form-field {
  margin: 1em 0;
}

.web3auth-transform-form .form-field.select-address select {
  display: inline-block;
  width: 70%;
}

.web3auth-transform-form .form-field.select-address button {
  display: inline-block;
  width: 30%;
}

.web3auth-cart-total-label {
  width: 80%;
  text-align: right;
}

.web3auth-cart-total-value {
  width: 20%;
  text-align: right;
  font-weight: bold;
}

.web3auth-cart-total-value-token.loading {
  animation: blink 1s infinite both;
}

.web3auth-checkout-wrapper {
  text-align: right;
}

.web3auth-checkout-button {
  width: 240px;
  background: #505cdd;
  border-color: #505cdd;
}

#web3auth-loading-dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px);
  border: none;
}

#web3auth-loading-dialog>span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  color: #fff;
}