declare const style = "\n  \n* {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n}\n\nbody {\n  background: #fff !important;\n  font-size: 20px !important;\n  font-weight: normal !important;\n  font-family: darkFont !important; \n  letter-spacing: normal !important;\n  line-height: normal !important;\n  margin: 0 !important;\n  color: #444445 !important;\n}\n\na:hover, a:focus {\n  text-decoration: none !important;\n}\n\nsqh-close-button .squatch-header-close {\n  margin: 20px 20px;\n  color: #0B2423;\n  font-size: 28px;\n}\n\nsqh-close-button .squatch-header-close:hover {\n  text-decoration: none;\n  cursor: pointer;\n}\n\nsqh-text-component div p div p{\n  font-family: boldFont;\n}\n\nsqh-copy-link-button #squatch-share-link {\n  border: 1px solid #0b2423;\n  border-radius: 12px;\n  outline: none;\n  color: black !important;\n}\n\nsqh-copy-link-button .icon-btn {\n  text-align: center;\n  margin-left: 10px;\n  border-radius: 0px;\n  font-family: darkFont;\n}\n\nsqh-copy-link-button .hidden-sm {\n  padding: 0;\n  font-size: 20px;\n}\n\nsqh-share-button-container {\n  border-bottom: none;\n}\n\nsqh-copy-link-button {\n  text-align: center;\n}\n\nsqh-copy-link-button .input-group-btn .sqh-copy-btn .icon {\n  display: none;\n}\n\nsqh-copy-link-button .icon-btn:before,\nsqh-share-button a:before {\n  display: none;\n}\n\nsqh-share-button a {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\nsqh-share-button a:visited {\n  color: #fff;\n}\n\nsqh-share-button .squatch-share-btn {\n  border-radius: 0px;\n}\n\nsqh-share-button .squatch-share-btn:hover {\n  text-decoration: none;\n}\n\nsqh-share-button .squatch-share-btn:focus {\n  text-decoration: none;\n}\n\nsqh-share-button .squatch-share-btn .share-btn-text {\n  padding: 0;\n  font-family: darkFont;\n  font-size: 20px;\n}\n\n/* sqh-share-button a .icon::before {\n  transform: translate(14px, 0px);\n  margin: 0px 1px 0px 0px;\n} */\n\n.rewards-title div p div p {\n  font-family: ultraFont;\n  font-size: 50px;\n  color: #0b2423;\n}\n\n.stats-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n  margin-bottom: 30px;\n}\n\n.stat {\n  margin-bottom: 5px;\n  width: auto;\n  margin-right: 20px;\n}\n\n.stat::part(stat-value) {\n  font-size: 40px;\n  font-family: darkFont;\n  color: #0b2423;\n  margin-bottom: 20px;\n  font-weight: bold;\n}\n\n.stat-description {\n  font-size: 14px;\n  color: black;\n  font-family: Arial;\n}\n\n.stat .stat-value {\n  color: #0b2423;\n  font-size: 50px;\n  font-family: ultraFont;\n  margin-bottom: 30px;\n}\n\n.icon-attention:before {\n  content: url(../assets/hungry-harvest-assets/checkbox.svg);\n} \n\nsqh-referral-component .squatch-referrals-row:first-child:before {\n  content: url(../assets/hungry-harvest-assets/user.svg);\n}\n\nsqh-referral-list .squatch-referrals-scroll-action-container .squatch-referrals-scroll-action {\n  width: 140px;\n  padding: 6px 12px;\n  background: #ff5e00;\n  color: #fff;\n  cursor: pointer;\n  outline: none;\n  border: 1px solid #ff5e00;\n  font-family: darkFont;\n  font-size: 20px;\n}\n\nsqh-referral-list .squatch-referrals-scroll-action-container .squatch-referrals-scroll-action.disabled:hover {\n  background: #E55400;\n  outline: none;\n  border: none;\n  cursor: pointer\n}\n\nsqh-referral-list .squatch-referrals-scroll-action-container .squatch-referrals-scroll-action:hover {\n  background: #E55400;\n  outline: none;\n  border: none;\n  cursor: pointer\n}\n\n*::part(defaultbutton-base) {\n  width: 140px !important;\n  padding: 6px 12px !important;\n  background: #ff5e00 !important;\n  color: #fff !important;\n  cursor: pointer !important;\n  outline: none !important;\n  border: 1px solid #ff5e00 !important;\n  font-family: darkFont !important;\n  font-size: 20px !important;\n  border-radius: 0 !important;\n  line-height: normal !important;\n  height: auto !important;\n}\n\n*::part(defaultbutton-base):hover {\n  background: #E55400;\n}\n\n*::part(table-row) {\n  border: none;\n  border-bottom: 1px solid black;\n}\n\n*::part(sqm-referral-table-button-wrapper) {\n  margin-top: 40px;\n  justify-content: center;\n  align-items: center;\n}\n\n.header{\n  background-color: #ff5f01 !important;\n}\n\n*::part(indicator) {\n  background: rgb(255,156,0) !important;\n}\n\nsqm-referral-table {\n  padding: 0 25px;\n}\n\n.share-title {\n  padding: 20px 10px 20px !important;\n}\n\n@media (max-width: 499px) {\n  sqh-copy-link-button .input-group {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    border: none;\n    width: 90%;\n  }\n\n  sqh-copy-link-button #squatch-share-link {\n    width: 90%;\n    margin-bottom: 10px;\n  }\n\n  sqh-copy-link-button .icon-btn {\n    margin-left: 0px;\n  }\n\n  sqh-copy-link-button .input-group-btn {\n    width: 100%;\n    display: block;\n  }\n\n  sqh-copy-link-button .hidden-sm {\n    display: block !important;\n  }\n\n  sqh-copy-link-button .sqh-copy-btn {\n    width: 90%;\n  }\n\n  sqh-share-button-container {\n    width: 90%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0px auto;\n  }\n\n  sqh-share-button-container > div {\n    width: 90%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n  }\n\n  sqh-share-button {\n    min-width: 100%; \n  }\n\n  sqh-share-button .squatch-share-btn {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .stats-container {\n    flex-direction: column;\n  }\n\n  .stat:not(:last-child) {\n    margin-right: 0px;\n    margin-bottom: 10px;\n  }\n\n  *::part(table-row) {\n    padding: 0px 15px;\n  }\n  \n}\n\n\n\n\n";
export default style;