/*
  style.css
*/

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}


#transaction{
  border-top: 1px solid;
  border-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(204,136,0,1) 15%, rgba(255,204,0,1) 30%, rgba(255,255,255,1) 45%, rgba(255,204,0,1) 60%, rgba(204,136,0,1) 75%, rgba(0,0,0,0) 100%)1;
  background-color: #321;
}
#live{
  background: url(/images/casinoBg.jpg) top center #321;
  background-size: contain;
}

#slots{
  background: url(/images/slotBg.jpg) top center #321;
  background-size: contain;
  border-top: 1px solid;
  border-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(204, 136, 0, 1) 15%, rgba(255, 204, 0, 1) 30%, rgba(255, 255, 255, 1) 45%, rgba(255, 204, 0, 1) 60%, rgba(204, 136, 0, 1) 75%, rgba(0, 0, 0, 0) 100%) 1;
  background-color: #321;
}





#live article{
  padding-bottom: 10px;
}

#live article button, #slots article button{
  background: linear-gradient(#fe8 0%, #d84 100%) !important;
}
#live article button span, #slots article button span{
  color:#0008;
}

#live article button:hover,#slots article button:hover{
  background: linear-gradient(#d84 0%, #Fe8 100%) !important;
}
#live article button:hover span, #slots article button:hover span{
  color:#000;
}

.hover\:ring-emerald-400\/70:hover {
    --tw-ring-color: #fe8 !important;
}


.hover\:shadow-\[0_0_24px_rgba\(16\,185\,129\,\.55\)\,inset_0_0_2px_rgba\(16\,185\,129\,\.7\)\]:hover {
    --tw-shadow: 0 0 24px #fa0, inset 0 0 2px #fa0 !important;
    --tw-shadow-colored: 0 0 24px var(--tw-shadow-color), inset 0 0 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:ring-emerald-400\/70 {
    --tw-ring-color: #0000 !important;
}

.via-emerald-400\/70 {
    --tw-gradient-to: #34d39900 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fe8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-emerald-400\/80 {
    --tw-gradient-to: #34d39900 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fe8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.focus\:ring-emerald-400\/60:focus {
    --tw-ring-color: #fa0;
}