/**
 * 888 Pokies Widget — Desktop Colors CSS (Part 2)
 * @version 1.4.0
 * Auto-generated from 888.html
 */

.pokies-888-wrap .promo-strip::after {
    background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);
}

.pokies-888-wrap .promo-strip span {
    color: #fef08a;
}

.pokies-888-wrap .crumb {
    color: var(--text2);
}

.pokies-888-wrap .crumb a {
    color: var(--green);
}

.pokies-888-wrap .scard {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--sh);
}

.pokies-888-wrap .sprofile-av {
    border-radius: 50%;
    background: var(--green-mid);
    color: #fff;
}

.pokies-888-wrap .sprofile-row div p {
    color: var(--text2);
}

.pokies-888-wrap .slvl {
    border-radius: 999px;
    background: var(--bg2);
}

.pokies-888-wrap .slvl-fill {
    border-radius: 999px;
    background: linear-gradient(90deg,var(--green-mid),var(--gold));
}

.pokies-888-wrap .slvl-row {
    color: var(--text3);
}

.pokies-888-wrap .sbal {
    background: linear-gradient(135deg,var(--gold-l),var(--white));
}

.pokies-888-wrap .sbal::before {
    border-radius: 50%;
    background: radial-gradient(circle,rgba(200,154,16,.1),transparent 70%);
}

.pokies-888-wrap .sbal-label {
    color: var(--text2);
}

.pokies-888-wrap .sbal-amount {
    color: var(--gold);
}

.pokies-888-wrap .sbal-btn {
    border-radius: var(--r-xs);
    border: none;
}

.pokies-888-wrap .sbal-dep {
    background: var(--green-mid);
    color: #fff;
    box-shadow: 0 2px 8px rgba(21,128,61,.2);
}

.pokies-888-wrap .sbal-dep:hover {
    background: var(--green-d);
    box-shadow: 0 4px 14px rgba(21,128,61,.3);
}

.pokies-888-wrap .sbal-wit {
    background: var(--bg2);
    color: var(--text);
    border: 1px solid var(--border);
}

.pokies-888-wrap .sbal-wit:hover {
    border-color: var(--border2);
}

.pokies-888-wrap .sbonus {
    background: linear-gradient(135deg,var(--green-ll),var(--gold-ll));
    border-color: rgba(22,163,74,.12);
}

.pokies-888-wrap .sbonus .sroo {
    opacity: .05;
}

.pokies-888-wrap .sbonus p {
    color: var(--text2);
}

.pokies-888-wrap .sbonus .btn-green {
    background: var(--green-mid);
    color: #fff;
    box-shadow: 0 2px 8px rgba(21,128,61,.2);
}

.pokies-888-wrap .sbonus .btn-green:hover {
    background: var(--green-d);
}

.pokies-888-wrap .slive-head {
    border-bottom: 1px solid var(--border);
}

.pokies-888-wrap .slive-dot {
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 6px rgba(0,132,61,.3);
}

.pokies-888-wrap .slw {
    border-radius: var(--r-xs);
    background: var(--bg);
    border: 1px solid var(--border);
}

.pokies-888-wrap .slw-av {
    border-radius: 50%;
    color: #fff;
}

.pokies-888-wrap .slw-body small {
    color: var(--text2);
}

.pokies-888-wrap .slw-val.win {
    color: var(--green);
}

.pokies-888-wrap .slw-val.mega {
    color: var(--gold);
}

.pokies-888-wrap .slb-row+.slb-row {
    border-top: 1px solid var(--border);
}

.pokies-888-wrap .slb-rank {
    border-radius: 50%;
}

.pokies-888-wrap .slb-r1 {
    background: var(--gold-l);
    color: var(--gold);
}

.pokies-888-wrap .slb-r2 {
    background: var(--green-l);
    color: var(--green);
}

.pokies-888-wrap .slb-r3 {
    background: var(--outback-l);
    color: var(--outback);
}

.pokies-888-wrap .slb-row .slb-val {
    color: var(--green);
}

.pokies-888-wrap .hero-carousel {
    border-radius: var(--r);
}

.pokies-888-wrap .hero-slide {
    color: #fff;
}

.pokies-888-wrap .hs-1 .hero-slide-bg {
    background: linear-gradient(135deg,#163a25,#1e5a35,#1a4a2d);
}

.pokies-888-wrap .hs-2 .hero-slide-bg {
    background: linear-gradient(135deg,#1a1a3e,#2d1b69,#4a1a6b);
}

.pokies-888-wrap .hs-3 .hero-slide-bg {
    background: linear-gradient(135deg,#6a3a08,#c89a10,#a07a08);
}

.pokies-888-wrap .hs-4 .hero-slide-bg {
    background: linear-gradient(135deg,#0a2e4a,#1a5a80,#2471a3);
}

.pokies-888-wrap .hs-5 .hero-slide-bg {
    background: linear-gradient(135deg,#3a0a0a,#8a1a1a,#c0392b);
}

.pokies-888-wrap .hero-slide-bg::after {
    background: radial-gradient(ellipse 50% 70% at 85% 40%,rgba(255,255,255,.08),transparent);
}

.pokies-888-wrap .hero-slide-deco {
    opacity: .08;
}

.pokies-888-wrap .hero-slide-tag {
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.16);
}

.pokies-888-wrap .dot {
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 8px #34d399;
}

.pokies-888-wrap .hero-slide h2 em {
    background: linear-gradient(90deg,#FFCD00,#f0a500);
    -webkit-background-clip: text;
}

.pokies-888-wrap .hero-slide p {
    color: rgba(255,255,255,.7);
}

.pokies-888-wrap .btn {
    border-radius: var(--r-xs);
    border: none;
}

.pokies-888-wrap .btn-gold {
    background: var(--gold);
    color: #fff;
    box-shadow: 0 2px 10px rgba(202,138,4,.25);
}

.pokies-888-wrap .btn-gold:hover {
    background: var(--gold-d);
    box-shadow: 0 6px 20px rgba(202,138,4,.35);
}

.pokies-888-wrap .btn-w {
    background: rgba(255,255,255,.12);
    color: #fff;
    border: 1px solid rgba(255,255,255,.2);
}

.pokies-888-wrap .btn-w:hover {
    background: rgba(255,255,255,.2);
}

.pokies-888-wrap .hero-dot {
    border-radius: 50%;
    background: rgba(255,255,255,.3);
    border: none;
}

.pokies-888-wrap .hero-dot.on {
    background: #fff;
    border-radius: 4px;
}

.pokies-888-wrap .hero-arr {
    border-radius: 50%;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.15);
    color: #fff;
    backdrop-filter: blur(4px);
}

.pokies-888-wrap .hero-arr:hover {
    background: rgba(0,0,0,.45);
}

.pokies-888-wrap .hero-progress {
    background: rgba(255,205,0,.6);
    border-radius: 0 2px 0 0;
}

.pokies-888-wrap .c-g {
    color: #34d399;
}

.pokies-888-wrap .c-y {
    color: #FFCD00;
}

.pokies-888-wrap .c-c {
    color: #67e8f9;
}

.pokies-888-wrap .promo {
    border-radius: var(--r);
    border: 1px solid var(--border);
    box-shadow: var(--sh);
    background-size: cover;
    background-position: center;
}

.pokies-888-wrap .promo:hover {
    box-shadow: var(--sh-lg);
}

.pokies-888-wrap .promo-bg {
    background-size: cover;
    background-position: center;
    opacity: .18;
}

.pokies-888-wrap .promo:hover .promo-bg {
    opacity: .28;
}

.pokies-888-wrap .promo p {
    color: var(--text2);
}

.pokies-888-wrap .promo .promo-tag {
    border-radius: 999px;
}

.pokies-888-wrap .promo-1 {
    background: linear-gradient(135deg,var(--green-l),#d4f0e0);
}

.pokies-888-wrap .promo-1 .promo-tag {
    background: rgba(0,132,61,.1);
    color: var(--green);
}

.pokies-888-wrap .promo-2 {
    background: linear-gradient(135deg,var(--gold-l),#fdf0c8);
}

.pokies-888-wrap .promo-2 .promo-tag {
    background: rgba(200,154,16,.1);
    color: var(--gold);
}

.pokies-888-wrap .promo-3 {
    background: linear-gradient(135deg,var(--orange-l),#fde4c8);
}

.pokies-888-wrap .promo-3 .promo-tag {
    background: rgba(212,116,14,.1);
    color: var(--orange);
}

.pokies-888-wrap .sec-head a {
    color: var(--green);
}

.pokies-888-wrap .sec-head-in h2 .c-green {
    color: var(--g2);
}

.pokies-888-wrap .sec-head-in h2 .c-gold {
    color: var(--go2);
}

.pokies-888-wrap .sec-head-in h2 .c-red {
    color: var(--r2);
}

.pokies-888-wrap .sec-head-in a {
    color: var(--green);
}

.pokies-888-wrap .prov {
    border-radius: var(--r-s);
    background: var(--white);
    border: 1px solid var(--border);
    color: var(--text2);
    box-shadow: var(--sh);
}

.pokies-888-wrap .prov:hover {
    border-color: var(--green-mid);
    color: var(--green-mid);
}

.pokies-888-wrap .prov.on {
    background: #fff;
    color: #14532d;
    border-color: var(--border);
    box-shadow: 0 2px 10px rgba(0,0,0,.12),inset 0 0 0 2px var(--green-mid);
}

.pokies-888-wrap .game {
    border-radius: var(--r);
    border: 1px solid var(--border);
    box-shadow: var(--sh);
}

.pokies-888-wrap .game:hover {
    box-shadow: var(--sh-lg);
    border-color: rgba(0,132,61,.2);
}

.pokies-888-wrap .game .gov {
    background: linear-gradient(to top,rgba(0,0,0,.88) 0%,transparent 55%);
}

.pokies-888-wrap .game .gplay {
    border-radius: 50%;
    background: rgba(0,132,61,.88);
    box-shadow: 0 4px 14px rgba(0,132,61,.3);
}

.pokies-888-wrap .game .gplay svg {
    color: #fff;
}

.pokies-888-wrap .game .ginfo h3 {
    color: #fff;
}

.pokies-888-wrap .game .ginfo .grow small {
    color: rgba(255,255,255,.6);
}

.pokies-888-wrap .game .ginfo .grow .rtp {
    color: #34d399;
}

.pokies-888-wrap .game .gtag {
    border-radius: 999px;
    backdrop-filter: blur(6px);
}

.pokies-888-wrap .t-hot {
    background: rgba(192,57,43,.15);
    color: var(--red);
    border: 1px solid rgba(192,57,43,.2);
}

.pokies-888-wrap .t-new {
    background: rgba(0,132,61,.15);
    color: var(--green);
    border: 1px solid rgba(0,132,61,.2);
}

.pokies-888-wrap .t-top {
    background: rgba(200,154,16,.15);
    color: var(--gold);
    border: 1px solid rgba(200,154,16,.2);
}

.pokies-888-wrap .t-au {
    background: rgba(0,132,61,.15);
    color: var(--green);
    border: 1px solid rgba(0,132,61,.25);
}

.pokies-888-wrap .t-mega {
    background: rgba(124,58,237,.12);
    color: #7c3aed;
    border: 1px solid rgba(124,58,237,.18);
}

.pokies-888-wrap .g1 {
    background: linear-gradient(145deg,#1a2e1a,#2a5a2a,#3a7a3a);
}

.pokies-888-wrap .g2 {
    background: linear-gradient(145deg,#1a3040,#2a5570,#3a7a9a);
}

.pokies-888-wrap .g3 {
    background: linear-gradient(145deg,#4a1a30,#7a2a50,#9a3a6a);
}