const style = `
  
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  background: #fff !important;
  font-size: 20px !important;
  font-weight: normal !important;
  font-family: darkFont !important; 
  letter-spacing: normal !important;
  line-height: normal !important;
  margin: 0 !important;
  color: #444445 !important;
}

a:hover, a:focus {
  text-decoration: none !important;
}

sqh-close-button .squatch-header-close {
  margin: 20px 20px;
  color: #0B2423;
  font-size: 28px;
}

sqh-close-button .squatch-header-close:hover {
  text-decoration: none;
  cursor: pointer;
}

sqh-text-component div p div p{
  font-family: boldFont;
}

sqh-copy-link-button #squatch-share-link {
  border: 1px solid #0b2423;
  border-radius: 12px;
  outline: none;
  color: black !important;
}

sqh-copy-link-button .icon-btn {
  text-align: center;
  margin-left: 10px;
  border-radius: 0px;
  font-family: darkFont;
}

sqh-copy-link-button .hidden-sm {
  padding: 0;
  font-size: 20px;
}

sqh-share-button-container {
  border-bottom: none;
}

sqh-copy-link-button {
  text-align: center;
}

sqh-copy-link-button .input-group-btn .sqh-copy-btn .icon {
  display: none;
}

sqh-copy-link-button .icon-btn:before,
sqh-share-button a:before {
  display: none;
}

sqh-share-button a {
  display: flex;
  justify-content: center;
  align-items: center;
}

sqh-share-button a:visited {
  color: #fff;
}

sqh-share-button .squatch-share-btn {
  border-radius: 0px;
}

sqh-share-button .squatch-share-btn:hover {
  text-decoration: none;
}

sqh-share-button .squatch-share-btn:focus {
  text-decoration: none;
}

sqh-share-button .squatch-share-btn .share-btn-text {
  padding: 0;
  font-family: darkFont;
  font-size: 20px;
}

/* sqh-share-button a .icon::before {
  transform: translate(14px, 0px);
  margin: 0px 1px 0px 0px;
} */

.rewards-title div p div p {
  font-family: ultraFont;
  font-size: 50px;
  color: #0b2423;
}

.stats-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-bottom: 30px;
}

.stat {
  margin-bottom: 5px;
  width: auto;
  margin-right: 20px;
}

.stat::part(stat-value) {
  font-size: 40px;
  font-family: darkFont;
  color: #0b2423;
  margin-bottom: 20px;
  font-weight: bold;
}

.stat-description {
  font-size: 14px;
  color: black;
  font-family: Arial;
}

.stat .stat-value {
  color: #0b2423;
  font-size: 50px;
  font-family: ultraFont;
  margin-bottom: 30px;
}

.icon-attention:before {
  content: url(../assets/hungry-harvest-assets/checkbox.svg);
} 

sqh-referral-component .squatch-referrals-row:first-child:before {
  content: url(../assets/hungry-harvest-assets/user.svg);
}

sqh-referral-list .squatch-referrals-scroll-action-container .squatch-referrals-scroll-action {
  width: 140px;
  padding: 6px 12px;
  background: #ff5e00;
  color: #fff;
  cursor: pointer;
  outline: none;
  border: 1px solid #ff5e00;
  font-family: darkFont;
  font-size: 20px;
}

sqh-referral-list .squatch-referrals-scroll-action-container .squatch-referrals-scroll-action.disabled:hover {
  background: #E55400;
  outline: none;
  border: none;
  cursor: pointer
}

sqh-referral-list .squatch-referrals-scroll-action-container .squatch-referrals-scroll-action:hover {
  background: #E55400;
  outline: none;
  border: none;
  cursor: pointer
}

*::part(defaultbutton-base) {
  width: 140px !important;
  padding: 6px 12px !important;
  background: #ff5e00 !important;
  color: #fff !important;
  cursor: pointer !important;
  outline: none !important;
  border: 1px solid #ff5e00 !important;
  font-family: darkFont !important;
  font-size: 20px !important;
  border-radius: 0 !important;
  line-height: normal !important;
  height: auto !important;
}

*::part(defaultbutton-base):hover {
  background: #E55400;
}

*::part(table-row) {
  border: none;
  border-bottom: 1px solid black;
}

*::part(sqm-referral-table-button-wrapper) {
  margin-top: 40px;
  justify-content: center;
  align-items: center;
}

.header{
  background-color: #ff5f01 !important;
}

*::part(indicator) {
  background: rgb(255,156,0) !important;
}

sqm-referral-table {
  padding: 0 25px;
}

.share-title {
  padding: 20px 10px 20px !important;
}

@media (max-width: 499px) {
  sqh-copy-link-button .input-group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: none;
    width: 90%;
  }

  sqh-copy-link-button #squatch-share-link {
    width: 90%;
    margin-bottom: 10px;
  }

  sqh-copy-link-button .icon-btn {
    margin-left: 0px;
  }

  sqh-copy-link-button .input-group-btn {
    width: 100%;
    display: block;
  }

  sqh-copy-link-button .hidden-sm {
    display: block !important;
  }

  sqh-copy-link-button .sqh-copy-btn {
    width: 90%;
  }

  sqh-share-button-container {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
  }

  sqh-share-button-container > div {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  sqh-share-button {
    min-width: 100%; 
  }

  sqh-share-button .squatch-share-btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .stats-container {
    flex-direction: column;
  }

  .stat:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  *::part(table-row) {
    padding: 0px 15px;
  }
  
}




`;

export default style;