/* Generated by beta-auth/make_beta_themes.py from follower_stats_style.css: do not edit by hand.
   Color themes for the beta only; the stylesheet itself is unchanged. */
:root[data-bk-theme="purple"] {
    --bkc-0050ccff: #551592;
    --bkc-0060f014: rgba(98, 25, 172, 0.08);
    --bkc-0060f01a: rgba(98, 25, 172, 0.1);
    --bkc-0060f026: rgba(98, 25, 172, 0.15);
    --bkc-0060f033: rgba(98, 25, 172, 0.2);
    --bkc-0060f0ff: #6219ac;
    --bkc-0066ffff: #691ab7;
    --bkc-0862caff: #4e1a92;
    --bkc-0a7afc4c: rgba(98, 29, 186, 0.3);
    --bkc-0a7afcff: #621dba;
    --bkc-17a2b84c: rgba(39, 35, 134, 0.3);
    --bkc-17a2b8ff: #272386;
    --bkc-58b9fdff: #6c37e0;
    --bkc-d6e4ffff: #edd6ff;
    --bkc-e6f0ffff: #f2e6ff;
    --bkc-f0f7ff80: rgba(246, 240, 255, 0.5);
    --bkc-f2f7ffff: #f9f2ff;
    --bkc-f5f8faff: #f6f5fa;
    --bkc-fbfdffff: #fdfbff;
}
:root[data-bk-theme="green"] {
    --bkc-0050ccff: #176345;
    --bkc-0060f014: rgba(27, 117, 81, 0.08);
    --bkc-0060f01a: rgba(27, 117, 81, 0.1);
    --bkc-0060f026: rgba(27, 117, 81, 0.15);
    --bkc-0060f033: rgba(27, 117, 81, 0.2);
    --bkc-0060f0ff: #1b7551;
    --bkc-0066ffff: #1d7c56;
    --bkc-0862caff: #1b6342;
    --bkc-0a7afc4c: rgba(31, 126, 82, 0.3);
    --bkc-0a7afcff: #1f7e52;
    --bkc-17a2b84c: rgba(32, 92, 40, 0.3);
    --bkc-17a2b8ff: #205c28;
    --bkc-58b9fdff: #28a45b;
    --bkc-d6e4ffff: #d6fff1;
    --bkc-e6f0ffff: #e6fff5;
    --bkc-f0f7ff80: rgba(240, 255, 248, 0.5);
    --bkc-f2f7ffff: #f2fffa;
    --bkc-f5f8faff: #f5faf7;
    --bkc-fbfdffff: #fbfffd;
}
:root[data-bk-theme="pink"] {
    --bkc-0050ccff: #970c4c;
    --bkc-0060f014: rgba(178, 14, 91, 0.08);
    --bkc-0060f01a: rgba(178, 14, 91, 0.1);
    --bkc-0060f026: rgba(178, 14, 91, 0.15);
    --bkc-0060f033: rgba(178, 14, 91, 0.2);
    --bkc-0060f0ff: #b20e5b;
    --bkc-0066ffff: #bd0f60;
    --bkc-0862caff: #961258;
    --bkc-0a7afc4c: rgba(192, 18, 110, 0.3);
    --bkc-0a7afcff: #c0126e;
    --bkc-17a2b84c: rgba(138, 28, 130, 0.3);
    --bkc-17a2b8ff: #8a1c82;
    --bkc-58b9fdff: #eb26a7;
    --bkc-d6e4ffff: #ffd6e7;
    --bkc-e6f0ffff: #ffe6f2;
    --bkc-f0f7ff80: rgba(255, 240, 248, 0.5);
    --bkc-f2f7ffff: #fff2f8;
    --bkc-f5f8faff: #faf5f8;
    --bkc-fbfdffff: #fffbfd;
}
:root[data-bk-theme="rainbow"] {
    --bkc-0050ccff: #33384c;
    --bkc-0060f014: rgba(60, 66, 89, 0.08);
    --bkc-0060f01a: rgba(60, 66, 89, 0.1);
    --bkc-0060f026: rgba(60, 66, 89, 0.15);
    --bkc-0060f033: rgba(60, 66, 89, 0.2);
    --bkc-0060f0ff: #3c4259;
    --bkc-0066ffff: #3f475f;
    --bkc-0862caff: #353c4d;
    --bkc-0a7afc4c: rgba(65, 75, 97, 0.3);
    --bkc-0a7afcff: #414b61;
    --bkc-17a2b84c: rgba(54, 68, 74, 0.3);
    --bkc-17a2b8ff: #36444a;
    --bkc-58b9fdff: #55667e;
    --bkc-d6e4ffff: #e4e6f1;
    --bkc-e6f0ffff: #eff0f6;
    --bkc-f0f7ff80: rgba(245, 247, 250, 0.5);
    --bkc-f2f7ffff: #f7f7fa;
    --bkc-f5f8faff: #f7f7f8;
    --bkc-fbfdffff: #fcfdfe;
}
:root:where([data-bk-theme]:not([data-bk-theme="default"])) {
    --primary-color: var(--bkc-0a7afcff);
    --primary-light: var(--bkc-58b9fdff);
    --primary-dark: var(--bkc-0862caff);
    --secondary-color: var(--bkc-58b9fdff);
    --text-color: #444444;
    --text-light: #666666;
    --text-dark: #222222;
    --bg-gradient-start: var(--bkc-0a7afcff);
    --bg-gradient-end: var(--bkc-58b9fdff);
    --card-bg: #ffffff;
    --card-border: rgba(230, 230, 230, 0.8);
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --border-light: rgba(255, 255, 255, 0.2);
    --border-medium: rgba(0, 0, 0, 0.1);
    --section-bg: #f8f9fa;
    --chart-bg: var(--bkc-f0f7ff80);
    --blue-primary: var(--bkc-0066ffff);
    --blue-hover: var(--bkc-0050ccff);
    --blue-light: var(--bkc-e6f0ffff);
    --background: var(--bkc-f5f8faff);
    --text-primary: #333333;
    --text-secondary: #666666;
    --border-color: #E1E8ED;
    --avatar-size: 40px;
    --user-avatar-size: 50px;
    --accent-green: #28a745;
    --accent-orange: #fd7e14;
    --accent-red: #dc3545;
    --accent-purple: #6f42c1;
    --accent-blue: var(--bkc-17a2b8ff);
    --stats-color: #343a40;
    --hover-bg: #f8f9fa;
    --progress-bg: #e9ecef;
    --progress-bar: var(--bkc-0060f0ff);
    --progress-text: #495057;
    --progress-stage-complete: #28a745;
    --progress-stage-error: #dc3545;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) body {
    background: linear-gradient(to bottom, var(--bg-gradient-start), var(--bg-gradient-end));
    color: var(--text-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .container {
    border-radius: 12px;
    border: 1px solid var(--border-light);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .header {
    border-bottom: 1px solid var(--border-light);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .title {
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-link {
    color: white;
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-link:hover {
    background: rgba(255, 255, 255, 0.15);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-item.active .nav-link {
    background: white;
    color: var(--primary-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mobile-menu-toggle {
    background: none;
    border: none;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .mobile-menu-toggle .bar {
    background-color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-container {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    border: 1px solid var(--card-border);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-btn {
    background-color: #f0f0f0;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--text-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-btn:hover {
    background-color: #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-btn.active {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
    box-shadow: 0 4px 15px var(--bkc-0a7afc4c);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .section-toggle-btn.active:hover {
    background-color: var(--primary-dark);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .data-source-selection-row {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    border: 1px solid var(--card-border);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .source-tab {
    background-color: rgba(255, 255, 255, 0.2);
    color: var(--text-color);
    border: none;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .source-tab:hover {
    background-color: rgba(255, 255, 255, 0.8);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .source-tab.active {
    background-color: white;
    color: var(--primary-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .source-tab.active:after {
    background-color: var(--primary-color);
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .card {
    background-color: var(--card-bg);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    border: 1px solid var(--card-border);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .card-header {
    border-bottom: 1px solid var(--card-border);
    background-color: var(--section-bg);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .card-title {
    color: var(--primary-dark);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .intro-card h2 {
    color: var(--primary-dark);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .intro-card p {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-input {
    border: 1px solid var(--border-color);
    border-radius: 8px 0 0 8px;
    outline: none;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-input:focus {
    border-color: var(--blue-primary);
    box-shadow: 0 0 0 2px var(--bkc-0060f01a);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-button {
    background-color: var(--blue-primary);
    color: white;
    border: none;
    border-radius: 0 8px 8px 0;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-button:hover {
    background-color: var(--blue-hover);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .spinner {
    border: 4px solid var(--bkc-0060f033);
    border-radius: 50%;
    border-top: 4px solid var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-container {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-stage {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress {
    background-color: var(--progress-bg);
    border-radius: 6px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-bar {
    background-color: var(--progress-bar);
    border-radius: 6px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-bar.progress-stage-complete {
    background-color: var(--progress-stage-complete);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-container.progress-error .progress-bar {
    background-color: var(--progress-stage-error);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-message {
    color: var(--progress-text);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-message.warning-message {
    color: var(--accent-orange);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .progress-details {
    color: var(--text-secondary);
    border-top: 1px solid var(--progress-bg);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .connection-note {
    color: #666;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .retry-status {
    background-color: var(--accent-orange);
    color: white;
    border-radius: 12px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .error-message {
    background-color: #FEE;
    color: #D00;
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .stats-summary-card {
    background-color: var(--bkc-0066ffff);
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-profile-avatar {
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .stat-box {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .stat-box.analyzed {
    background-color: var(--bkc-17a2b84c);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .notice {
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .info-card {
    background-color: #FFF9E6;
    border-left: 4px solid #FFC107;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .info-title {
    color: #664D03;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .info-list {
    color: #664D03;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-and-controls {
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-section h4,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .sort-section h4,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-section h4 {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option {
    border-radius: 8px;
    background-color: var(--section-bg);
    border: 1px solid var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option:hover {
    background-color: var(--bkc-0060f014);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option input:checked + span {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-option:has(input:checked) {
    background-color: var(--bkc-0060f026);
    border-color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .sort-select {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: white;
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-button {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: white;
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-button:hover {
    background-color: var(--section-bg);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-button.active {
    background-color: var(--blue-primary);
    color: white;
    border-color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .view-button.active svg {
    stroke: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .filter-and-controls {
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .tooltip .tooltiptext {
    background-color: #333;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .tooltip .tooltiptext::after {
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .tooltip .tooltiptext::after {
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row .user-type-badge.tooltip .tooltiptext::after {
    border-color: transparent #333 transparent transparent;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .results-card h3 {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .results-card p {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .results-header {
    border-bottom: 1px solid var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-info {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-button {
    background-color: var(--section-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-button:hover:not(:disabled) {
    background-color: var(--blue-primary);
    color: white;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-button:disabled {
    background-color: var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .pagination-pages {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-card-header {
    border-bottom: 1px solid var(--border-color);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-avatar {
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-name {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-name:hover {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-handle {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-handle:hover {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-metric {
    background-color: var(--section-bg);
    border-radius: 8px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-metric-label {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .network-metric-value {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .user-type-badge {
    border-radius: 12px;
    background-color: var(--bkc-0060f01a);
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row {
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-row:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-avatar {
    border-radius: 50%;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-name {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-name:hover {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-handle {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-handle:hover {
    color: var(--blue-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-stat-label {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .account-list-stat-value {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .empty-state {
    background-color: var(--section-bg);
    border-radius: 12px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .empty-state-icon {
    color: var(--text-light);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .empty-state h3 {
    color: var(--text-primary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .empty-state p {
    color: var(--text-secondary);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .footer {
    border-top: 1px solid var(--border-light);
    color: rgba(255, 255, 255, 0.8);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .footer a {
    color: rgba(255, 255, 255, 0.9);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .loading p,
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .white-text {
    color: white !important;
}
@media (max-width: 768px) {
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-menu {
        background: white;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-link {
        color: var(--text-color);
    }
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .nav-item.active .nav-link {
        background: var(--chart-bg);
        color: var(--primary-color);
        box-shadow: none;
    }
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-input {
        border-radius: 8px;
    }
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .search-button {
        border-radius: 8px;
    }
}
@media (max-width: 576px) {
    :where(:root[data-bk-theme]:not([data-bk-theme="default"])) .container {
        border-radius: 0;
        border: none;
        background: transparent;
        box-shadow: none;
    }
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) h1.title {
    border: 0;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar {
    border: 1px solid var(--bkc-d6e4ffff);
    border-radius: 12px;
    background: linear-gradient(90deg, var(--bkc-f2f7ffff), var(--bkc-fbfdffff));
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-text strong {
    color: #18181b;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-text span {
    color: #5b6b7c;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-button {
    border-radius: 999px;
    background-color: #ff5e5b;
    color: #fff;
    box-shadow: 0 1px 2px rgba(255, 94, 91, 0.35);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-button:hover {
    background-color: #f04b48;
    color: #fff;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-bar-button:focus-visible {
    outline: 2px solid var(--bkc-0066ffff);
    outline-offset: 2px;
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-note {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
:where(:root[data-bk-theme]:not([data-bk-theme="default"])) .support-note a {
    color: #fff;
}