/*:rootHacker {*/
:root, [data-theme="default"] {
  --accent: #1ee618;
  --sliderleft: #061901;
  --bg: #009600C0;
  --link: #00cf9e;
  --text: #fff;
  --logtext: #1ee618;
  --buttontext: #000;
  --textareashadow: #00d1b240;
  --strokelight: #fff;
  --filllight: #000;
  --strokedark: #000;
  --filldark: #000;
}

[data-theme="dracula"] {
  --accent: #DC1717;
  --sliderleft: #061901;
  --bg: #4b0082;
  --link: #FFD700;
  --text: #C0C0C0;
  --logtext: #C0C0C0;
  --buttontext: #fff;
  --textareashadow:#dc171720;
  --strokelight: #fff;
  --filllight: #fff;
  --strokedark: #fff;
  --filldark: #fff;
}

html {
  background-color: #009600 !important;
  /*background-color: black;*/
  /*background-image: radial-gradient(var(--bg), black 120%);*/
}
body {
  background: radial-gradient(var(--bg), black 120%);
/*  height: 100vh;*/
  font-weight: bold;
  font: 1.3rem Inconsolata, monospace;
  touch-action: pan-x pan-y;
  -ms-touch-action: pan-x pan-y;
  overscroll-behavior: contain;
}
::selection {
  background: #0000FF;
  text-shadow: none;
}
h1 {
  font-family: "Tilt Neon", sans-serif !important;
  font-style: italic;
  font-size: clamp(1rem, 10vw, 4rem) !important;
  color: transparent !important;
  -webkit-text-stroke: 0.015em var(--accent);
  text-align: center;
  font-weight: 1000 !important;
}
a{color: var(--link);}
input[type="range"].slider::-moz-range-thumb {background: var(--accent);}
hr{background-color: var(--bg);}
input{border: solid 1px var(--bg);}
input:focus{border: solid 1px var(--accent);}
.card {
  background-color: transparent !important;
  box-shadow: none;
}
.line{border-top: solid 1px var(--accent);}
.card-footer, .card-footer-item {border:none !important;}
.has-text-warning {color: var(--accent) !important;}
.has-text-primary{color: var(--link) !important;}
.is-primary.textarea{border-color: var(--accent);}
.is-primary.textarea:active, .is-primary.textarea:focus {
  box-shadow: 0 0 0 .125em var(--textareashadow)
}
input[type="range"].slider:not([orient="vertical"]).has-output + output {
  width: 2em;
  padding: 8px 4px 8px 4px;
}
input[type="range"].slider.is-black::-moz-range-track {
  background: linear-gradient(to right, var(--sliderleft) 0%, var(--accent) 100%) !important;
}
#logger{height: 300px;overflow: auto;scrollbar-color: var(--accent) transparent;color: var(--logtext);}
#cc{display:none; border: none;padding: 0;margin: 0;}
#shop{color: var(--white);}
#pubkey, #balance{color: var(--accent);}
.navbar-start{display: inline !important;}
.pointer, #privkey, #changetheme {cursor: pointer;}
.icon {
  max-width: unset;
  width: 24px;
  height: 24px;
  vertical-align: top;
  cursor: pointer;
  stroke: var(--accent);
  margin-right: 0;
}
#fullpubkey {width: 16px;height: 16px;}
.whitefill {fill: var(--filllight);}
.whitestroke {stroke: var(--strokelight);}
.blackfill {fill: var(--filldark);}
.blackstroke {stroke: var(--strokedark);}
.icon-text {
  font-size: 11px;
  display: block;
}
.copyclipboard {
  cursor: pointer;
}
.copy {cursor: copy}
.breakword{overflow-wrap: break-word;}
.header{position: sticky;top: 0;z-index: 1;background: linear-gradient(rgb(48, 59, 51) 0%, rgb(0, 0, 0) 100%);}
.has-background-transparent{background: var(--bg) !important;}
.is-relative {position: relative;}
.heading{font-weight: 700;font-size: 9px;color: var(--accent);}
#resetstats {position: absolute;top: 10px;right: 10px;background-color: transparent !important;border: none;cursor: pointer;}
article .tile {overflow-wrap: anywhere;}
#clearlog {position: absolute;top: 10px;right: 10px;background-color: transparent !important;border: none;cursor: pointer;}
#spinner {font-size: 24px;font-family: monospace;width: 1em;height: 1em;margin: 2px auto;display: inline-block;color: var(--accent);}
@media screen and (max-width: 768px) {
  .is-small {font-size: .65rem !important;}
}
@media screen and (min-width: 769px) {
  .mx-tablet-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.button.is-success {
  color: var(--buttontext);
}
.button.is-success, .button.is-success[disabled],.button.is-warning {
  background-color: var(--accent);
}
.button.is-warning[disabled] {
  background-color: var(--text);
}
.button:hover, .button.is-warning:hover {
  background: linear-gradient(11deg,var(--lg3) 0%,var(--lg2) 35%,var(--bg) 100%);
  color: var(--text);
}