/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .aff-image-copy-link{
     width: 40px !important;
     height: 40px !important;
 }
 .aff-copy-button {
    display: flex;
 }
  .aff-copy-button input {
    margin-right: 5px;
  }

  .aff-copy-button button{
    background: #189eff !important;
    outline: 0;
    border: 0;
    border-radius: 4px;
  }
  .aff-copy-button svg{
    fill: #fff;
  }

/* AFF public avatars */
.aff-public-avatar.q-avatar{
  overflow:hidden;
  border-radius:50% !important;
  background:#f1f5f9;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.aff-public-avatar .q-avatar__content{
  background:#f1f5f9;
  overflow:hidden;
  border-radius:50% !important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.aff-public-avatar img.aff-public-avatar__img,
.aff-public-avatar .q-avatar__content img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  display:block;
}


.aff-profile-header{
  background:radial-gradient(circle at top left, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 38%), linear-gradient(135deg, #1f6fd1 0%, #3b4cca 45%, #6a2fd8 100%) !important;
  overflow:hidden;
  z-index:5;
}
.aff-profile-header::before{display:none !important;}
.q-drawer .q-scrollarea,
.q-drawer .scroll{
  position:relative;
  z-index:1;
}
.aff-profile-strip{
  left:0;
  right:0;
  bottom:0;
  padding:14px 16px;
  min-height:74px;
  gap:12px;
  background:transparent !important;
  color:#fff;
}
.aff-profile-strip__avatar{
  flex:0 0 auto;
  margin-right:0;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(17,24,39,.22), 0 0 0 1px rgba(255,255,255,.18);
}
.aff-profile-strip__meta{
  min-width:0;
  color:#fff;
}
.aff-profile-strip__name,
.aff-profile-strip__balance{
  color:#fff;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.aff-profile-strip__name{font-size:14px;font-weight:500;opacity:.92;}
.aff-profile-strip__balance{font-size:13px;opacity:.95;margin-top:4px;}
.aff-profile-page-avatar{box-shadow:0 8px 22px rgba(0,0,0,.12);}


/* Order actions */
.aff-dashboard-order-actions .q-btn,.aff-dashboard-order-action{background:#1a73e8 !important;color:#fff !important;border-radius:999px !important;}
.aff-dashboard-order-actions .material-icons.q-icon.notranslate{color:#fff !important;}
