.sp-page[data-sp-theme="dark"],
.sp-page:not([data-sp-theme]),
.sp-page__main--dark,
.sp-page__main:not(.sp-page__main--light) {
    --sp-page-bg: transparent;
    --sp-block-bg: rgb(3 20 42 / 60%);
    --sp-block-bg-alt: rgb(22 36 77 / 72%);
    --sp-block-bg-subtle: rgb(3 20 42 / 45%);
    --sp-block-border: rgb(64 243 247 / 23%);
    --sp-block-border-header: rgb(64 243 247 / 18%);
    --sp-block-shadow: 0 0 40px rgb(64 243 247 / 8%);
    --sp-block-shadow-sm: 0 0 24px rgb(64 243 247 / 8%);
    --sp-text-primary: #fff;
    --sp-text-secondary: rgb(255 255 255 / 65%);
    --sp-text-muted: rgb(255 255 255 / 55%);
    --sp-text-soft: rgb(255 255 255 / 62%);
    --sp-text-body: rgb(255 255 255 / 72%);
    --sp-text-empty: rgb(255 255 255 / 75%);
    --sp-text-placeholder: rgb(255 255 255 / 45%);
    --sp-accent: #40f3f7;
    --sp-divider: rgb(255 255 255 / 8%);
    --sp-card-bg: rgb(8 28 56 / 72%);
    --sp-card-border: rgb(255 255 255 / 8%);
    --sp-card-bg-hover: rgb(8 28 56 / 72%);
    --sp-highlight: #5fe87a;
    --sp-chip-border: rgb(64 243 247 / 35%);
    --sp-chip-bg: rgb(64 243 247 / 12%);
    --sp-chip-text: rgb(255 255 255 / 92%);
    --sp-sidebar-border: rgb(64 243 247 / 35%);
    --sp-sidebar-bg: rgb(3 20 42 / 40%);
    --sp-load-more-border: rgb(64 243 247 / 30%);
    --sp-load-more-hover-bg: rgb(64 243 247 / 10%);
    --sp-thumb-bg: rgb(255 255 255 / 6%);
    --sp-thumb-border: rgb(255 255 255 / 10%);
    --sp-button-border: rgb(255 255 255 / 18%);
    --sp-button-text: rgb(255 255 255 / 72%);
    --sp-tab-bg: rgb(8 28 56 / 72%);
    --sp-tab-border: rgb(255 255 255 / 10%);
    --sp-tab-active-border: rgb(64 243 247 / 55%);
    --sp-tab-active-bg: rgb(64 243 247 / 12%);
    --sp-tab-active-text: #fff;
    --sp-seo-text: rgb(255 255 255 / 78%);
    --sp-seo-border: rgb(64 243 247 / 15%);
    --sp-item-border: rgb(64 243 247 / 12%);
    --sp-inline-card-bg: rgb(255 255 255 / 4%);
    --sp-inline-card-border: rgb(64 243 247 / 16%);
    --sp-inline-card-hover-bg: rgb(64 243 247 / 8%);
    --sp-inline-card-hover-border: rgb(64 243 247 / 40%);
    --sp-logo-wrap-bg: rgb(255 255 255 / 8%);
    --sp-filter-bg: #1a2a57;
    --sp-filter-border: rgb(255 255 255 / 22%);
    --sp-muted-surface: rgb(8 28 56 / 55%);
    --sp-paid-card-bg: linear-gradient(135deg, rgb(18 58 42 / 92%), rgb(10 42 34 / 96%));
    --sp-paid-card-border: rgb(76 175 80 / 55%);
    --sp-paid-card-label: #fff;
    --sp-paid-card-value: #9fd4b8;
    --sp-paid-card-name: #fff;
    --sp-traffic-google-bg: #16244d;
    --sp-traffic-tiktok-bg: #533eb0;
    --sp-traffic-telegram-bg: #0e3a32;
    --sp-traffic-push-bg: #c7751b;
    --sp-traffic-native-bg: #1a3d6b;
    --sp-traffic-seo-bg: #5c3d18;
    --sp-traffic-aso-bg: #1a4a52;
    --sp-traffic-source-label: #fff;
    --sp-progress-track: rgb(255 255 255 / 10%);
    --sp-progress-fill: #f5d142;
    --sp-metric-icon-click: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Crect x='1.25' y='2' width='8.5' height='7.5' rx='1' stroke='%2340f3f7' stroke-width='1'/%3E%3Ccircle cx='2.75' cy='3.25' r='.35' fill='%2340f3f7'/%3E%3Ccircle cx='3.75' cy='3.25' r='.35' fill='%2340f3f7'/%3E%3Ccircle cx='4.75' cy='3.25' r='.35' fill='%2340f3f7'/%3E%3Crect x='2.5' y='4.75' width='4' height='.6' rx='.3' fill='%2340f3f7' opacity='.35'/%3E%3Crect x='2.5' y='6' width='2.5' height='.6' rx='.3' fill='%2340f3f7' opacity='.35'/%3E%3Crect x='2.5' y='7.25' width='3' height='1.1' rx='.55' fill='%2340f3f7'/%3E%3Cpath d='M10.25 8.25v2.75l1-.75.65 1.15.55-.3-.65-1.1 1.15-.15L10.25 8.25z' fill='%23fff'/%3E%3Cpath d='M9.75 7.75l-.45-.45M9.9 7.1V6.5M10.75 7.75l.45-.45' stroke='%23fff' stroke-width='.55' stroke-linecap='round'/%3E%3C/svg%3E");
    --sp-metric-icon-reg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 8a2.25 2.25 0 1 0 0-4.5A2.25 2.25 0 0 0 8 8Zm0 1.125c-2.006 0-3.75 1.02-4.781 2.578a.75.75 0 0 0 1.25.822A4.13 4.13 0 0 1 8 10.125c1.45 0 2.73.74 3.47 1.86a.75.75 0 1 0 1.25-.82A5.63 5.63 0 0 0 8 9.125Z' fill='%2340f3f7'/%3E%3C/svg%3E");
    --sp-metric-icon-qual: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='5.25' stroke='%23ff6b6b' stroke-width='1.2'/%3E%3Ccircle cx='8' cy='8' r='2.25' fill='%23ff6b6b'/%3E%3C/svg%3E");
    --sp-metric-icon-ftd: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 12.25V6.75l4.5-2.5 4.5 2.5v5.5' stroke='%2340f3f7' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M6.25 12.25V9.25h3.5v3' stroke='%2340f3f7' stroke-width='1.2'/%3E%3C/svg%3E");
    --sp-case-vertical-color: #40f3f7;
    --sp-case-vertical-border: #40f3f7;
    --sp-cases-status-fallback: #fff;
}

.sp-page[data-sp-theme="light"],
.sp-page__main--light {
    --sp-page-bg: #fff;
    --sp-block-bg: #fff;
    --sp-block-bg-alt: #fff;
    --sp-block-bg-subtle: #f8fafc;
    --sp-block-border: rgb(15 23 42 / 12%);
    --sp-block-border-header: rgb(15 23 42 / 10%);
    --sp-block-shadow: 0 4px 24px rgb(15 23 42 / 8%);
    --sp-block-shadow-sm: 0 2px 16px rgb(15 23 42 / 6%);
    --sp-text-primary: #1a233a;
    --sp-text-secondary: rgb(26 35 58 / 72%);
    --sp-text-muted: rgb(26 35 58 / 55%);
    --sp-text-soft: rgb(26 35 58 / 68%);
    --sp-text-body: rgb(26 35 58 / 78%);
    --sp-text-empty: rgb(26 35 58 / 72%);
    --sp-text-placeholder: rgb(26 35 58 / 45%);
    --sp-accent: #0d7ea8;
    --sp-divider: rgb(15 23 42 / 10%);
    --sp-card-bg: #f8fafc;
    --sp-card-border: rgb(15 23 42 / 10%);
    --sp-card-bg-hover: #eef2f7;
    --sp-highlight: #15803d;
    --sp-chip-border: rgb(13 126 168 / 35%);
    --sp-chip-bg: rgb(13 126 168 / 10%);
    --sp-chip-text: #1a233a;
    --sp-sidebar-border: rgb(15 23 42 / 18%);
    --sp-sidebar-bg: #fff;
    --sp-load-more-border: rgb(13 126 168 / 30%);
    --sp-load-more-hover-bg: rgb(13 126 168 / 8%);
    --sp-thumb-bg: rgb(15 23 42 / 4%);
    --sp-thumb-border: rgb(15 23 42 / 10%);
    --sp-button-border: rgb(15 23 42 / 16%);
    --sp-button-text: rgb(26 35 58 / 78%);
    --sp-tab-bg: #f1f5f9;
    --sp-tab-border: rgb(15 23 42 / 12%);
    --sp-tab-active-border: rgb(13 126 168 / 45%);
    --sp-tab-active-bg: rgb(13 126 168 / 10%);
    --sp-tab-active-text: #0d7ea8;
    --sp-seo-text: rgb(26 35 58 / 82%);
    --sp-seo-border: rgb(15 23 42 / 12%);
    --sp-item-border: rgb(15 23 42 / 10%);
    --sp-inline-card-bg: rgb(15 23 42 / 3%);
    --sp-inline-card-border: rgb(15 23 42 / 12%);
    --sp-inline-card-hover-bg: rgb(13 126 168 / 6%);
    --sp-inline-card-hover-border: rgb(13 126 168 / 35%);
    --sp-logo-wrap-bg: rgb(15 23 42 / 5%);
    --sp-filter-bg: #e2e8f0;
    --sp-filter-border: rgb(15 23 42 / 14%);
    --sp-muted-surface: #f1f5f9;
    --sp-paid-card-bg: #fff;
    --sp-paid-card-border: rgb(21 128 61 / 45%);
    --sp-paid-card-label: rgb(26 35 58 / 55%);
    --sp-paid-card-value: #1a233a;
    --sp-paid-card-name: #1a233a;
    --sp-traffic-google-bg: #e8eefb;
    --sp-traffic-tiktok-bg: #ede9fe;
    --sp-traffic-telegram-bg: #d1fae5;
    --sp-traffic-push-bg: #ffedd5;
    --sp-traffic-native-bg: #dbeafe;
    --sp-traffic-seo-bg: #fef3c7;
    --sp-traffic-aso-bg: #cffafe;
    --sp-traffic-source-label: #1a233a;
    --sp-progress-track: rgb(15 23 42 / 10%);
    --sp-progress-fill: #ca8a04;
    --sp-metric-icon-click: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Crect x='1.25' y='2' width='8.5' height='7.5' rx='1' stroke='%230d7ea8' stroke-width='1'/%3E%3Ccircle cx='2.75' cy='3.25' r='.35' fill='%230d7ea8'/%3E%3Ccircle cx='3.75' cy='3.25' r='.35' fill='%230d7ea8'/%3E%3Ccircle cx='4.75' cy='3.25' r='.35' fill='%230d7ea8'/%3E%3Crect x='2.5' y='4.75' width='4' height='.6' rx='.3' fill='%230d7ea8' opacity='.35'/%3E%3Crect x='2.5' y='6' width='2.5' height='.6' rx='.3' fill='%230d7ea8' opacity='.35'/%3E%3Crect x='2.5' y='7.25' width='3' height='1.1' rx='.55' fill='%230d7ea8'/%3E%3Cpath d='M10.25 8.25v2.75l1-.75.65 1.15.55-.3-.65-1.1 1.15-.15L10.25 8.25z' fill='%23fff'/%3E%3Cpath d='M9.75 7.75l-.45-.45M9.9 7.1V6.5M10.75 7.75l.45-.45' stroke='%23fff' stroke-width='.55' stroke-linecap='round'/%3E%3C/svg%3E");
    --sp-metric-icon-reg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 8a2.25 2.25 0 1 0 0-4.5A2.25 2.25 0 0 0 8 8Zm0 1.125c-2.006 0-3.75 1.02-4.781 2.578a.75.75 0 0 0 1.25.822A4.13 4.13 0 0 1 8 10.125c1.45 0 2.73.74 3.47 1.86a.75.75 0 1 0 1.25-.82A5.63 5.63 0 0 0 8 9.125Z' fill='%230d7ea8'/%3E%3C/svg%3E");
    --sp-metric-icon-qual: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='5.25' stroke='%23dc2626' stroke-width='1.2'/%3E%3Ccircle cx='8' cy='8' r='2.25' fill='%23dc2626'/%3E%3C/svg%3E");
    --sp-metric-icon-ftd: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 12.25V6.75l4.5-2.5 4.5 2.5v5.5' stroke='%230d7ea8' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M6.25 12.25V9.25h3.5v3' stroke='%230d7ea8' stroke-width='1.2'/%3E%3C/svg%3E");
    --sp-case-vertical-color: #0d7ea8;
    --sp-case-vertical-border: #0d7ea8;
    --sp-cases-status-fallback: #0d7ea8;
}

body.sp-body--light {
    background-color: #fff;
    background-image: url(/img/bg.webp);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}

.sp-page__main--light {
    background-color: transparent;
}

.sp-page__main--light.blog_bg {
    background-color: transparent;
}

.sp-page[data-sp-theme="light"] .sp-news-reviews,
.sp-page__main--light .sp-news-reviews {
    background: #fff;
    border: 1px solid rgb(15 23 42 / 12%);
    box-shadow: 0 4px 24px rgb(15 23 42 / 8%);
    color: #1a233a;
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__header,
.sp-page__main--light .sp-news-reviews__header {
    border-bottom-color: rgb(15 23 42 / 10%);
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__title,
.sp-page[data-sp-theme="light"] .sp-news-reviews__card-link,
.sp-page[data-sp-theme="light"] .sp-news-reviews__card-title,
.sp-page__main--light .sp-news-reviews__title,
.sp-page__main--light .sp-news-reviews__card-link,
.sp-page__main--light .sp-news-reviews__card-title {
    color: #1a233a;
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__card,
.sp-page__main--light .sp-news-reviews__card {
    border-bottom-color: rgb(15 23 42 / 10%);
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__date,
.sp-page[data-sp-theme="light"] .sp-news-reviews__excerpt,
.sp-page[data-sp-theme="light"] .sp-news-reviews__empty,
.sp-page__main--light .sp-news-reviews__date,
.sp-page__main--light .sp-news-reviews__excerpt,
.sp-page__main--light .sp-news-reviews__empty {
    color: rgb(26 35 58 / 68%);
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__section,
.sp-page[data-sp-theme="light"] .sp-news-reviews__view-more,
.sp-page[data-sp-theme="light"] .sp-news-reviews__load-more,
.sp-page__main--light .sp-news-reviews__section,
.sp-page__main--light .sp-news-reviews__view-more,
.sp-page__main--light .sp-news-reviews__load-more {
    color: #0d7ea8;
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__thumb-placeholder,
.sp-page__main--light .sp-news-reviews__thumb-placeholder {
    background: rgb(15 23 42 / 4%);
    border-color: rgb(15 23 42 / 10%);
}

.sp-page[data-sp-theme="light"] .sp-page__block--bookmaker_news,
.sp-page__main--light .sp-page__block--bookmaker_news {
    background: #fff;
    border: 1px solid rgb(15 23 42 / 12%);
    box-shadow: 0 2px 16px rgb(15 23 42 / 6%);
    color: #1a233a;
}

.sp-page[data-sp-theme="light"] .sp-bookmaker-news__title,
.sp-page[data-sp-theme="light"] .sp-bookmaker-news__item-title,
.sp-page__main--light .sp-bookmaker-news__title,
.sp-page__main--light .sp-bookmaker-news__item-title {
    color: #1a233a;
}

.sp-page[data-sp-theme="light"] .sp-bookmaker-news__date,
.sp-page__main--light .sp-bookmaker-news__date {
    color: rgb(26 35 58 / 55%);
}

.sp-page[data-sp-theme="light"] .sp-bookmaker-news__item,
.sp-page__main--light .sp-bookmaker-news__item {
    border-bottom-color: rgb(15 23 42 / 10%);
}

.sp-page[data-sp-theme="light"] .sp-bookmaker-news__link:hover .sp-bookmaker-news__item-title,
.sp-page__main--light .sp-bookmaker-news__link:hover .sp-bookmaker-news__item-title {
    color: #0d7ea8;
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__card-link:hover,
.sp-page__main--light .sp-news-reviews__card-link:hover {
    color: #0d7ea8;
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__load-more,
.sp-page__main--light .sp-news-reviews__load-more {
    border-color: rgb(13 126 168 / 30%);
}

.sp-page[data-sp-theme="light"] .sp-news-reviews__load-more:hover,
.sp-page__main--light .sp-news-reviews__load-more:hover {
    background: rgb(13 126 168 / 8%);
}

.sp-page[data-sp-theme="light"] .sp-top-offers__card--top,
.sp-page__main--light .sp-top-offers__card--top {
    box-shadow: inset 0 0 0 1px rgb(21 128 61 / 12%);
}

.sp-page[data-sp-theme="light"] .sp-cases-trending,
.sp-page__main--light .sp-cases-trending,
.sp-page[data-sp-theme="light"] .sp-best-traffic-sources,
.sp-page__main--light .sp-best-traffic-sources,
.sp-page[data-sp-theme="light"] .sp-regulation,
.sp-page__main--light .sp-regulation {
    background: #fff;
    border: 1px solid rgb(15 23 42 / 12%);
    box-shadow: 0 4px 24px rgb(15 23 42 / 8%);
    color: #1a233a;
}

.sp-page[data-sp-theme="light"] .sp-cases-trending__metric-value:not(.sp-cases-trending__metric-value--ftd),
.sp-page__main--light .sp-cases-trending__metric-value:not(.sp-cases-trending__metric-value--ftd) {
    color: var(--sp-highlight);
}

.sp-page[data-sp-theme="light"] .sp-cases-trending__vertical-tag,
.sp-page__main--light .sp-cases-trending__vertical-tag {
    color: var(--sp-accent);
    border-color: var(--sp-accent);
}

.sp-page[data-sp-theme="light"] .sp-cases-trending__status,
.sp-page__main--light .sp-cases-trending__status {
    border-color: rgb(13 126 168 / 35%);
    background: rgb(13 126 168 / 10%);
    color: var(--sp-cases-status-fallback);
}

.sp-page[data-sp-theme="light"] .sp-cases-trending__source-label,
.sp-page__main--light .sp-cases-trending__source-label {
    color: var(--sp-traffic-source-label);
}