/* CamGrid - Neon Noir skin */

body.camgrid-theme.cg-style-neon {
  --cg-bg: #07070a;
  --cg-bg-2: #0a0b10;
  --cg-panel: #101118;
  --cg-panel-2: #131520;
  --cg-panel-3: #181b27;
  --cg-border: rgba(255,255,255,.08);
  --cg-border-soft: rgba(255,255,255,.05);
  --cg-text: #f5f6fa;
  --cg-muted: #9397a6;
  --cg-dim: #6f7484;
  --cg-shadow: 0 22px 60px rgba(0,0,0,.60);
  background:
    radial-gradient(circle at 82% 5%, color-mix(in srgb, var(--cg-accent) 10%, transparent), transparent 26%),
    radial-gradient(circle at 10% 92%, color-mix(in srgb, var(--cg-accent) 6%, transparent), transparent 28%),
    #07070a !important;
  color: var(--cg-text) !important;
}
html:has(body.cg-style-neon) {
  background: #07070a !important;
  color-scheme: dark;
}
body.cg-style-neon .cg-header,
body.cg-style-neon .cg-topbar,
body.cg-style-neon .cg-tabs,
body.cg-style-neon .cg-sidebar,
body.cg-style-neon .cg-sidebar-head,
body.cg-style-neon .cg-page-head,
body.cg-style-neon .cg-empty-state,
body.cg-style-neon .cg-video-card,
body.cg-style-neon .cg-blog-card,
body.cg-style-neon .cg-post-article,
body.cg-style-neon.single-webcam .pc-header,
body.cg-style-neon.single-webcam .pc-info-card,
body.cg-style-neon .cg-search-filters-panel,
body.cg-style-neon #age-verification-overlay .verification-card,
body.cg-style-neon #age-verification-overlay .verification-content {
  background: #101118 !important;
  color: #f5f6fa !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: var(--cg-shadow) !important;
}
body.cg-style-neon .cg-topbar,
body.cg-style-neon .cg-tabs,
body.cg-style-neon .cg-sidebar-head {
  background: #0c0d12 !important;
}
body.cg-style-neon .cg-sidebar {
  background: #0b0c11 !important;
  border-right-color: rgba(255,255,255,.06) !important;
}
body.cg-style-neon .cg-header {
  background: rgba(8,9,13,.96) !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}
body.cg-style-neon .cg-brand,
body.cg-style-neon .cg-brand-text,
body.cg-style-neon .cg-brand-text-first,
body.cg-style-neon .cg-section-title,
body.cg-style-neon .cg-video-body h2,
body.cg-style-neon .cg-blog-body h2,
body.cg-style-neon .cg-post-title,
body.cg-style-neon.single-webcam .pc-header a.text-lg,
body.cg-style-neon.single-webcam .pc-info-card h3 {
  color: #f7f8fb !important;
}
body.cg-style-neon .cg-tab,
body.cg-style-neon .cg-sidebar-title span,
body.cg-style-neon .cg-filter-section h3,
body.cg-style-neon .cg-friends-label,
body.cg-style-neon .cg-page-head p,
body.cg-style-neon .cg-video-body p,
body.cg-style-neon .cg-blog-body p,
body.cg-style-neon.single-webcam .pc-header .text-sm,
body.cg-style-neon.single-webcam .cg-single-country,
body.cg-style-neon.single-webcam .cg-single-gender,
body.cg-style-neon.single-webcam .pc-subttl,
body.cg-style-neon.single-webcam .pc-description,
body.cg-style-neon.single-webcam .pc-description p,
body.cg-style-neon #age-verification-overlay .verification-copy,
body.cg-style-neon #age-verification-overlay .remember-row,
body.cg-style-neon #age-verification-overlay p {
  color: #959aaa !important;
}
body.cg-style-neon .cg-tab:hover,
body.cg-style-neon .cg-tab.is-active,
body.cg-style-neon .cg-side-menu a:hover,
body.cg-style-neon .cg-filter-row:hover,
body.cg-style-neon .cg-sidebar-pages a:hover,
body.cg-style-neon .cg-search-type-list label:hover {
  color: #ffffff !important;
  background: color-mix(in srgb, var(--cg-accent) 10%, #11131b) !important;
}
body.cg-style-neon .cg-search {
  background: #11131b !important;
  border-color: rgba(255,255,255,.09) !important;
}
body.cg-style-neon .cg-search:focus-within {
  border-color: color-mix(in srgb, var(--cg-accent) 56%, rgba(255,255,255,.12)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cg-accent) 14%, transparent) !important;
}
body.cg-style-neon .cg-search > i,
body.cg-style-neon .cg-search-filter-toggle,
body.cg-style-neon .cg-sidebar-title i,
body.cg-style-neon .cg-side-menu a i,
body.cg-style-neon .cg-filter-name i,
body.cg-style-neon .cg-sidebar-pages a i {
  color: color-mix(in srgb, var(--cg-accent) 42%, #a4a7b2) !important;
}
body.cg-style-neon .cg-search-submit,
body.cg-style-neon .cg-menu-toggle,
body.cg-style-neon .cg-sidebar-close,
body.cg-style-neon .cg-auth-secondary,
body.cg-style-neon .cg-live-pill,
body.cg-style-neon .cg-bottom-cta-close,
body.cg-style-neon .cg-video-pagination .page-numbers,
body.cg-style-neon .cg-video-pagination a,
body.cg-style-neon .cg-video-pagination span,
body.cg-style-neon .cg-favorite-btn,
body.cg-style-neon.single-webcam .pc-chip,
body.cg-style-neon.single-webcam .pc-viewers,
body.cg-style-neon.single-webcam .pc-more-btn {
  background: #151823 !important;
  border-color: rgba(255,255,255,.09) !important;
  color: #eef1f8 !important;
}
body.cg-style-neon .cg-search-submit:hover,
body.cg-style-neon .cg-menu-toggle:hover,
body.cg-style-neon .cg-sidebar-close:hover,
body.cg-style-neon .cg-auth-secondary:hover,
body.cg-style-neon .cg-bottom-cta-close:hover,
body.cg-style-neon .cg-favorite-btn:hover,
body.cg-style-neon.single-webcam a.pc-chip:hover,
body.cg-style-neon.single-webcam .pc-more-btn:hover {
  background: color-mix(in srgb, var(--cg-accent) 12%, #191c28) !important;
  border-color: color-mix(in srgb, var(--cg-accent) 36%, rgba(255,255,255,.10)) !important;
}
body.cg-style-neon .cg-favorite-btn.is-active {
  background: var(--cg-accent) !important;
  border-color: var(--cg-accent) !important;
  color: var(--cg-accent-contrast) !important;
}
body.cg-style-neon .cg-favorite-btn.is-active i {
  color: var(--cg-accent-contrast) !important;
}
body.cg-style-neon #cg-sidebar .cg-sidebar-promo {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--cg-accent) 28%, #171925) 0%,
      #151721 55%,
      #0d0f16 100%) !important;
  border-color: color-mix(in srgb, var(--cg-accent) 28%, rgba(255,255,255,.08)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.40) !important;
}
body.cg-style-neon #cg-sidebar .cg-sidebar-promo strong,
body.cg-style-neon #cg-sidebar .cg-sidebar-promo small {
  text-shadow: none !important;
}
body.cg-style-neon .cg-friends-topbar,
body.cg-style-neon .cg-bottom-cta {
  background: rgba(10,11,16,.95) !important;
  border-color: rgba(255,255,255,.07) !important;
}
body.cg-style-neon .cg-footer {
  background: #07070a !important;
  color: #868b9b !important;
  border-color: rgba(255,255,255,.06) !important;
}
body.cg-style-neon .cg-footer a {
  color: #9ca2b2 !important;
}
body.cg-style-neon .cg-footer a:hover {
  color: #ffffff !important;
}
body.cg-style-neon #age-verification-overlay {
  background:
    radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--cg-accent) 12%, transparent), transparent 28%),
    rgba(5,6,10,.94) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
body.cg-style-neon #age-verification-overlay .toggle-slider {
  background: #181b27 !important;
  border-color: rgba(255,255,255,.10) !important;
}
body.cg-style-neon #age-verification-overlay .toggle-slider::before {
  background: #f8f9fb !important;
}
body.cg-style-neon #age-verification-overlay .toggle-checkbox:checked + .toggle-slider {
  background: var(--cg-accent) !important;
  border-color: color-mix(in srgb, var(--cg-accent) 70%, rgba(255,255,255,.18)) !important;
}
body.cg-style-neon #age-verification-overlay .toggle-checkbox:checked + .toggle-slider::before {
  background: var(--cg-accent-contrast) !important;
}