h4,
h5,
h6 {
    color: #333
}

a {
    outline: 0;
    color: #ebb63f
}

a:focus,
a:hover {
    color: #ebb63f;
    text-decoration: none
}

body {
    color: #858585
}

p {
    color: #858585
}

.nav-tabs>li>a {
    color: #333
}

.nav-tabs>li>a:hover {
    background-color: #ebb63f;
    color: #fff
}

.forgot-password-warning {
    background-color: #efdadc;
    color: #ff5858
}

.login-panel .forgot-password-link {
    color: #ebb63f;
    text-decoration: none
}

.login-panel .forgot-password-link:hover {
    color: #ebb63f
}

.bonus-slider-modal .modal-header .close {
    background-color: #fff;
    color: #000000
}

.bonus-slider-modal .modal-title {
    color: #fff
}

.bonus-slider-modal .activation-button {
    background-color: #ebb63f;
    color: #fff
}

.bonus-slider-modal .activation-button:hover {
    background-color: #a34afb;
    color: #fff
}

.bonus-slider-modal .close-button {
    background-color: #454545
}

.bonus-slider-modal .close-button:hover {
    background-color: #3e3e3e
}

.announcement-container {
    background-color: #ebb63f;
    color: #070d2f
}

.announcement-container .announcement-list li {
    color: #ebb63f
}

.announcement-container>[data-section="title"] {
    color: #fff
}

.announcement-container>[data-section="date"] {
    color: #fff
}

.announcement-container>[data-section="announcements"] {
    background: #070d2f;
    color: #ebb63f
}

.popular-games {
    background: transparent
}

.popular-games .nav-tabs>li>a {
    background-color: #051030
}

.popular-games .nav-tabs>li.active>a,
.popular-games .nav-tabs>li.active>a:hover .popular-games .nav-tabs>li.active>a:focus,
.popular-games .nav-tabs>li>a:hover {
    background-color: #ebb63f
}

.popular-games .tab-pane {
    background-color: #0c0c0c
}

.popular-games [data-section="left"] .section-title {
    background-color: #000000;
    color: #fff
}

.popular-games .scrtabs-tab-scroll-arrow {
    background-color: #000000;
    color: #fff
}

.popular-games .popular-game-list {
    background-color: #000000
}

.popular-games .tab-content {
    border: 1px solid #0d215c
}

.sports-platform-title {
    color: #fff
}

.panel-heading.emailbox-heading .panel-tabs>li>a {
    color: #fff
}

.panel-heading.emailbox-heading .panel-tabs>li>a:hover {
    border-color: transparent;
    color: #fff;
    background-color: transparent
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:hover,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, .23);
    border-bottom-color: transparent
}

.email-paging {
    background-color: #393939;
    color: #fff
}

.email-paging:hover {
    background-color: #fca601;
    color: #fff
}

.modal-btn,
.modal-btn.blank:hover {
    background: #808080;
    color: #fff
}

.message-detail-title a {
    color: #fff
}

.confirmation-message-modal .modal-header {
    background-color: #ebb63f;
    border-color: #0c0c0c
}

.confirmation-message-modal .modal-body {
    background-color: #fff
}

.confirmation-message-modal .modal-body p {
    color: #484848
}

.confirmation-message-modal h4.modal-title {
    color: #fff
}

.confirmation-message-modal .confirm-btn {
    color: #fff;
    background: #455593;
    border: 0
}

.confirmation-message-modal .confirm-btn:hover {
    background: #ebb63f;
    color: #fff;
    border: 0
}

.poker-game-types ul li p {
    color: #fff
}

.profile-container .mobile-info-button:hover {
    background-color: #ebb63f;
    color: #fff
}

.hot-match-container {
    color: #fff;
    background: linear-gradient(to bottom, #1d317e 10%, #051846 100%)
}

.hot-match-container .live-streaming-link {
    border-color: #00ffe2;
    color: #00ffe2
}

.hot-match-container .live-streaming-link:hover {
    color: #fff;
    background-color: #00b089;
    border-color: #00b089
}

.topbar-left-section .topbar-item {
    color: #535353
}

.topbar-left-section .topbar-item a {
    color: #fff;
    border-right-color: #ccc
}

.topbar-left-section .topbar-item a:hover {
    color: #ebb63f
}

.topbar-left-section .topbar-item .live-chat {
    background: #415784;
    color: #fff
}

.topbar-left-section .topbar-item .live-chat:hover {
    background: #ebb63f
}

.top-menu>li:hover,
.top-menu>li[data-active="true"] {
    color: #ebb63f
}

.copyright {
    color: #fff
}

.standard-form-title {
    background-color: #ebb63f;
    color: #fff
}

.standard-form-content {
    background-color: #fff;
    color: #838383
}

.play-now {
    background: #ebb63f;
    color: #fff;
    border-color: #76a0ff
}

.play-now:hover {
    background: #a34afb;
    color: #fff;
    border-color: #ebb63f
}

.free-play {
    background: linear-gradient(to bottom, #6b6b6b 0%, #404040 100%);
    color: #fff
}

.free-play:hover {
    background: linear-gradient(to bottom, #404040 0%, #6b6b6b 100%);
    color: #fff
}

.jackpot-winners .jackpot-winner-title {
    color: #fff
}

.jackpot-winners {
    background: #020a21
}

.jackpot-winners .winners-ticker-container {
    background: #050505
}

.home-info-container .tickercontainer {
    background: #030303
}

.scrtabs-tab-container {
    background: #000000
}

.winners-ticker ul li .winner-info {
    color: #fff
}

.login-button {
    color: #fff;
}

.user-info {
    color: #fff
}

.user-info .user-main-info {
    background: #ffffff1a;
    box-shadow: 0 4px 4px 0 #00000040
}

.user-info .user-main-info .user-info-item+.user-info-item:before {
    background: #fff3
}

.user-info [data-new-notification="true"]:before {
    background: #fc1818;
    color: #fff
}

.user-info .dropdown-menu {
    background-color: #00000031c;
    color: #fff
}

.user-info .dropdown-menu>li>a {
    background-color: #030a2e;
    color: #fff
}

.user-info .dropdown-menu>li>a:focus,
.user-info .dropdown-menu>li>a:hover {
    background: #ebb63f;
    color: #fff
}

.ztip-holder {
    background: rgba(40, 40, 48, .94);
    color: #fff
}

.ztip-holder.ztip-theme-red {
    background: rgba(238, 84, 58, .94);
    color: #fff
}

.ztip-holder.ztip-theme-blue {
    background: rgba(68, 187, 255, .94);
    color: #fff
}

.ztip-holder.ztip-theme-green {
    background: rgba(46, 204, 113, .94);
    color: #fff
}

.claim-item {
    background-color: #ececf1;
    color: #555
}

.promotion-info {
    background-color: #fff;
    border-color: transparent;
    color: #555
}

.promotion-info .close-button {
    background: none;
    background-color: #000000;
    color: #fff
}

.deposit-container .standard-form-note a {
    color: #00f923;
    text-decoration: underline
}

.deposit-container .formatted-balance {
    color: #fba501
}

.deposit-container .deposit-form-group .head a,
.withdrawal-container .withdrawal-form-group .head a {
    color: #838383
}

.deposit-container input.input-validation-error {
    background-color: #fff;
    border-color: #ccc
}

.deposit-amount-range {
    color: #838383
}

.panel-heading.emailbox-heading .panel-tabs>li.active i {
    color: #fca601
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a span {
    color: #fca601
}

.sport-match-item .match-teams>span {
    color: #00ffe2
}

ul.email-right-header li a {
    color: #404040
}

.inbox-table-header>div:nth-child(3)>ul>li>a {
    color: #949494
}

.inbox-table-header>div:nth-child(3)>ul>li>a:hover {
    background: #303030;
    color: #bababa
}

.inbox-table-header div {
    border-color: #d6d5d5
}

.modal-btn:hover,
.modal-btn.blank {
    background: #dcdbed;
    color: #808080
}

.white-panel.emailbox table {
    color: #333
}

.inbox-table-body a {
    color: #333
}

.profile-container .section-heading {
    color: #333
}

.ztip-holder.ztip-theme-white {
    background: rgba(255, 255, 255, .94);
    color: #333
}

.withdrawal-container .total-balance {
    color: #ebb63f;
    border-color: #ccc
}

.standard-side-menu-group-label,
.standard-side-menu a {
    background-color: #1b2757;
    color: #fff;
    border-bottom-color: #fff
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover {
    color: #ebb63f;
    background-color: #ebb63f
}

.site-description {
    color: #fff
}

.site-description h1,
.site-description h2,
.site-description h3,
.site-description p,
.site-description a,
.site-description div {
    color: #FFF
}

.footer-separator {
    border-top-color: #ebb63f
}

.site-info .site-info-title {
    border-bottom-color: #315581
}

.site-info .site-info-title h3 {
    color: #FFF
}

.site-info .site-info-title p,
.provider-container {
    color: #fff
}

.site-info .site-info-description h4 {
    color: #fff
}

.site-info .site-info-description p {
    color: #fff
}

.percentCount {
    color: #caddf4
}

.progressbar {
    background: #3c4b72
}

.proggress {
    background: #c9ddf5
}

.provider-container>h5 {
    color: #fff;
    background: #ebb63f
}

.provider-container {
    color: #3b4b71;
    border-color: #3b4b71
}

.standard-reporting-control-group .btn-primary {
    background: #ebb63f;
    color: #fff
}

.standard-reporting-control-group .btn-primary:hover {
    background: #a34afb;
    color: #fff
}

.bonus-slider-modal .modal-header {
    border-color: #e5e5e5;
    background: #030a2e
}

.bonus-slider-modal .modal-content {
    background-color: #030a2e;
    border-color: #02071c
}

.bonus-slider-modal .close-button {
    background-color: #454545
}

.bonus-slider-modal .bonus-form {
    background-color: #0a1849;
    color: #dad9d9;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-top: 2px solid #ebb63f
}

.bonus-controls-field .bonus-control-button {
    background-color: #e4e4e4;
    color: #525252
}

.bonus-controls-field .bonus-amount {
    background-color: #0e0e0e;
    color: #ebb63f
}

.bonus-range .bubble {
    color: #fff;
    border-color: #ebb63f;
    background: #030a2e
}

.bonus-range .bubble::before {
    border-color: rgba(233, 154, 1, 0);
    border-top-color: #ebb63f
}

.bonus-range .bubble::after {
    border-color: rgba(14, 14, 14, 0);
    border-top-color: #0e0e0e
}

.claim-container {
    background-color: #ececf1
}

.modal-content {
    background: #ebb63f;
    color: #fff
}

.modal-header {
    background: #0c0c0c;
    border-bottom-color: #333
}

.modal-header .close {
    color: #fff
}

.claim-info-modal h4 {
    color: #ebb63f
}

.standard-form-note.claim-note span,
.standard-form-note.claim-note strong {
    color: #fff
}

.claim-item-type>div {
    background-color: #ebb63f
}

.claim-item-type .expiration-countdown [data-section] {
    background-color: #ebb63f
}

.claim-item-type .expiration-countdown [data-section]::before {
    background-color: #c00086
}

.claim-item-container .claim-item {
    background: #f5f5f5;
    border-color: #ebb63f
}

.claim-item-container .claim-item .claim-title,
.claim-item-container .claim-item .claim-details,
.claim-item-container .claim-item .claim-progress-info .progress-percentage,
.claim-item-container .claim-item .claim-progress-info .progress-percentage i {
    color: #3c3c3c
}

.bonus-progress .progress {
    background-color: #b2b2b2
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
    color: #fff;
    background: #ebb63f
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
    background: #a34afb;
    color: #fff
}

.claim-item .info-button {
    background-color: #a0a0a0
}

.claim-item .info-button:hover {
    background-color: #909090
}

.contact-us-list li h6 {
    color: #787878
}

.contact-us-list li p {
    color: #858585
}

.contact-us-list li a {
    color: #ebb63f
}

.deposit-container .bank-info {
    background-color: #d8d8d8;
    color: #838383
}

.banner {
    background: #070707
}

.banner .carousel-indicators li {
    background: transparent
}

.banner .carousel-indicators .active,
.banner .carousel-indicators .slick-active {
    background: #ebb63f;
    border-color: #ebb63f
}

.home-info-container,
.telegram-banner-container {
    background: #000000;
    border-color: #ebb63f
}

.lottery-result-container {
    background-color: #ebb63f;
    color: #fff
}

.lottery-result-container .lottery-result {
    background-color: #09132e
}

.lottery-result-container .lottery-result-title {
    background: #ebb63f;
    color: #fff
}

.lottery-result-container .lottery-numbers {
    background: #040403
}

.lottery-result-container .lottery-date {
    color: #fff;
    background-color: #09132e
}

.sports-matches-container {
    background-color: #0b0b0b
}

.sport-match-item {
    background-color: #1f1f1f;
    color: #fff
}

.sport-match-item .match-date {
    background: #162b6d;
    color: #fff
}

.sport-match-item .match-info-container {
    background-color: #051847;
    color: #fff
}

.sport-match-item:nth-child(even) {
    background-color: #174e87;
    color: #fff
}

.sport-match-item:nth-child(even) .match-info-container {
    background-color: #0a3460;
    color: #fff
}

.panel-primary>.panel-heading.emailbox-heading {
    background-color: #263366;
    border-color: #337ab7
}

.panel-heading.emailbox-heading .panel-tabs>li>a {
    border-color: #263366
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a {
    border-bottom: 5px solid #fca601
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:hover,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:focus {
    background-color: transparent
}

ul.email-right-header li a:hover {
    background: #bababa
}

ul.email-right-header li.active a {
    background: #bababa
}

.white-panel.emailbox .panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0)
}

.paging-input {
    border-color: #b5b5b7;
    background: #f2f2f4
}

.white-panel.emailbox .checkbox:before {
    background-color: #080808;
    color: #838383;
    border-color: #d6d5d5
}

.inbox-table-body div {
    border-color: #d6d5d5
}

.messaging-side-menu {
    background-color: #ebb63f;
    border-color: #242424
}

.messaging-side-menu [data-active="true"] a,
.messaging-side-menu a:hover {
    color: #ebb63f;
    border-bottom-color: #ebb63f
}

.replied-message {
    color: #333;
    border-color: #353535
}

.replied-message[data-creator="true"] .replied-message-content {
    background-color: #242424;
    color: #fff
}

.replied-message .replied-message-content pre p {
    color: #000000
}

.mobile-app-container .text-container {
    color: #fff
}

.mobile-app-container .logo-container {
    background-color: #ebb63f
}

.mobile-app-container .link-container a:hover {
    background-color: #ddd
}

.mobile-app-container .nav-tabs>li.active>a,
.mobile-app-container .nav-tabs>li.active>a:hover,
.mobile-app-container .nav-tabs>li.active>a:focus {
    background-color: #ebb63f;
    color: #fff
}

.mobile-app-container .tab-pane .note {
    color: #f00
}

.mobile-app-container .tab-pane .important {
    color: #ff9600
}

.poker-game-types {
    background: rgba(11, 11, 11, .5);
    background: -moz-linear-gradient(left, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    background: -webkit-linear-gradient(left, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    background: linear-gradient(to right, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    border: 4px solid #1e1e1e;
    border-radius: 15px
}

.profile-container .download-link-container a:hover {
    background-color: #ddd
}

.profile-container .mobile-info-button {
    border-color: #23527c;
    background-color: #415784;
    color: #fff
}

.promotions-container {
    background-color: #00000051b
}

.promotions-container .standard-side-menu li a {
    background-color: #030a2e
}

.promotions-container .standard-side-menu a[data-active="true"],
.promotions-container .standard-side-menu a:hover {
    background-color: #ebb63f;
    color: #fff
}

.promotion-list {
    background-color: #0c0c0c
}

.promotion-item img {
    border-color: #000000
}

.promotion-item .click-for-get-promo-button {
    background: #ebb63f;
    color: #fff
}

.promotion-item .click-for-get-promo-button:hover {
    background: #a34afb
}

.promotion-item .promotion-title h2 {
    color: #000000
}

.promotion-item-details {
    background: #00000051b
}

.promotion-item-details .click-for-get-promo-button {
    background: #ebb63f;
    color: #fff
}

.promotion-item-details .click-for-get-promo-button:hover {
    background: #a34afb
}

.promotion-info .promotion-share-container .promotion-share-btn {
    color: #000000;
    border-color: #000000
}

.promotion-info .promotion-share-container .promotion-share-btn img {
    filter: invert(0)
}

.register-done-container {
    color: #676767
}

.register-done-container>a {
    background-color: #29355d;
    color: #fff
}

.register-done-container>h2 {
    color: #7c7c7c
}

.register-done-container>h2 span {
    color: #ebb63f
}

.register-done-container>h3 span {
    color: #7c7c7c
}

.register-done-container>img {
    background-color: transparent
}

.register-done-container .btn-deposit {
    background: #a844fb;
    background: linear-gradient(to top, #a844fb 0%, #3ebbf3 100%);
    box-shadow: rgba(0, 0, 0, .2) 0 0 20px 5px
}

.register-done-container .btn-deposit:hover {
    background: linear-gradient(to bottom, #3ebbf3 0%, #a844fb 100%)
}

.register-done-container .buttons-container-register-done .btn {
    background: linear-gradient(to bottom, #ebb63f 0%, #ebb63f 100%);
    color: #fff;
    border-color: #ebb63f
}

.register-done-container .buttons-container-register-done .btn:hover {
    background: linear-gradient(to top, #a844fb 0%, #3ebbf3 100%);
    border-color: transparent
}

.register-done-container .register-verification-done {
    border-color: #ebb63f;
    background: #ebb63f
}

.register-done-container .register-verification-done .info {
    color: #ebb63f;
    border-color: #ebb63f
}

.register-done-container .register-verification-done a {
    color: #ebb63f
}

.slots-games-container,
.casino-games-container,
.race-games-container {
    background-color: #0c1740
}

.slots-games-container .filter-section,
.casino-games-container .filter-section,
.race-games-container .filter-section {
    background-color: #0c1740
}

.slots-games-container .filter-section input[type=text],
.casino-games-container .filter-section input[type=text],
.race-games-container .filter-section input[type=text] {
    background: #0e0e0e;
    color: #fff
}

.slots-games-container .category-filter-link,
.casino-games-container .category-filter-link,
.race-games-container .category-filter-link {
    color: #fff
}

.slots-games-container .category-filter-link.active,
.slots-games-container .category-filter-link:hover,
.casino-games-container .category-filter-link.active,
.casino-games-container .category-filter-link:hover,
.race-games-container .category-filter-link.active,
.race-games-container .category-filter-link:hover {
    background-color: #ebb63f;
    color: #fff
}

.slot-jackpot-container {
    background-color: rgba(3, 10, 38, .8)
}

[data-container-background="background-banner"] .carousel-indicators li,
[data-container-background="others"] .carousel-indicators li {
    background-color: #595959;
    border-color: #595959
}

[data-container-background="dark-game-banner"] .carousel-indicators li.active,
[data-container-background="light-game-banner"] .carousel-indicators li.active,
[data-container-background="others"] .carousel-indicators li.active {
    background-color: #00f923;
    border-color: #00f923
}

.sports-container {
    background: #0b0b0b
}

[data-container-background="background-banner"] {
    background-color: #000000
}

[data-container-background="others"] {
    background-color: #010717
}

[data-container-background="promotions"] {
    background-color: #0c0c0c
}

.info-center {
    background-color: #ebb63f
}

.info-center-content {
    background-color: #fff
}

.info-center-content-title {
    background-color: #d0d0d0;
    color: #ebb63f
}

.info-center-title {
    background-color: #0a1749;
    color: #fff
}

.topbar-container {
    background: linear-gradient(#f5c247, #a46c0b, #f5c247);
}

.topbar-left-section .language-selector {
    background-color: #000000629
}

.topbar-left-section .language-selector li {
    border-bottom: 1px solid #00000031c
}

.site-header {
    background: #000000;
    border-bottom-color: #ebb63f
}

.top-menu>li {
    color: #adbed2
}

.top-menu .game-list {
    border-top-color: #ebb63f;
    background-color: rgba(3, 8, 40, .9);
    border-bottom-color: #ebb63f
}

.site-footer {
    background-color: #000000;
}

.footer-links>li>a {
    color: #fff
}

.footer-links>li>a:hover {
    color: #ebb63f
}

.footer-links>li+li>a {
    border-left-color: #3c3c3e
}

.footer-section-title {
    color: #fff
}

.site-info-container:not(:last-child):after {
    background-color: #0a2c52
}

.site-info .site-info-description.with-seperator+.with-seperator {
    border-top-color: #3f3d41
}

.contact-list>li a {
    background: #040a2a;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 20px
}

.contact-list>li a i {
    background: #ebb63f;
    color: #00f923
}

.bank-list>[data-online='true']:before {
    background-color: #0f0
}

.bank-list>[data-online='false']:before {
    background-color: #e00
}

.standard-form-container {
    background-color: #f2f2f3
}

.register-done-container {
    background: transparent
}

.standard-form-note {
    background-color: #0a1849;
    color: #fff
}

.standard-form-note span {
    color: #ebb63f
}

.standard-form-note strong {
    color: #ebb63f
}

.standard-inline-form-group label {
    color: #838383
}

.standard-inline-form-group [data-section="asterisk"] {
    color: #f00
}

.register-page-reminder {
    color: #838383
}

.register-page-link a {
    color: #333
}

.register-page-link a:hover {
    color: #ebb63f
}

.form-control,
.mobile-app-container .mobile-app-select {
    border-color: transparent;
    background: #e8e8e8;
    color: #838383
}

.mobile-app-container .mobile-app-select a {
    color: inherit
}

.mobile-app-container .mobile-app-select .active a,
.mobile-app-container .mobile-app-select a:hover {
    background-color: #ebb63f;
    color: #fff
}

.standard-button-group .btn {
    color: #000000
}

.standard-button-group .btn-primary,
.messaging-side-menu .support-ticket>a,
.deposit-container .reveal-bank-account-button {
    color: #fff;
    background: #ebb63f
}

.standard-button-group .btn-primary:hover,
.messaging-side-menu .support-ticket>a:hover,
.deposit-container .reveal-bank-account-button:hover {
    background: #a34afb;
    color: #fff
}

.deposit-container .copy-bank-account-button,
.copy-input-button-field .copy-input-button {
    color: #ebb63f
}

.deposit-container .copy-bank-account-button:hover,
.copy-input-button-field .copy-input-button:hover {
    color: #a34afb
}

.deposit-container .bank-info .copy-bank-account-button,
.withdrawal-container .bank-info .copy-bank-account-button {
    color: #838383
}

.deposit-container .bank-info .copy-bank-account-button:hover,
.withdrawal-container .bank-info .copy-bank-account-button:hover {
    color: #838383
}

.bank-info h1,
.bank-info h2,
.bank-info [data-bank-info="details"] span {
    color: #838383
}

.expiration-countdown [data-section] {
    background-color: #404040;
    color: #ebb63f;
    border-left-color: #6b6b6b
}

.expiration-countdown [data-section="title"] {
    background-color: #555;
    color: #fff
}

.expiration-countdown [data-value="days"],
.expiration-countdown [data-value="hours"],
.expiration-countdown [data-value="minutes"],
.expiration-countdown [data-value="seconds"] {
    color: #ebb63f
}

.game-list-title>div {
    background-color: inherit;
    color: #edeff6
}

.game-list-title,
.game-list {
    background-color: #0c0c0c
}

.game-list {
    border: 0
}

.game-list .game-item {
    background-color: #131313
}

.game-list .game-name,
.game-list .provider-name {
    color: #fff;
    background: #ebb63f
}

.game-list .wrapper-container:hover {
    background: #000000
}

.large-game-list-container {
    border-bottom-color: 1px solid #1e4092;
    border-top-color: 1px solid #1e4092;
    padding: 15px;
    background-color: rgba(9, 23, 71, .8)
}

.winners-ticker ul li .winner-amount {
    color: #f8a201
}

.login-panel input[type=text],
.login-panel input[type=password] {
    background-color: #b9b90f;
    border-color: #1f3588
}

.header_inputbox {
    background-color: #010417;
    border: 1px solid #1f3588
}

.login-panel .login-button {
    color: #fff;
}

.login-button, .register-button {
    border-radius: 0px !important;
}

.login-button {
    background-color: #000000 !important;
}

.register-button {
    background-color: #b9b90f !important;
}

.login-panel .login-button:hover {
    color: #fff
}

.login-panel .register-button {
    background: #ebb63f !important;
    color: #000
}

.login-panel .register-button:hover {
    background: linear-gradient(to bottom, #a34afb 0%, #a34afb 100%);
    color: #fff
}

.jackpot-container .progressive-jackpot {
    color: #fff
}

.jackpot-container .progressive-jackpot span {
    color: #03ffd8
}

.user-info .wallet-container .balance {
    color: #6eff00
}

.user-info .wallet-container .locked-balance {
    background: #4e5880;
    color: #6eff00
}

.ztip-holder.ztip-position-top .zt-arrow {
    border-top-color: rgba(40, 40, 48, .94)
}

.ztip-holder.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(40, 40, 48, .94)
}

.ztip-holder.ztip-theme-red.ztip-position-top .zt-arrow {
    border-top-color: rgba(238, 84, 58, .94)
}

.ztip-holder.ztip-theme-red.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(238, 84, 58, .94)
}

.ztip-holder.ztip-theme-red code {
    background: rgba(242, 125, 105, .94)
}

.ztip-holder.ztip-theme-blue.ztip-position-top .zt-arrow {
    border-top-color: rgba(68, 187, 255, .94)
}

.ztip-holder.ztip-theme-blue.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(68, 187, 255, .94)
}

.ztip-holder.ztip-theme-blue code {
    background: rgba(119, 206, 255, .94)
}

.ztip-holder.ztip-theme-green.ztip-position-top .zt-arrow {
    border-top-color: rgba(46, 204, 113, .94)
}

.ztip-holder.ztip-theme-green.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(46, 204, 113, .94)
}

.ztip-holder.ztip-theme-green code {
    background: rgba(84, 217, 140, .94)
}

.ztip-holder.ztip-theme-white.ztip-position-top .zt-arrow {
    border-top-color: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white code {
    background: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
}

.ztip-holder.ztip-theme-white .zt-arrow {
    border-color: transparent;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .25);
    background: inherit
}

.ztip-holder.ztip-theme-white code {
    background: rgba(230, 230, 230, .94)
}

.ztip-holder code {
    color: inherit;
    background: rgba(63, 63, 76, .94)
}

.ztip-holder {
    background: #050505;
    color: #00f923
}

.info-center-content .panel-default {
    border-color: #242424
}

.info-center-content .panel {
    background-color: #111;
    color: #fff
}

.info-center-content .panel-default>.panel-heading {
    background-color: #ebb63f;
    border-color: #242424
}

.info-center-content .panel-default>.panel-heading a {
    color: #fff;
    background-color: #ebb63f;
    border-color: #242424
}

.info-center-content .panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #242424
}

.info-center-content .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd
}

.link-container a.game-info,
.game-info {
    color: #adbed2;
    border-color: #adbed2
}

.link-container a.game-info:hover,
.link-container a.game-info:focus,
.game-info:hover,
.game-info:focus {
    border-color: #ebb63f;
    color: #ebb63f
}

.provider-page .large-game-list-container,
.provider-info {
    background-color: rgba(9, 23, 71, .8)
}

.game-provider-desc-arcade,
.game-provider-desc-sport,
.game-provider-desc-crash-game,
.game-provider-desc,
.provider-info h5,
.provider-info p {
    color: #ebb63f
}

.modal-content {
    background: #0c0c0c;
    border: #0c0c0c;
    color: #bbb
}

.modal-content h4,
.download-popup-modal .modal-header .modal-title {
    color: #ebb63f
}

.modal-header .close {
    opacity: 1;
    margin: 0;
    color: #fff
}

.modal-body p {
    color: #bbb
}

.modal-footer {
    border-top-color: #2b2b2b
}

.modal-footer .btn-secondary {
    background: none;
    color: #838383
}

.modal-footer .btn-secondary:hover {
    color: #ebb63f
}

.modal-footer .btn-primary {
    color: #fff;
    background: #ebb63f
}

.modal-footer .btn-primary:hover {
    background: #a34afb
}

.referral-box-container .referral-box {
    background-color: #1b2757;
    border-bottom: 1px solid #ebb63f
}

.referral-box-container .referral-box span {
    color: #ebb63f
}

.referral-box-container .referral-box h4 {
    color: #fff
}

.referral-box-container .referral-box .referral-box-icon {
    background: #ebb63f
}

.referral-code-container h4 {
    color: #333
}

.referral-box a,
.referral-code-container a,
.change-referral-code a {
    color: #3950af
}

.referral-box a:hover,
.referral-code-container a:hover,
.change-referral-code a:hover {
    color: #ebb63f
}

.referral-code-container {
    border: 1px dashed #315581
}

.referral-container .referral-title {
    color: #000000
}

.referral-container .standard-form-title {
    background-color: #ebb63f;
    color: #fff
}

.referral-container .form-control[readonly] {
    border-color: transparent;
    background-color: #eee
}

.referral-section .referral-code-copy-btn {
    background: #ebb63f
}

.referral-section .referral-code-copy-btn img {
    filter: invert(0)
}

.referral-section .referral-code-copy-btn span {
    color: #fff
}

.referral-section .referral-social-media-container .referral-social-media {
    color: #000000
}

.referral-section .referral-social-media-container .referral-social-media button {
    filter: invert(100%) invert(16%) sepia(80%) saturate(4810%) hue-rotate(310deg) brightness(104%) contrast(114%)
}

.referral-section .referral-code-container {
    border: 1px dashed #ebb63f;
    color: #000000
}

.user-info .dropdown-menu.vendor-balances-container {
    background-color: rgba(0, 0, 0, .85)
}

.user-info .vendor-balances-container .vendor-balances-header,
.user-info .vendor-balances-container strong {
    color: #ebb63f
}

.user-info .vendor-balances-container .vendor-balances-header {
    border-bottom: 2px solid #ebb63f
}

.user-info .vendor-balances-container {
    border: 3px solid #ebb63f
}

.download-apk {
    color: #fff
}

.download-apk-section i {
    color: #ebb63f
}

.download-apk .btn {
    color: #fefefe;
    background: #ebb63f;
    background: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%);
    border: 0
}

.download-apk .btn:hover {
    color: #fefefe
}

.deposit-amount-container input[type="text"] {
    background: #fff;
    color: #555;
    border: 1px solid #ccc
}

.deposit-amount-container .real-deposit-amount,
.deposit-amount-container .deposit-amount .currency-suffix,
.deposit-amount-container .deposit-amount input.form-control {
    color: #ebb63f
}

.deposit-amount-container .deposit-amount .currency-label,
.withdrawal-container .withdrawal-amount .currency-label {
    color: #838383
}

.deposit-amount-container .real-deposit-amount:before {
    color: #000000
}

.standard-side-menu .player-account-section .username {
    color: #ebb63f
}

.top-tab-container a[data-active="true"],
.top-tab-container a:hover {
    color: #b9bfe1
}

.standard-side-menu .menu-section a:hover,
.standard-side-menu .menu-section a:focus,
.standard-side-menu .menu-section a[data-active="true"] {
    background-color: #1b2757;
    color: #b9bfe1
}

.arcade-games-container .filter-section,
.crash-game-games-container .filter-section {
    background-color: #0c1740
}

.arcade-games-container .category-filter-link.active,
.arcade-games-container .category-filter-link:hover,
.crash-game-games-container .category-filter-link.active,
.crash-game-games-container .category-filter-link:hover {
    background-color: #ebb63f
}

.standard-profile-bar .user-field div .username {
    color: #ebb63f
}

.standard-profile-bar .referral-code-container {
    border: 1px dashed #23527c;
    background-color: #1b2757;
    color: #ebb63f
}

.standard-content-info h2 {
    color: #ebb63f
}

.bank-info-container .carousel-indicators .active,
.bank-info-container .carousel-indicators li:hover {
    background-color: #ebb63f
}

.claim-filter-container select.form-control {
    color: #ebb63f;
    background-color: #0a1849;
    border-color: #fff
}

.claim-item {
    background-color: #ececf1;
    color: #555
}

.provider-slide {
    background-color: #5078d8
}

.provider-slide>i {
    background-color: rgba(255, 255, 255, .1);
    color: #ebb63f
}

.provider-slide>i:hover {
    background-color: rgba(255, 255, 255, .25)
}

.provider-slide>main>.slide-item {
    background-color: rgba(255, 255, 255, .1)
}

.provider-slide>main>.slide-item>a:not(.game-info) {
    background-color: #192a68
}

.provider-slide>main>.slide-item>a:not(.game-info):hover {
    background-color: #0c1740
}

.provider-slide>main>.slide-item h5 {
    color: #fff
}

.otp-hr {
    border-color: #ebb63f
}

.request-otp-button,
.request-otp-button:hover,
.contact-verification-link,
.contact-verification-link:hover {
    border-color: #ebb63f;
    color: #ebb63f
}

.otp-input {
    border-color: #ebb63f
}

.home-game-list-container .container-title span {
    color: #fff;
    background-color: #ebb63f
}

.home-game-list-container .container-title span:after {
    background-color: #ebb63f
}

.home-game-list-container .container-content {
    border: 1px solid #ebb63f
}

.home-game-list-container .container-content .game-list .game-item .game-name {
    color: #ebb63f
}

.home-game-list-container .container-content .game-list::-webkit-scrollbar-thumb {
    background: #58585a
}

.grid-totals {
    background-color: #f1f1f1;
    color: #000000
}

.bank-info {
    background-color: #ffd8fe;
    background-image: linear-gradient(to bottom, #ffd8fe 0%, #ffd8fe 100%);
    color: #fff
}

.bank-info h3,
.bank-info h4 {
    color: #838383
}

.bank-info hr {
    border-top-color: #888
}

.bank-info[data-bank-type="bank"] [data-bank-info="details"] img,
.bank-info[data-bank-type="emoney"] [data-bank-info="details"] img,
.bank-info[data-bank-type="pulsa"] [data-bank-info="details"] img,
.bank-info[data-bank-type="qr"] [data-bank-info="details"] img,
.bank-info [data-bank-info="actions"] img {
    filter: brightness(.5)
}

.recommended-for-instant-process {
    color: #838383
}

.recommended-for-instant-process span {
    color: #838383
}

.payment-method-selection input[type="radio"]:checked+label {
    background-color: #ebb63f;
    background-image: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%)
}

.withdrawal-container .real-withdrawal-amount,
.withdrawal-container .withdrawal-amount input.form-control,
.withdrawal-container .withdrawal-amount .currency-suffix {
    color: #ebb63f
}

.deposit-container:has(.offline-container),
.withdrawal-container:has(.offline-container) {
    background-color: transparent
}

[data-payment-gateway] {
    background-color: #222
}

div[data-payment-gateway] h4 {
    color: #bbb
}

[data-payment-gateway="va"] h5 span {
    background-color: #222
}

[data-payment-gateway="qris"] .qris-qr-code-container a {
    background: #ebb63f;
    color: #fff
}

.notification-tabs .notification-tab-item {
    background-color: #ebb63f
}

.notification-tabs .notification-tab-item[data-active="true"] {
    background-color: #ebb63f;
    background-image: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%)
}

.replied-message[data-message-type="announcement"] {
    color: #000000;
    background: #fff;
    border-color: #c9c9c9
}

.replied-message[data-message-type="announcement"] .replied-message-content,
.replied-message[data-message-type="announcement"] .replied-message-content pre {
    color: #000000
}

.replied-message[data-message-type="announcement"] .notification-header .notification-info .info {
    color: #0a0a0a
}

.empty-notification-container .empty-notification-content h3,
.empty-notification-container .empty-notification-content p {
    color: #000000
}

.notification-popup-body .empty-notification-container .empty-notification-content h3,
.notification-popup-body .empty-notification-container .empty-notification-content p {
    color: #fff
}

.standard-section-title {
    color: #000000
}

.standard-section-title:before {
    background-color: #ebb63f
}

.loyalty-container .loyalty-menu a {
    background-color: #030a2e;
    border-color: #263366
}

.how-it-works-container .how-it-works-section+.how-it-works-section {
    border-top-color: #ddd
}

.how-it-works-container .how-it-works-section .how-it-works-item p {
    color: #000000
}

.loyalty-container .loyalty-history-filter label {
    color: #000000
}

.loyalty-container .loyalty-history-filter select {
    background-color: #fff;
    border-color: #ddd;
    color: #000000
}

.loyalty-container .standard-form-note {
    background-color: #0a1849;
    color: #fff
}

.loyalty-history-list .loyalty-history-item {
    background-color: #eee
}

.loyalty-history-list .loyalty-history-item [data-section="content"] [data-section="info"] h3 {
    color: #000000
}

.loyalty-history-list .loyalty-history-item [data-section="date"] {
    border-top-color: #ddd
}

.loyalty-history-list .loyalty-history-item [data-section="date"] span {
    color: #000000
}

.mission-container .mission-item {
    background-color: #292c36
}

.mission-container .mission-item .mission-action-container {
    background-color: #191b21
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button {
    background-color: #ebb63f;
    background-image: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%);
    color: #fff
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button:hover {
    background-color: #be0085;
    background-image: linear-gradient(to bottom, #be0085 0%, #ebb63f 100%)
}

.loyalty-menu-container .loyalty-menu-item {
    color: #000000
}

.daily-reward-container {
    background-color: #f8f8f8
}

.daily-reward-container .reward-title h1 {
    color: #000000
}

.daily-reward-container .standard-secondary-button {
    background-color: #ebb63f;
    background-image: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%);
    color: #fff
}

.daily-reward-container .standard-secondary-button:hover {
    background: #be0085;
    background: linear-gradient(to bottom, #be0085 0%, #ebb63f 100%)
}

.level-progress-info .level-name {
    color: #333
}

.level-progress-info .level-xp-container {
    color: #333
}

.benefit-container h2 {
    color: #333
}

.benefit-container .benefit-list .benefit-card p {
    color: #858585
}

.loyalty-daily-reward-modal .modal-content,
.loyalty-available-rank-up-modal .modal-content {
    background-color: #0c0c0c
}

.loyalty-daily-reward-modal .modal-content .daily-reward-container {
    background-color: #0c0c0c
}

.loyalty-daily-reward-modal .modal-content .daily-reward-container h1 {
    color: #fff
}

.loyalty-available-rank-up-modal .standard-secondary-button {
    background: #ebb63f;
    background: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%);
    color: #fff;
    border: 0
}

.loyalty-available-rank-up-modal .standard-secondary-button:hover {
    background: #be0085;
    background: linear-gradient(to bottom, #be0085 0%, #ebb63f 100%)
}

.introjs-tooltip-title {
    color: #fff
}

.introjs-tooltiptext .subtitle {
    color: #ebb63f
}

.introjs-nextbutton {
    background-image: linear-gradient(to bottom, #ebb63f, #be0085);
    color: #fff
}

.introjs-nextbutton:hover {
    background-image: linear-gradient(to bottom, #be0085, #ebb63f);
    color: #fff
}

.introjs-bullets ul li a {
    background-color: #83005c
}

.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
    background-color: #ebb63f
}

.introjs-skipbutton,
.introjs-skipbutton:hover {
    color: #ebb63f
}

.how-it-works-container .how-it-works-section {
    background-color: #fff;
    border-color: #ebebeb
}

.how-it-works-container .how-it-works-section .how-it-works-section-title {
    color: #ebb63f
}

.how-it-works-container .how-it-works-section .how-it-works-list .how-it-works-item p {
    color: #000000
}

.referral-guidance-note {
    color: #333
}

.referral-features .referral-features-item {
    background-color: #eee
}

.referral-features .referral-features-item .feature-icon>div {
    background: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%)
}

.referral-features .referral-features-item .feature-info span {
    color: #333
}

.referral-features .referral-features-item .feature-info p {
    color: #ebb63f
}

.referral-verification-container input.form-control {
    border-color: #dedede
}

.referral-verification-container .standard-form-note {
    background-color: #e0e0e0
}

.referral-verification-container .standard-form-note.with-icon {
    background-color: #eee
}

.simple-form-note,
.referral-verification-container .standard-form-note,
.referral-verification-container .standard-form-note.with-icon>div:last-child p {
    color: #ebb63f
}

.referral-verification-container .terms-conditions-container h3,
.referral-verification-container .terms-conditions-container ol li {
    color: #393637
}

.standard-checkbox-container.standard-checkbox-container label {
    color: #393637
}

.pending-verification-container .icon-container {
    background-color: #ebb63f
}

.pending-verification-container h2 {
    color: #333
}

.pending-verification-container p {
    color: #ebb63f
}

.referral-verification-container .terms-conditions-container ol {
    border-bottom-color: #bbb
}

.referral-verification-container .verification-footer .line {
    background-color: #ddd
}

.referral-verification-container [data-is-contact-verified="false"]::before {
    background-color: rgba(255, 255, 255, .6)
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link {
    background: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%);
    color: #fff
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link:hover {
    background: linear-gradient(to bottom, #be0085 0%, #ebb63f 100%)
}

.verify-whatsapp-popup {
    background-color: #fff;
    border: 1px solid #ddd
}

.verify-whatsapp-popup p {
    color: #333
}

.popular-game-title-container .container-title span {
    color: #fff;
    background-color: #ebb63f
}

.popular-game-title-container .container-title span:after {
    background-color: #ebb63f
}

.popular-game-title-container .container-content {
    border: 1px solid #ebb63f
}

.popular-game-title-container .container-content .game-list .game-item .game-name {
    color: #ebb63f
}

.popular-game-title-container .container-content .game-list::-webkit-scrollbar-thumb {
    background: #58585a
}

.deposit-summary-container,
.withdrawal-summary-container {
    border: 1px solid #efeff3
}

.deposit-summary-container .deposit-summary-header,
.withdrawal-summary-container .withdrawal-summary-header {
    background-color: #efeff3;
    color: #838383
}

.deposit-summary-container .deposit-summary-header .summary-transfer-amount,
.withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount {
    color: #ebb63f
}

.deposit-summary-container .deposit-summary-content,
.withdrawal-summary-container .withdrawal-summary-content {
    background-color: transparent
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-summary-title,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-body .withdrawal-summary-title {
    color: #838383
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-detail-container .deposit-detail-item,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-body .withdrawal-detail-container .withdrawal-detail-item {
    color: #838383
}

.deposit-summary-container .deposit-summary-content .deposit-summary-footer,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-footer {
    color: #838383;
    border-top: 1px solid #e7e7e7
}

.deposit-container hr.deposit-gap {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #838383))
}

.withdrawal-container hr.withdrawal-gap {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #838383))
}

.payment-maintenance-container,
.remarks-container {
    background: #fff0d8;
    color: #333
}

.payment-maintenance-container i,
.remarks-container i {
    background-color: #f00;
    color: #fff;
    border-color: #fff
}

.remarks-container {
    border-color: #f41111;
    background: #ffe0e0
}

.remarks-container i {
    background-color: transparent;
    border-color: #f41111;
    color: #f41111
}

.register-page .payment-method-container {
    background-color: #e2e2e2
}

.popover {
    background-color: #0a1849;
    border-color: #ebb63f;
    color: #fff
}

.popover.top .arrow {
    border-top-color: #ebb63f
}

.popover.top .arrow:after {
    border-top-color: #0a1849
}

[data-payment-gateway] .download-qr-button {
    background: #ebb63f;
    color: #fff
}

.top-menu .game-list>li>a .background {
    background: linear-gradient(90deg, rgba(175, 5, 255, 0) 0%, rgba(44, 79, 200, .71) 99.99%);
    border-color: #8162ff
}

.large-game-list li,
.large-game-list .game-provider-img {
    background: linear-gradient(335.7deg, #9d056f 16.09%, rgba(104, 72, 154, .5) 49.24%, rgba(0, 0, 0, 0) 83.08%)
}

.large-game-list li .link-container .play-now,
.large-game-list .game-provider-img .link-container .play-now {
    background: #ff7613;
    color: #fff
}

.large-game-list li .link-container .free-play,
.large-game-list .game-provider-img .link-container .free-play {
    background: #fff;
    color: #000000
}

.bank-info.bank-info .bank-account-number-container img {
    filter: opacity(.5)
}

.bank-info.bank-info .download-qr-code-button img {
    filter: invert(1)
}

[data-payment-gateway] .destination-account-number-container img,
[data-payment-gateway] .va-account-number img,
[data-payment-gateway] .download-qr-button img {
    filter: invert(1)
}

.pending-transactions-container .pending-transactions-item {
    color: #fff;
    background-color: #101427
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
    background-color: #181d33;
    color: #dbdbdb
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] hr {
    border-top: 1px solid #273153
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-bank-info>div>img {
    filter: initial
}

.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
    border-color: #fff3;
    color: #fff;
    background-color: #ffffff0f
}

.no-data-container p {
    color: #ccc
}

.no-data-container img {
    filter: invert(100%) sepia(1%) saturate(5%) hue-rotate(270deg) brightness(107%) contrast(73%)
}

.standard-form-link-header a {
    background-color: #f5f5f5;
    color: #444
}

.standard-form-link-header a[data-active="false"]:hover {
    background-color: #ebebeb;
    color: #444
}

.standard-form-link-header a[data-active="true"] {
    background-color: #263366;
    color: #fff
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
    border-color: #f41168;
    color: #fff;
    background-color: #25142c
}

.modal-body .pending-transaction-summary-container a {
    color: #428bca
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
    border-top-color: #ffffff14
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
    color: #fff;
    background-color: #c9176b
}

.modal-body .pending-transaction-details-container {
    color: #fff;
    background-color: #101322;
    border-color: #222843
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
    background-color: #181d33;
    border-color: #181d33
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr {
    border-color: #34314e
}

.contact-verification-section ul li,
.contact-verification-section span {
    color: #222
}

.otp-popup .otp-popup-content {
    background-color: #fff;
    color: #222
}

.otp-fake-inputs div {
    background-color: #fff;
    color: #222;
    border-color: #dedede
}

.otp-fake-inputs div.filled,
.otp-fake-inputs div.focused {
    border-color: #f41168
}

.otp-popup .otp-popup-content .resend-button {
    color: #ebb63f
}

.bonus-selection-popup .bonus-selection-popup-content {
    background: #fff
}

.bonus-selection-popup .bonus-selection-popup-content h2 {
    color: #000000
}

.bonus-selection-popup .bonus-selection-popup-content .bonus-selection-popup-close-button img {
    filter: invert(1)
}

.bonus-selection-list .bonus-selection-card+.remarks-container {
    background: #ff00f517;
    color: #fff;
    border-color: #ff00f5
}

.update-verification-note-container .update-verification-note {
    background: #0a1849;
    color: #fff
}

.update-verification-note-container .update-verification-note span {
    color: #f00
}

.otp-popup .otp-popup-content .otp-popup-header .close span {
    color: #222
}

.deposit-qr-label-container .deposit-qr-label-bank-info img {
    filter: invert(1)
}

.message-table-body * {
    color: #333
}

.replied-message:not([data-message-type="announcement"]) .replied-message-content * {
    color: #333
}

.notification-list .notification-item .notification-content * {
    color: #000000
}

.notification-popup-body .notification-list .notification-item .notification-content * {
    color: #fff
}

.notification-popup-body .notification-list .notification-item[data-seen="false"] .notification-header .notification-title {
    color: #ebb63f
}

.notification-list .notification-item,
.notification-list .notification-item[data-message-type="announcement"] {
    background: #fff;
    border-color: #c9c9c9
}

.notification-list .notification-item[data-seen="false"] {
    background: #ffb2fc;
    border-color: #ff5efa
}

.notification-list .notification-item .notification-header .notification-label {
    background: #ebb63f
}

.notification-list .notification-item .notification-title-container .notification-title-content h3 {
    color: #000000
}

.notification-list .notification-item .notification-content p {
    color: #333
}

.notification-list .notification-item .notification-header .notification-title {
    color: #000000
}

.unread-announcements-popup {
    border-color: #ebb63f;
    color: #fff
}

.unread-announcements-popup:before {
    border-bottom-color: #ebb63f
}

.notification-popup-body .notification-list .notification-item {
    background: #040404;
    border-color: #242424
}

.notification-popup-body .notification-list .notification-item[data-seen="false"] {
    background: #300022;
    border-color: #7c0057
}

.notification-popup-body .notification-list .notification-item .notification-title-container .notification-title-content h3 {
    color: #fff
}

.notification-popup-body .notification-list .notification-item .notification-content p {
    color: #cfcfcf
}

.notification-popup-body .notification-footer {
    background-color: #ebb63f;
    background-image: linear-gradient(to bottom, #ebb63f 0%, #be0085 100%)
}

.home-progressive-jackpot {
    background-image: linear-gradient(#ebb63f, #ebb63f, #ebb63f)
}

.home-progressive-jackpot .outer-container {
    background-color: #000000
}

.home-progressive-jackpot .inner-container {
    background-image: linear-gradient(#ebb63f, #ebb63f)
}

.home-progressive-jackpot .border-container {
    border-color: #ebb63f
}

.home-progressive-jackpot .jackpot-container {
    background-image: linear-gradient(#ebb63f, #000000021)
}

.home-progressive-jackpot .jackpot-border-container {
    border-color: #ebb63f
}

.home-progressive-jackpot .jackpot-currency {
    color: #ebb63f
}

.standard-form-container.loyalty-benefit-form-container {
    background-color: #030a2e
}

.loyalty-benefit-form-container .standard-form-content {
    background-color: #030a2e;
    border-color: #0a1849
}

.loyalty-level-benefits-section {
    background: #000000412;
    border-color: #0b194a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-badge-container {
    background: #091a33
}

.loyalty-level-container .loyalty-level-item[data-selected="true"] .loyalty-level-badge-container {
    background: #122f58
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-point {
    background: #191d2a;
    border-color: #191d2a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-bar {
    background: #191d2a
}

.loyalty-level-remarks-container {
    background: #ebb63f33;
    border-color: #ebb63f
}

.loyalty-level-remarks-container span {
    color: #fff
}

.loyalty-level-benefits-container {
    background: #0a1e3c
}

.loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item {
    background: #122f58
}

.loyalty-container .standard-form-content {
    background-color: #030a2e;
    border: 1px solid #0a1849
}

.loyalty-container .loyalty-menu a {
    background-color: #920067;
    border-color: #bb0084
}

.loyalty-reward-container {
    border-color: transparent;
    background-color: #000000412
}

.loyalty-reward-container .category-title::before {
    background-color: #ebb63f
}

.loyalty-reward-container .loyalty-reward-button {
    background-image: linear-gradient(to bottom, #ebb63f, #ebb63f);
    color: #fff
}

.loyalty-reward-container .tab-filter .tab {
    background-color: #151c39
}

.loyalty-reward-container .tab-filter input:checked+.tab {
    background-color: #ebb63f
}

.loyalty-reward-container .flash-sale-container::-webkit-scrollbar-thumb,
.loyalty-reward-container .lucky-draw-container::-webkit-scrollbar-thumb,
.loyalty-reward-container .other-product-container::-webkit-scrollbar-thumb {
    background: #263367
}

.loyalty-reward-container .flash-sale-container .item,
.loyalty-reward-container .lucky-draw-container .item,
.loyalty-reward-container .other-product-container .item {
    background-color: #0d132e;
    border-color: #0d132e
}

.loyalty-reward-container .flash-sale-container .item .item-detail-contaner .item-lp .item-lp-detail,
.loyalty-reward-container .lucky-draw-container .item .item-detail-contaner .item-lp .item-lp-detail,
.loyalty-reward-container .other-product-container .item .item-detail-contaner .item-lp .item-lp-detail {
    background-color: #fff3
}

.loyalty-top-bar-container {
    background: linear-gradient(82.95deg, #020f23 -41.64%, #1c4075 138.36%)
}

.forgot-password-modal .modal-header hr {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #ebb63f))
}

.forgot-password-modal hr {
    border-top-color: #ebb63f
}

.whitelisted-domains-link {
    background: #ebb63f;
    color: #fff
}

.search-header .search-title img {
    filter: invert(15%) sepia(83%) saturate(6753%) hue-rotate(313deg) brightness(109%) contrast(108%)
}

.standard-remark-notification .remark-notification-content span {
    color: #ebb63f
}

.referral-contact-verification p {
    color: #333
}

.add-new-payment-account-container a {
    color: #000000
}

.add-new-payment-account-container a img {
    filter: initial
}

.payment-account-list .payment-account-item .payment-account-title-container .payment-account-title,
.payment-account-list .payment-account-item .payment-account-number,
.payment-account-detail-container .payment-account-detail-item .payment-account-detail-label,
.payment-account-detail-container .payment-account-detail-item .payment-account-detail-value {
    color: #000000
}

.payment-account-list .payment-account-item a>img {
    filter: initial
}

.payment-account-list .payment-account-item .payment-account-title-container .default-label {
    background-color: #f6f6f6;
    color: #7b7b7b;
    border-color: #d2d2d2
}

.set-as-default-button {
    color: #ebb63f;
    background: none;
    border-color: #ebb63f
}

.notification-list .notification-item .notification-play-button {
    background: #ebb63f;
    color: #fff
}

.claim-item .claim-title .free-spin-note {
    color: #ebb63f
}

.floating-action-button .floating-action-button-item {
    background: linear-gradient(0deg, #c7038c 0%, #ebb63f 100%);
    border-color: #ff43c6;
    box-shadow: 0 4px 24px 0 #ebb63f80
}

.bonus-selection-container .bonus-action .cancel-bonus-button {
    border: 1px solid #ebb63f;
    color: #ebb63f
}

.bonus-selection-container,
.bonus-selection-list .bonus-selection-card.selected {
    background: #ffe3fb;
    border-color: #ebb63f;
    color: #ebb63f
}

.bonus-selection-container .bonus-action>img {
    filter: invert(41%) sepia(100%) saturate(3896%) hue-rotate(308deg) brightness(100%) contrast(117%)
}

.bonus-selection-list .bonus-selection-card {
    background: #fff;
    border-color: #c9c9c9
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content {
    background: #fff;
    color: #000000
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content,
.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-footer {
    background: #ffe3fb
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer {
    background: #fff
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button img {
    filter: invert(1)
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .end-date {
    color: #da5c53
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail {
    color: #656565;
    background: #f9f9f9
}

.bonus-selection-list .bonus-selection-card .remarks-container {
    border-color: #e60105;
    background: #ffe0e0;
    color: #000000
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button {
    color: #000000
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] {
    background: #dfdfdf;
    border-color: #c9c9c9
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-content {
    background: #dfdfdf;
    color: #adadad
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-content .bonus-selected {
    background: #d4d4d4
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-footer {
    background: #dfdfdf
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-footer .terms-and-conditions-button img {
    filter: invert(1)
}

.bonus-selection-card-highlighted-section {
    background: #f1f1f1;
    color: #656565
}

.standard-inline-form-group .form-control[readonly] {
    background-color: #d5d9e6
}

.simple-modal .btn-secondary {
    border: 1px solid #ebb63f;
    color: #ebb63f
}

.payment-account-list .payment-account-item:hover {
    background-color: #e7e7e7
}

.payment-account-list .payment-account-item .arrow-right {
    filter: invert(0)
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content .title .bonus-button {
    background-color: #eee;
    border-color: #bfb9cf
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content .title .bonus-button {
    background-color: #f37070;
    border-color: #cb5c5c;
    color: #720808
}

.standard-outline-button {
    border-color: #ebb63f
}

.standard-remarks-container .standard-remarks-content-container p {
    color: #222
}

.standard-remarks-container .standard-remarks-content-container p span {
    color: #ebb63f
}

.contact-verification-popup .contact-verification-section input {
    background-color: transparent;
    color: #333;
    border-color: #b2b2b2
}

.menu-slide>i {
    color: #adbed2
}
/* =========================================
   RAJAVIGOR — ROYAL GOLD
========================================= */

:is(.site-description, .raja-reviews, .vigor-faq),
:is(.site-description, .raja-reviews, .vigor-faq) *,
:is(.site-description, .raja-reviews, .vigor-faq)::before,
:is(.site-description, .raja-reviews, .vigor-faq)::after,
:is(.site-description, .raja-reviews, .vigor-faq) *::before,
:is(.site-description, .raja-reviews, .vigor-faq) *::after {
    box-sizing: border-box;
}

.site-description,
.raja-reviews,
.vigor-faq {
    --royal-gold: #e9bd56;
    --royal-light: #fff0b9;
    --royal-text: #e0d9cb;
    --royal-foil: linear-gradient(
        180deg,
        #fff9df 0%,
        #ffe79e 35%,
        #d4a43e 56%,
        #fff0b9 78%,
        #bd8b2d 100%
    );

    position: relative;
    isolation: isolate;
    width: 100%;
    min-width: 0;
    margin: 20px 0;
    border: 1px solid transparent;
    border-radius: 0;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(219, 161, 36, .18),
            transparent 54%
        ) padding-box,
        linear-gradient(
            135deg,
            #0b161c,
            #17130d 48%,
            #09090b
        ) padding-box,
        linear-gradient(
            125deg,
            #694c1d,
            #edcf7b 22%,
            #6e4e17 48%,
            #f4dc92 77%,
            #664a19
        ) border-box;

    box-shadow:
        0 18px 38px rgba(0, 0, 0, .3),
        inset 0 1px 0 rgba(255, 239, 177, .08);

    color: var(--royal-text);
    font-family: inherit;
    color-scheme: dark;
}

/* Bingkai dalam */

.site-description::before,
.raja-reviews::before,
.vigor-faq::before {
    content: "";
    position: absolute;
    inset: 8px;
    z-index: -1;
    border: 1px solid rgba(227, 180, 77, .13);

    background:
        linear-gradient(#e9bd56, #e9bd56)
            left top / 24px 1px no-repeat,
        linear-gradient(#e9bd56, #e9bd56)
            left top / 1px 24px no-repeat,
        linear-gradient(#b78932, #b78932)
            right bottom / 24px 1px no-repeat,
        linear-gradient(#b78932, #b78932)
            right bottom / 1px 24px no-repeat;

    pointer-events: none;
}

/* Cahaya halus pada tepi atas */

.site-description::after,
.raja-reviews::after,
.vigor-faq::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 20%;
    width: 60%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #fff2bd,
        #e9bd56,
        transparent
    );

    box-shadow: 0 2px 18px rgba(244, 197, 85, .4);
    animation: royal-edge-light 6s ease-in-out infinite;
    pointer-events: none;
}

@keyframes royal-edge-light {
    0%, 100% {
        opacity: .45;
        transform: scaleX(.62);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

/* =========================================
   JUDUL + ORNAMEN MAHKOTA
========================================= */

.site-description h1,
.raja-reviews .raja-reviews__title,
.vigor-faq .vigor-faq__title {
    position: relative;
    display: block;
    margin: 0 0 28px;
    padding: 42px 12px 24px;
    border: 0;
    background: none;
    color: var(--royal-light);
    font-family: inherit;
    font-size: clamp(26px, 3.2vw, 38px);
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -.025em;
    text-align: center;
    text-wrap: balance;
    overflow-wrap: anywhere;
    text-shadow: none;
}

.site-description h1::before,
.raja-reviews .raja-reviews__title::before,
.vigor-faq .vigor-faq__title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 46px;
    height: 25px;
    margin: 0;
    background: var(--royal-foil);

    clip-path: polygon(
        0 20%,
        25% 45%,
        50% 0,
        75% 45%,
        100% 20%,
        88% 100%,
        12% 100%
    );

    transform: translateX(-50%);
}

.site-description h1::after,
.raja-reviews .raja-reviews__title::after,
.vigor-faq .vigor-faq__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 168px;
    max-width: 60%;
    height: 7px;
    margin: 0;

    background:
        linear-gradient(90deg, transparent, #c99b3b)
            left center / 42% 1px no-repeat,
        linear-gradient(90deg, #c99b3b, transparent)
            right center / 42% 1px no-repeat,
        linear-gradient(#fff0b9, #b58429)
            center / 7px 7px no-repeat;

    transform: translateX(-50%);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .site-description h1,
    .raja-reviews .raja-reviews__title,
    .vigor-faq .vigor-faq__title {
        background-image: var(--royal-foil);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }
}

/* =========================================
   SITE DESCRIPTION
========================================= */

.site-description {
    --sd-gold: #e9bd56;
    --sd-gold-light: #fff0b9;
    --sd-gold-dark: #a87828;
    --sd-text: #e0d9cb;

    padding: clamp(28px, 4vw, 50px);
    font-size: 16px;
    line-height: 1.9;
    text-align: left;
    overflow-wrap: anywhere;
}

.site-description h2:not(.raja-reviews__title):not(.vigor-faq__title) {
    position: relative;
    margin: 34px 0 20px;
    padding: 16px 24px;
    border: 0;
    border-top: 1px solid rgba(227, 180, 77, .22);
    border-bottom: 1px solid rgba(227, 180, 77, .22);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(223, 169, 44, .12),
        transparent
    );

    color: #f8dda0;
    font-family: inherit;
    font-size: clamp(21px, 2.4vw, 28px);
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-wrap: balance;
}

.site-description h2:not(.raja-reviews__title):not(.vigor-faq__title)::before,
.site-description h2:not(.raja-reviews__title):not(.vigor-faq__title)::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 3px;
    height: 28px;
    margin: 0;

    background: linear-gradient(
        180deg,
        transparent,
        #f4d47f,
        transparent
    );

    transform: translateY(-50%);
}

.site-description h2:not(.raja-reviews__title):not(.vigor-faq__title)::before {
    left: 0;
}

.site-description h2:not(.raja-reviews__title):not(.vigor-faq__title)::after {
    right: 0;
}

.site-description :is(h3, h4, h5, h6) {
    margin: 26px 0 14px;
    padding: 0;
    color: #f1d69a;
    font-family: inherit;
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 800;
    line-height: 1.45;
    text-align: center;
    text-wrap: balance;
}

.site-description p {
    margin: 0 0 20px;
    padding: 0;
    color: var(--sd-text);
    font-size: inherit;
    line-height: 1.9;
    text-align: left;
}

.site-description > h1 + p {
    padding-left: 18px;
    border-left: 2px solid #b8882d;
    color: #f2e4c4;
    font-size: 17px;
}

.site-description strong,
.site-description b {
    color: #ffe7a4;
    font-weight: 700;
}

.site-description > :first-child {
    margin-top: 0;
}

.site-description > :last-child,
.site-description p:last-child {
    margin-bottom: 0;
}

/* Link di dalam artikel */

.site-description a[href] {
    padding: 2px 4px;
    border-radius: 0;
    background-color: rgba(235, 183, 65, .08);
    color: #f6cf71;
    -webkit-text-fill-color: currentColor;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(246, 207, 113, .55);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    text-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;

    transition:
        color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}

.site-description a[href]:visited {
    color: #dfbf7c;
}

.site-description a[href]:hover {
    background-color: #edc365;
    color: #251807;
    text-decoration-color: #795619;
    box-shadow: 0 0 15px rgba(230, 183, 67, .18);
}

.site-description a[href]:focus-visible {
    outline: 2px solid #fff0b9;
    outline-offset: 3px;
    background-color: #edc365;
    color: #251807;
}

.site-description ul,
.site-description ol {
    margin: 0 0 20px;
    padding-left: 26px;
    color: var(--sd-text);
}

.site-description li {
    margin-bottom: 9px;
    padding-left: 4px;
}

.site-description li::marker {
    color: #e9bd56;
    font-weight: 700;
}

.site-description hr {
    height: 1px;
    margin: 30px 0;
    border: 0;

    background: linear-gradient(
        90deg,
        transparent,
        #a77927,
        #f2d28a,
        #a77927,
        transparent
    );
}

/* =========================================
   TESTIMONIAL — SATU BARIS
========================================= */

.raja-reviews {
    --review-gold: #edc365;
    --review-light: #fff0b9;
    --review-gap: 20px;
    --review-width: 340px;

    padding: 30px 0 18px;
}

.raja-reviews .raja-reviews__title {
    margin-right: 22px;
    margin-left: 22px;
    margin-bottom: 10px;
}

.raja-reviews__viewport {
    overflow-x: auto;
    padding: 20px 0 24px;
    scrollbar-width: thin;
    scrollbar-color: #ae8331 #111015;
}

.raja-reviews[data-ready="true"] .raja-reviews__viewport {
    overflow: hidden;

    mask-image: linear-gradient(
        90deg,
        transparent,
        #000 30px,
        #000 calc(100% - 30px),
        transparent
    );

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent,
        #000 30px,
        #000 calc(100% - 30px),
        transparent
    );
}

.raja-reviews__viewport:focus-visible {
    outline: 2px solid #f5d784;
    outline-offset: -3px;
}

.raja-reviews__track {
    display: flex;
    align-items: stretch;
    width: max-content;
}

.raja-reviews[data-ready="true"] .raja-reviews__track {
    animation: raja-review-flow var(--review-duration, 53s) linear infinite;
    will-change: transform;
}

.raja-reviews__group {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
    gap: var(--review-gap);
    padding-right: var(--review-gap);
}

.raja-reviews .raja-reviews__card {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--review-width);
    width: var(--review-width);
    min-width: 0;
    min-height: 290px;
    margin: 0;
    padding: 26px;
    border: 1px solid transparent;
    border-radius: 0;

    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(218, 156, 36, .12),
            transparent 65%
        ) padding-box,
        linear-gradient(
            145deg,
            #17232b,
            #161510 55%,
            #0e0c0c
        ) padding-box,
        linear-gradient(
            135deg,
            #b78d3d,
            #4c3c20 42%,
            #ddbd70 100%
        ) border-box;

    box-shadow:
        0 12px 24px rgba(0, 0, 0, .3),
        inset 0 1px 0 rgba(255, 229, 162, .06);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        border-color 220ms ease;
}

/* Watermark tanda kutip */

.raja-reviews__card::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 62px;
    z-index: -1;
    width: 76px;
    height: 58px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 60'%3E%3Cpath fill='%23edc15f' d='M0 34C0 14 9 3 30 0v13c-11 2-15 8-15 17h15v30H0zm46 0C46 14 55 3 76 0v13c-11 2-15 8-15 17h15v30H46z'/%3E%3C/svg%3E") center / contain no-repeat;
    opacity: .11;
    pointer-events: none;
}

.raja-reviews__card::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 32px;
    height: 32px;
    border-right: 2px solid #edc365;
    border-bottom: 2px solid #edc365;
    pointer-events: none;
}

.raja-reviews__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.raja-reviews__stars {
    color: #f6cd69;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 2px;
    text-shadow: 0 2px 10px rgba(240, 179, 41, .2);
}

.raja-reviews__sample {
    padding: 4px 6px;
    border: 1px solid rgba(225, 180, 79, .3);
    background: rgba(0, 0, 0, .15);
    color: #d5c6a4;
    font-size: 9px;
    line-height: 1.4;
}

.raja-reviews .raja-reviews__quote {
    flex: 1;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    background: none;
    color: #eae2d3;
    font-style: normal;
}

.raja-reviews .raja-reviews__quote::before,
.raja-reviews .raja-reviews__quote::after {
    content: none;
}

.raja-reviews .raja-reviews__quote p {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 14px;
    line-height: 1.9;
    text-align: left;
    overflow-wrap: anywhere;
}

.raja-reviews__author {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid rgba(222, 176, 76, .25);
    text-align: left;
}

.raja-reviews__avatar {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 50px;
    padding-bottom: 5px;
    background: var(--royal-foil);
    clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
    color: #38240a;
    font-size: 16px;
    font-weight: 900;
}

.raja-reviews__identity {
    display: grid;
    gap: 4px;
}

.raja-reviews__name {
    color: #fff0c5;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

.raja-reviews__topic {
    color: #c5b89d;
    font-size: 11px;
    line-height: 1.4;
}

.raja-reviews__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 26px;
}

.raja-reviews__note {
    color: #cbb996;
    font-size: 11px;
}

.raja-reviews .raja-reviews__toggle {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    min-height: 40px;
    margin: 0;
    padding: 9px 16px;
    border: 1px solid #f0d078;
    border-radius: 0;

    background: linear-gradient(
        135deg,
        #ffe6a0,
        #d5a641 65%,
        #b98728
    );

    color: #271a08;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .25),
        0 4px 12px rgba(0, 0, 0, .25);

    cursor: pointer;
    transition: filter 180ms ease, transform 180ms ease;
}

.raja-reviews .raja-reviews__toggle:hover {
    filter: brightness(1.12);
}

.raja-reviews .raja-reviews__toggle:focus-visible {
    outline: 2px solid #fff2bf;
    outline-offset: 3px;
}

.raja-reviews__toggle svg {
    width: 14px;
    height: 14px;
}

.raja-reviews .raja-reviews__play-icon {
    display: none;
}

.raja-reviews[data-paused="true"] .raja-reviews__pause-icon {
    display: none;
}

.raja-reviews[data-paused="true"] .raja-reviews__play-icon {
    display: block;
}

.raja-reviews [hidden] {
    display: none !important;
}

.raja-reviews[data-paused="true"] .raja-reviews__track,
.raja-reviews__viewport:focus-within .raja-reviews__track {
    animation-play-state: paused;
}

@media (hover: hover) and (pointer: fine) {
    .raja-reviews__viewport:hover .raja-reviews__track {
        animation-play-state: paused;
    }

    .raja-reviews .raja-reviews__card:hover {
        transform: translateY(-5px);
        border-color: #edc365;

        box-shadow:
            0 18px 30px rgba(0, 0, 0, .4),
            0 0 22px rgba(210, 157, 40, .08);
    }
}

@keyframes raja-review-flow {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(
            calc(-1 * var(--review-distance)),
            0,
            0
        );
    }
}

/* =========================================
   FAQ — ROYAL ACCORDION
========================================= */

.vigor-faq {
    --vf-gold: #e9bd56;
    --vf-light: #fff0b9;
    --vf-text: #e0d9cb;

    padding: clamp(26px, 3.5vw, 40px);
}

.vigor-faq__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.vigor-faq__item {
    min-width: 0;
    margin: 0;
    border: 1px solid #5d4927;
    border-radius: 0;

    background: linear-gradient(
        120deg,
        #152029,
        #121211 65%,
        #17130d
    );

    box-shadow: 0 5px 12px rgba(0, 0, 0, .14);
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.vigor-faq__item:hover {
    border-color: #c29a45;
}

.vigor-faq__item[open] {
    border-color: #d5ab50;
    background: linear-gradient(135deg, #1d1a12, #0e0e0d);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .25),
        0 0 20px rgba(209, 158, 41, .04);
}

.vigor-faq__question {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 19px 22px;
    color: #f4e5c5;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    list-style: none;
    cursor: pointer;
}

.vigor-faq__question::-webkit-details-marker {
    display: none;
}

.vigor-faq__question::marker {
    content: "";
}

.vigor-faq__question:focus-visible {
    outline: 2px solid #fff2bf;
    outline-offset: -4px;
}

.vigor-faq__item[open] > .vigor-faq__question {
    background: linear-gradient(
        110deg,
        #fff0b8,
        #e0b957 48%,
        #c79431
    );

    color: #241908;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);
}

.vigor-faq__label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.vigor-faq__item[open] .vigor-faq__label {
    color: #241908;
}

.vigor-faq__number {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #a58139;
    background: linear-gradient(135deg, #3f3320, #211b12);
    color: #f7d686;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.vigor-faq__item[open] .vigor-faq__number {
    border-color: rgba(60, 40, 8, .35);
    background: rgba(72, 43, 6, .09);
    color: #382508;
}

.vigor-faq__icon {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #8b6b2b;
    background: rgba(219, 177, 79, .07);
}

.vigor-faq__icon::before,
.vigor-faq__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #f3ce77;
    transform: translate(-50%, -50%);
}

.vigor-faq__icon::before {
    width: 12px;
    height: 2px;
}

.vigor-faq__icon::after {
    width: 2px;
    height: 12px;
    transition: transform 180ms ease;
}

.vigor-faq__item[open] .vigor-faq__icon {
    border-color: #45300e;
    background: #34240e;
}

.vigor-faq__item[open] .vigor-faq__icon::after {
    transform: translate(-50%, -50%) scaleY(0);
}

.vigor-faq__answer {
    padding: 22px 24px 24px 76px;
}

.vigor-faq .vigor-faq__answer p {
    margin: 0;
    padding: 0;
    color: var(--vf-text);
    font-size: 15px;
    line-height: 1.9;
    text-align: left;
    overflow-wrap: anywhere;
}

.vigor-faq .vigor-faq__answer p + p {
    margin-top: 14px;
}

.vigor-faq__item[open] .vigor-faq__answer {
    animation: vigor-faq-reveal 240ms ease both;
}

@keyframes vigor-faq-reveal {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 600px) {
    .site-description,
    .raja-reviews,
    .vigor-faq {
        margin: 16px 0;
    }

    .site-description {
        padding: 28px 20px;
        font-size: 14px;
    }

    .site-description h1,
    .raja-reviews .raja-reviews__title,
    .vigor-faq .vigor-faq__title {
        padding-top: 38px;
        font-size: 25px;
    }

    .site-description h1::before,
    .raja-reviews .raja-reviews__title::before,
    .vigor-faq .vigor-faq__title::before {
        width: 38px;
        height: 22px;
    }

    .site-description h2:not(.raja-reviews__title):not(.vigor-faq__title) {
        margin-top: 26px;
        padding: 14px 13px;
        font-size: 20px;
    }

    .site-description > h1 + p {
        padding-left: 12px;
        font-size: 15px;
    }

    .site-description p {
        margin-bottom: 17px;
    }

    .site-description > :first-child {
        margin-top: 0;
    }

    .site-description > :last-child,
    .site-description p:last-child {
        margin-bottom: 0;
    }

    .raja-reviews {
        --review-width: 286px;
        --review-gap: 14px;
        padding-top: 26px;
    }

    .raja-reviews .raja-reviews__card {
        padding: 22px;
    }

    .raja-reviews__footer {
        padding-right: 18px;
        padding-left: 18px;
    }

    .raja-reviews[data-ready="true"] .raja-reviews__viewport {
        mask-image: none;
        -webkit-mask-image: none;
    }

    .vigor-faq {
        padding: 26px 13px 18px;
    }

    .vigor-faq__list {
        gap: 11px;
    }

    .vigor-faq__question {
        grid-template-columns: 30px minmax(0, 1fr) 26px;
        gap: 10px;
        padding: 16px 12px;
        font-size: 14px;
    }

    .vigor-faq__number {
        width: 30px;
        height: 32px;
        font-size: 11px;
    }

    .vigor-faq__icon {
        width: 26px;
        height: 26px;
    }

    .vigor-faq__answer {
        padding: 18px 16px 20px;
    }

    .vigor-faq .vigor-faq__answer p {
        font-size: 14px;
    }
}


@media (prefers-reduced-motion: reduce) {
    :is(.site-description, .raja-reviews, .vigor-faq)::after,
    :is(.site-description, .raja-reviews, .vigor-faq) *,
    :is(.site-description, .raja-reviews, .vigor-faq) *::before,
    :is(.site-description, .raja-reviews, .vigor-faq) *::after {
        animation: none !important;
        transition: none !important;
    }

    .raja-reviews[data-ready="true"] .raja-reviews__viewport {
        overflow-x: auto;
        mask-image: none;
        -webkit-mask-image: none;
    }

    .raja-reviews[data-ready="true"] .raja-reviews__track {
        transform: none;
        will-change: auto;
    }

    .raja-reviews .raja-reviews__clone,
    .raja-reviews .raja-reviews__toggle {
        display: none;
    }

    .raja-reviews .raja-reviews__card:hover {
        transform: none;
    }
}

/* =====================================
   SLOT88 LIVE RTP — ROYAL GOLD
===================================== */

.s88-rtp,
.s88-rtp *,
.s88-rtp::before,
.s88-rtp::after,
.s88-rtp *::before,
.s88-rtp *::after {
    box-sizing: border-box;
}

.s88-rtp {
    --s88-gold: #edc268;
    --s88-light: #fff0be;

    position: relative;
    isolation: isolate;
    width: 100%;
    margin-bottom: 22px;
    padding: clamp(20px, 3vw, 36px);
    border: 1px solid #977030;
    border-radius: 0;

    background:
        radial-gradient(
            ellipse at 50% 0,
            #6a461536,
            transparent 58%
        ),
        #0d1115;

    box-shadow:
        0 18px 45px #0005,
        inset 0 1px #ffe19d33;

    color: #e9e0ce;
    font-family: inherit;
    text-align: left;
    color-scheme: dark;
    overflow-wrap: anywhere;
}

.s88-rtp::before {
    content: "";
    position: absolute;
    inset: 7px;
    z-index: -1;
    border: 1px solid #e5b75219;
    pointer-events: none;
}

.s88-rtp::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 15%;
    width: 70%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #fff2be,
        transparent
    );

    box-shadow: 0 0 20px #ffcd5770;
    pointer-events: none;
}

/* Header */

.s88-rtp__header {
    text-align: center;
    margin-bottom: 26px;
}

.s88-rtp__eyebrow {
    color: #b9a47a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
}

.s88-rtp .s88-rtp__title {
    margin: 10px 0;
    padding: 0;
    border: 0;
    background: none;
    color: #fff0be;
    font-family: inherit;
    font-size: clamp(28px, 4vw, 43px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.035em;
    text-align: center;
}

.s88-rtp .s88-rtp__title::before,
.s88-rtp .s88-rtp__title::after {
    content: none;
}

.s88-rtp__title span {
    color: #edc268;
}

.s88-rtp .s88-rtp__intro {
    margin: 0 0 15px;
    color: #bdb5a7;
    font-size: 13px;
    line-height: 1.65;
    text-align: center;
}

.s88-rtp__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid #d2aa4c55;
    background: #b1841912;
    color: #efce86;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
}

.s88-rtp__status::before {
    content: "";
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    background: currentColor;
    border-radius: 50%;
}

.s88-rtp[data-mode="live"] .s88-rtp__status {
    color: #94e6be;
    border-color: #6adb9d55;
    background: #6adb9d0a;
}

.s88-rtp[data-mode="live"] .s88-rtp__status::before {
    animation: s88-pulse 2s ease-out infinite;
}

.s88-rtp[data-mode="error"] .s88-rtp__status,
.s88-rtp[data-mode="stale"] .s88-rtp__status {
    color: #f1bd86;
}

/* Filter dan refresh */

.s88-rtp__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 15px;
}

.s88-rtp__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.s88-rtp button {
    appearance: none;
    margin: 0;
    border: 1px solid #584627;
    border-radius: 0;
    padding: 10px 13px;
    min-height: 42px;
    background: #18191a;
    color: #cdc4b1;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;

    transition:
        color .2s,
        border-color .2s,
        background-color .2s;
}

.s88-rtp button:hover {
    border-color: #edc268;
    color: #fff0be;
}

.s88-rtp button:focus-visible {
    outline: 2px solid #fff0be;
    outline-offset: 3px;
}

.s88-rtp button[aria-pressed="true"] {
    border-color: #dbb057;
    background: #edc268;
    color: #241807;
}

.s88-rtp .s88-rtp__refresh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-color: #bc9140;

    background: linear-gradient(
        120deg,
        #f9dfa1,
        #d0a043
    );

    color: #231a0c;

    box-shadow:
        inset 0 1px #fff4d477,
        0 4px 14px #0003;
}

.s88-rtp__refresh svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.s88-rtp .s88-rtp__refresh:disabled {
    opacity: .65;
    cursor: wait;
}

.s88-rtp[data-busy="true"] .s88-rtp__refresh svg {
    animation: s88-spin 1s linear infinite;
}

/* Informasi data */

.s88-rtp__meta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding: 13px 0;
    margin-bottom: 6px;
    border-top: 1px solid #c2963c28;
    color: #a79e90;
    font-size: 11px;
    line-height: 1.5;
}

.s88-rtp__meta b {
    color: #dbceb4;
    font-weight: 600;
}

/* Kartu game */

.s88-rtp__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.s88-rtp__card {
    --game-accent: #e6bf6c;

    position: relative;
    min-width: 0;
    padding: 20px;
    border: 1px solid #785b2f;

    background: linear-gradient(
        135deg,
        #1c252e,
        #17140f 75%
    );

    box-shadow:
        inset 0 1px #fff0c512,
        0 8px 16px #0003;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.s88-rtp__card::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 22px;
    height: 22px;
    border-right: 2px solid var(--game-accent);
    border-bottom: 2px solid var(--game-accent);
    pointer-events: none;
}

.s88-rtp__game {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
}

.s88-rtp__game > div {
    min-width: 0;
}

.s88-rtp__art {
    display: grid;
    place-items: center;
    flex: 0 0 52px;
    width: 52px;
    height: 56px;
    border: 1px solid var(--game-accent);

    background:
        radial-gradient(
            ellipse at 50% 100%,
            #f2cb602b,
            transparent
        ),
        #080d12;

    font-size: 28px;
    line-height: 1;
    box-shadow: inset 0 0 16px #e9c5790f;
}

.s88-rtp__provider {
    display: block;
    margin-bottom: 5px;
    color: #bea77e;
    font-size: 10px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.s88-rtp .s88-rtp__game h3 {
    margin: 0;
    padding: 0;
    color: #f7edda;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    text-align: left;
}

.s88-rtp__metric {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    margin-top: 23px;
}

.s88-rtp__caption {
    display: block;
    margin-bottom: 5px;
    color: #b8b09e;
    font-size: 9px;
    letter-spacing: .12em;
}

.s88-rtp .s88-rtp__value {
    display: block;
    color: #ffe7a7;
    font-size: clamp(28px, 3vw, 37px);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.035em;
    font-variant-numeric: tabular-nums;
}

.s88-rtp__tag {
    flex-shrink: 0;
    margin-bottom: 3px;
    padding: 4px 6px;
    border: 1px solid #d9bc7344;
    color: #d8c393;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
}

/* Grafik */

.s88-rtp__chart {
    margin-top: 17px;
}

.s88-rtp__chart svg {
    display: block;
    width: 100%;
    height: 56px;
    overflow: visible;
}

.s88-rtp__chart-grid {
    fill: none;
    stroke: #e2c36a19;
    stroke-width: 1;
}

.s88-rtp__chart-area {
    fill: var(--game-accent);
    opacity: .09;
}

.s88-rtp__chart-line {
    fill: none;
    stroke: var(--game-accent);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.s88-rtp__chart-label {
    display: block;
    margin-top: 8px;
    color: #aaa493;
    font-size: 10px;
    line-height: 1.5;
}

/* Footer */

.s88-rtp__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #c2963c28;
}

.s88-rtp__source {
    display: block;
    color: #d4c4a1;
    font-size: 11px;
}

.s88-rtp__message {
    display: block;
    margin-top: 5px;
    color: #b6ae9f;
    font-size: 11px;
    line-height: 1.5;
}

.s88-rtp__countdown {
    color: #edc268;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.s88-rtp .s88-rtp__note {
    margin: 15px 0 0;
    padding: 0;
    color: #a89f90;
    font-size: 11px;
    line-height: 1.65;
    text-align: left;
}

.s88-rtp [hidden] {
    display: none !important;
}

/* Animasi */

@keyframes s88-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes s88-pulse {
    0% {
        box-shadow: 0 0 0 0 #94e6be55;
    }

    100% {
        box-shadow: 0 0 0 6px #94e6be00;
    }
}

@media (hover: hover) and (pointer: fine) {
    .s88-rtp__card:hover {
        transform: translateY(-3px);
        border-color: #dfb965;

        box-shadow:
            0 12px 24px #0005,
            inset 0 1px #fff0c533;
    }
}

/* Tablet dan mobile */

@media (max-width: 900px) {
    .s88-rtp__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .s88-rtp {
        padding: 25px 16px 20px;
    }

    .s88-rtp__header {
        margin-bottom: 20px;
    }

    .s88-rtp__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .s88-rtp__filters {
        width: 100%;
        gap: 6px;
    }

    .s88-rtp__filters button {
        flex: 1;
        padding: 10px 7px;
        font-size: 11px;
    }

    .s88-rtp .s88-rtp__refresh {
        width: 100%;
    }

    .s88-rtp__card {
        padding: 19px;
    }

    .s88-rtp .s88-rtp__value {
        font-size: 36px;
    }

    .s88-rtp__meta {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .s88-rtp *,
    .s88-rtp *::before,
    .s88-rtp *::after {
        animation: none !important;
        transition: none !important;
    }

    .s88-rtp__card:hover {
        transform: none;
    }
}

/* ======================================
   RAJAVIGOR — RIGHT FLOATING BUTTONS
====================================== */

.rv-side-actions,
.rv-side-actions *,
.rv-side-actions::before,
.rv-side-actions::after,
.rv-side-actions *::before,
.rv-side-actions *::after {
    box-sizing: border-box;
}

.rv-side-actions {
    position: fixed;
    top: 50%;
    right: calc(14px + env(safe-area-inset-right, 0px));
    z-index: 9990;
    transform: translateY(-50%);

    display: flex;
    flex-direction: column;
    gap: 6px;

    width: 88px;
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    margin: 0;
    padding: 7px;

    border: 1px solid #d0a34d;
    border-radius: 3px;

    background:
        radial-gradient(
            ellipse at 50% 0,
            #e5b95c26,
            transparent 60%
        ),
        linear-gradient(
            155deg,
            #151b20f5,
            #100e0bf7 65%,
            #251d10f5
        );

    box-shadow:
        -8px 12px 32px #0006,
        0 0 24px #c9912617,
        inset 0 1px #ffe9b544;

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);

    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b88c39 #111;

    font-family: inherit;
    color-scheme: dark;
}

/* Tombol */

.rv-side-actions .rv-side-actions__link {
    --rv-accent: #f0d08d;

    position: relative;
    isolation: isolate;
    flex: 0 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;

    min-width: 0;
    min-height: 66px;
    margin: 0;
    padding: 8px 3px;

    border: 1px solid #bb913b3d;
    border-radius: 2px;

    background:
        linear-gradient(
            145deg,
            #ffffff06,
            #ffffff00
        ),
        #0d1114;

    box-shadow: inset 0 1px #fff3d609;

    color: #f2e4c4;
    -webkit-text-fill-color: currentColor;

    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.25;

    text-align: center;
    text-decoration: none;
    text-shadow: none;

    overflow: hidden;
    -webkit-tap-highlight-color: transparent;

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease;
}

.rv-side-actions__link::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background: linear-gradient(
        135deg,
        #ffe4a329,
        transparent 70%
    );

    opacity: 0;
    transition: opacity 180ms ease;
    pointer-events: none;
}

/* Warna ikon */

.rv-side-actions .rv-side-actions__link--whatsapp {
    --rv-accent: #69e5a3;
}

.rv-side-actions .rv-side-actions__link--telegram {
    --rv-accent: #79ceff;
}

.rv-side-actions .rv-side-actions__link--rtp {
    --rv-accent: #c5b4ff;
}

.rv-side-actions .rv-side-actions__link--promosi {
    --rv-accent: #ffc08a;
}

.rv-side-actions__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    color: var(--rv-accent);
    filter: drop-shadow(0 2px 6px #0005);

    transition: transform 180ms ease;
}

.rv-side-actions__icon svg {
    display: block;
    width: 26px;
    height: 26px;
    fill: currentColor;
}

.rv-side-actions__icon .rv-side-actions__outline {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rv-side-actions__label {
    display: block;
    position: relative;
    white-space: nowrap;
    letter-spacing: .015em;
}

/* VIP */

.rv-side-actions .rv-side-actions__link--vip {
    --rv-accent: #332106;

    border-color: #f6da88;

    background: linear-gradient(
        135deg,
        #fff0bb,
        #eac76d 38%,
        #c59533 76%,
        #edcf80
    );

    box-shadow:
        inset 0 1px #fff8e4bb,
        0 2px 12px #d7a7392b;

    color: #332106;
}

.rv-side-actions__link--vip .rv-side-actions__icon {
    filter: none;
}

.rv-side-actions__link--vip::after {
    content: "";
    position: absolute;
    top: -20%;
    left: 0;
    width: 40%;
    height: 140%;

    background: linear-gradient(
        90deg,
        transparent,
        #ffffff80,
        transparent
    );

    transform: translateX(-220%) skewX(-20deg);
    animation: rv-vip-shine 6s ease-in-out infinite;
    pointer-events: none;
}

/* Interaksi */

.rv-side-actions .rv-side-actions__link:focus-visible {
    outline: 2px solid #fff3c5;
    outline-offset: 2px;
    border-color: #ffe29b;
}

.rv-side-actions .rv-side-actions__link:active {
    transform: scale(.96);
}

@media (hover: hover) and (pointer: fine) {
    .rv-side-actions .rv-side-actions__link:hover {
        transform: translateX(-3px);
        border-color: #edc56e;
        background-color: #282217;
    }

    .rv-side-actions__link:hover::before {
        opacity: 1;
    }

    .rv-side-actions__link:hover .rv-side-actions__icon {
        transform: translateY(-2px);
    }
}

@keyframes rv-vip-shine {
    0%, 68% {
        transform: translateX(-220%) skewX(-20deg);
    }

    100% {
        transform: translateX(400%) skewX(-20deg);
    }
}

/* Mobile */

@media (max-width: 600px) {
    .rv-side-actions {
        right: calc(7px + env(safe-area-inset-right, 0px));
        width: 70px;
        padding: 5px;
        gap: 5px;
    }

    .rv-side-actions .rv-side-actions__link {
        min-height: 57px;
        padding: 7px 2px;
        gap: 4px;
        font-size: 9px;
    }

    .rv-side-actions__icon {
        width: 24px;
        height: 24px;
    }

    .rv-side-actions__icon svg {
        width: 23px;
        height: 23px;
    }
}

/* Layar pendek / landscape */

@media (max-height: 480px) {
    .rv-side-actions {
        padding: 5px;
        gap: 4px;
    }

    .rv-side-actions .rv-side-actions__link {
        min-height: 45px;
        padding: 5px 2px;
        gap: 3px;
        font-size: 9px;
    }

    .rv-side-actions__icon {
        width: 21px;
        height: 21px;
    }

    .rv-side-actions__icon svg {
        width: 20px;
        height: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rv-side-actions *,
    .rv-side-actions *::before,
    .rv-side-actions *::after {
        animation: none !important;
        transition: none !important;
    }

    .rv-side-actions .rv-side-actions__link:hover,
    .rv-side-actions .rv-side-actions__link:active,
    .rv-side-actions__link:hover .rv-side-actions__icon {
        transform: none;
    }
}

.rv-news,
.rv-news * {
  box-sizing: border-box;
}

.rv-news {
  --rv-news-duration: 46s;

  display: flex;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0 !important;
  padding: 0;
  overflow: hidden;

  border: 1px solid #765a29;
  border-radius: 2px;
  background: linear-gradient(
    110deg,
    #17140e,
    #0b141a 55%,
    #18140c
  );
  box-shadow: inset 0 1px 0 #ffe7a112;

  color: #e0d9cb;
  font: 500 13px/1.6 Arial, sans-serif;
}

/* Gold announcement label */
.rv-news__badge {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 14px;

  border-right: 1px solid #fff0b955;
  background: linear-gradient(
    115deg,
    #fff0b9,
    #e8bb50 55%,
    #bd8828
  );

  color: #211707;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  white-space: nowrap;
}

.rv-news__badge svg {
  width: 19px;
  height: 19px;
}

/* Scrolling area */
.rv-news__viewport {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  min-width: 0;
  overflow-x: auto;

  scrollbar-width: thin;
  scrollbar-color: #ad8539 #101318;

  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 14px,
    #000 calc(100% - 14px),
    transparent
  );

  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 14px,
    #000 calc(100% - 14px),
    transparent
  );
}

.rv-news.is-ready .rv-news__viewport {
  overflow: hidden;
}

.rv-news__track {
  display: flex;
  flex: 0 0 auto;
  width: max-content;
}

.rv-news.is-ready .rv-news__track {
  animation: rv-news-scroll var(--rv-news-duration) linear infinite;
  will-change: transform;
}

.rv-news .rv-news__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-around;
  gap: 36px;
  min-width: var(--rv-news-min-width, 0px);

  margin: 0;
  padding: 8px 24px 8px 16px;
  list-style: none;
}

.rv-news__group li {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;

  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.rv-news__number {
  padding: 1px 5px;
  border: 1px solid #dcb55244;
  background: #dcb5520d;

  color: #d7b567;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
}

.rv-news__group p {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

.rv-news__group strong {
  margin-right: 8px;
  color: #fff0b9;
  font-weight: 700;
}

/* Pause / resume button */
.rv-news__toggle {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;

  border: 0;
  border-left: 1px solid #dcb55233;
  border-radius: 0;
  background: #e8bb5008;
  color: #e9bd56;

  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

.rv-news__toggle svg {
  width: 19px;
  height: 19px;
}

.rv-news__toggle:hover {
  background: #e9bd56;
  color: #17130d;
}

.rv-news__toggle .rv-news__play-icon,
.rv-news__toggle[aria-pressed="true"] .rv-news__pause-icon,
.rv-news [hidden] {
  display: none;
}

.rv-news__toggle[aria-pressed="true"] .rv-news__play-icon {
  display: block;
}

/* Pause for reading */
.rv-news.is-paused .rv-news__track,
.rv-news__viewport:focus-visible .rv-news__track,
.rv-news__viewport:active .rv-news__track {
  animation-play-state: paused;
}

.rv-news__viewport:focus-visible,
.rv-news__toggle:focus-visible {
  outline: 2px solid #fff0b9;
  outline-offset: -3px;
}

@media (hover: hover) {
  .rv-news__viewport:hover .rv-news__track {
    animation-play-state: paused;
  }
}

@keyframes rv-news-scroll {
  to {
    transform: translateX(-50%);
  }
}

/* Mobile */
@media (max-width: 600px) {
  .rv-news {
    font-size: 12px;
  }

  .rv-news__badge {
    gap: 6px;
    padding: 9px 10px;
    font-size: 10px;
  }

  .rv-news__badge svg {
    width: 17px;
    height: 17px;
  }

  .rv-news .rv-news__group {
    gap: 26px;
  }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .rv-news.is-ready .rv-news__viewport {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .rv-news.is-ready .rv-news__track {
    animation: none;
    transform: none;
    will-change: auto;
  }

  .rv-news__group[aria-hidden="true"] {
    display: none;
  }

  .rv-news__toggle {
    transition: none;
  }
}