/* //// START COLOR VARIABLES - we don't need to post this, this was just for me to reference easier //// */
/* :root {
	--background: #ffffff;
	--foreground: #171717;

	--error-color: rgba(239, 83, 80, 1);
	--warning-color: rgba(255, 160, 0, 1);

	--btn-orange: rgba(255, 196, 97, 1);
	--btn-pink: rgba(245, 148, 147, 1);
	--btn-lightGreen: rgba(125, 223, 167, 1);

	--white-100: rgba(255, 255, 255, 1);
	--white-90: rgba(255, 255, 255, 0.9);
	--white-80: rgba(255, 255, 255, 0.8);
	--white-60: rgba(255, 255, 255, 0.6);
	--white-50: rgba(255, 255, 255, 0.5);
	--white-25: rgba(255, 255, 255, 0.25);

	--Green--100: rgba(173, 241, 81, 1);
	--Green--80: rgba(173, 241, 81, 0.8);
	--Green--60: rgba(173, 241, 81, 0.6);

	--GreenSecondary-100: rgba(46, 204, 113, 1);
	--GreenSecondary-80: rgba(46, 204, 113, 0.8);
	--GreenSecondary-60: rgba(46, 204, 113, 0.6);

	--border-50: rgba(255, 255, 255, 0.5);
	--border-10: rgba(255, 255, 255, 0.1);
	--border-09: rgba(255, 255, 255, 0.09);

	--Success-Success-500: #2ecc71;
	--Neutral-Neutral: #020202;
} */
/* //// END COLOR VARIABLES - we don't need to post this, this was just for me to reference easier //// */

/* //// START HEADER BUTTON STYLES //// */
/* =================================================
    HEADER LEFT SIDE BUTTON STYLES
================================================= */
body {
  background-color: #0a0a0a !important;
}

.css-1ugghjh {
  color: rgba(173, 241, 81, 1) !important; /* Remaining */
}

.css-1ugghjh:hover {
  color: rgba(173, 241, 81, 0.8) !important; /* Done */
}

@media (hover: hover) {
  .css-1ugghjh:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

/* Circle Icon*/
.css-3kn90s {
  stroke: rgba(173, 241, 81, 1) !important;
}

/* =================================================
    HEADER RIGHT SIDE BUTTON STYLES - done
================================================= */
.css-1o2zlxj {
  color: rgba(173, 241, 81, 1) !important; /* Done */
}

.css-1o2zlxj:hover {
  color: rgba(173, 241, 81, 0.8) !important; /* Done */
}

.css-1fs0hew {
  color: rgba(173, 241, 81, 1) !important; /* Done */
}

.css-1fs0hew:hover {
  color: rgba(173, 241, 81, 0.8) !important; /* Done */
}

/* //// END HEADER BUTTON STYLES ////

//// START SIDEBAR BUTTON STYLES //// */

/* 
  Small side bar
*/

/* Expand Arrow icon hover*/
@media (hover: hover) {
  .css-6a1si9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

@media (hover: hover) {
  .css-1mj7g22:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

/*Icons (not Leaderboard and api)*/
.css-b1k50k:is([open], [data-open], [data-state="open"]) {
  color: rgba(173, 241, 81, 0.8) !important;
}

.css-b1k50k:hover {
  color: rgba(173, 241, 81, 0.8) !important;
}

@media (hover: hover) {
  .css-b1k50k:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

/* For leader board and api*/
@media (hover: hover) {
  .css-1smhsre:is(:hover, [data-hover]):not(:disabled, [data-disabled])
    :not(.lightning-label, .lightning-label *) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

@media screen and (min-width: 62.5rem) {
  .css-1smhsre {
    color: rgba(173, 241, 81, 1) !important;
  }
}

@media (hover: hover) {
  .css-1nznfxp:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8) !important;
    text-decoration: none;
  }
}

.css-1d3xlxv {
  color: rgba(173, 241, 81, 1) !important;
}

.css-1d3xlxv:hover {
  color: rgba(173, 241, 81, 0.8) !important;
}

.css-1mkrw4f:hover {
  color: rgba(173, 241, 81, 0.8) !important;
}

.css-1fveeww {
  color: rgba(173, 241, 81, 1) !important;
}

.css-1fveeww:hover {
  color: rgba(173, 241, 81, 0.8) !important;
}

/* 
  Large side bar
*/

/* Collapse Arrow icon hover*/
@media (hover: hover) {
  .css-welkqx:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

/*Icons (not Leaderboard and api)*/
.css-d8lz1:is([open], [data-open], [data-state="open"]) {
  color: rgba(173, 241, 81, 0.8) !important;
}

.css-d8lz1:hover {
  color: rgba(173, 241, 81, 0.8) !important;
}

@media (hover: hover) {
  .css-d8lz1:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

/*Title(not Leaderboard and api)*/
.css-1d5ol6m:hover {
  color: rgba(173, 241, 81, 0.8) !important;
  background-color: transparent !important;
}

/*Arrow(not Leaderboard and api)*/
.css-1qd1fm9:hover {
  color: rgba(173, 241, 81, 0.8) !important;
  background-color: transparent !important;
}

/*Title(Leaderboard and api)*/
.css-1tbuz7w:hover {
  color: rgba(173, 241, 81, 0.8) !important;
  background-color: transparent !important;
}

@media (hover: hover) {
  .css-13scdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled])
    :not(.lightning-label, .lightning-label *) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

@media (hover: hover) {
  .css-13scdbj:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    text-decoration: none;
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

.css-1y2do5 {
  color: rgba(173, 241, 81, 1) !important;
}

.css-1y2do5:hover {
  color: rgba(173, 241, 81, 0.8) !important;
}

.css-nz2xmh:hover {
  color: rgba(173, 241, 81, 0.8) !important;
  background-color: transparent !important;
}
/* //// END SIDEBAR BUTTON STYLES ////

//// START MAIN STYLES //// */

/* Hero Card*/
.css-1cl5utq {
  /* Remaining */
  background: radial-gradient(
      103.03% 103.03% at 0% 0%,
      rgba(173, 241, 81, 0.8) 0%,
      rgba(46, 204, 113, 0.8) 100%
    ),
    rgba(173, 241, 81, 1) !important;
  --bg-currentcolor: radial-gradient(
      103.03% 103.03% at 0% 0%,
      rgba(173, 241, 81, 0.8) 0%,
      rgba(46, 204, 113, 0.8) 100%
    ),
    rgba(173, 241, 81, 1) !important;
}

/* Hero Card Title*/
.dark .css-larru8,
.dark .chakra-theme:not(.light) .css-larru8 {
  color: #171717 !important;
}

/* Hero Card Connect Button*/
.css-i02gu2 {
  background-color: black !important;
}

.css-i02gu2:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Home Page Icons*/
.css-1wo690y {
  color: rgba(173, 241, 81, 0.8) !important;
}

/* Responsive ConnectButton */
.css-c82rjq {
  border-color: rgba(173, 241, 81, 0.8) !important;
  color: rgba(173, 241, 81, 0.8) !important;
}

.css-c82rjq:hover {
  border-color: rgba(173, 241, 81, 0.5) !important;
  color: rgba(173, 241, 81, 0.5) !important;
}

/* Info Icon hover*/
@media (hover: hover) {
  .css-1cdop6v:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

/* .css-efxvh4:is([aria-selected="true"], [data-selected]) {
    background: #171717 !important;
    --bg-currentcolor: #171717 !important;
    color: #171717 !important;
}

@media (hover: hover) {
    .css-efxvh4:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
        background: #171717 !important;
        --bg-currentcolor: #171717 !important;
        color: rgba(173, 241, 81, 1) !important; 
    }
} */

/* Blocks and Txn Clickable Text*/

.css-1aphmpp {
  color: rgba(255, 255, 255, 0.7) !important;
}

.css-1ach3l0 {
  color: rgba(173, 241, 81, 1) !important;
}

.css-1ach3l0:hover {
  color: rgba(173, 241, 81, 0.8) !important;
}

/* Bottom View All*/
.css-1wmlgtj {
  color: rgba(173, 241, 81, 1) !important; /* Done */
}

@media (hover: hover) {
  .css-1wmlgtj:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    text-decoration: underline !important;
    color: rgba(173, 241, 81, 0.8) !important;
  }
}

/** Txn Section **/
.css-1tglra9 {
  color: rgba(173, 241, 81, 1) !important; /* Done */
}

/* Info Icon hover*/
@media (hover: hover) {
  .css-1hcwj4h:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8);
  }
}

@media (hover: hover) {
  .css-1cdop6v:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 0.8);
  }
}

/* Copy Button*/
@media (hover: hover) {
  .css-1flvolk:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    color: rgba(173, 241, 81, 1) !important;
  }
}

/* //// END MAIN BUTTON STYLES ////

//// START FOOTER STYLES //// */

/* Metamask Button*/
.css-130geuw {
  border-color: rgba(173, 241, 81, 1) !important;
  color: rgba(173, 241, 81, 1) !important;
}

.css-130geuw:hover {
  border-color: rgba(173, 241, 81, 0.8) !important;
  color: rgba(173, 241, 81, 0.8) !important;
}

/* Version Number*/
.css-u17nx {
  color: rgba(173, 241, 81, 1) !important;
}
/* //// END FOOTER STYLES //// */