:root {
  --theme-primary-color: #325d88;
  --theme-second-color: #589add;
  /* --text-color: #333;
  --border-radius: 8px;
  --container-width: 1200px; */

  /* --color-info: #c8b7ff;
  --color-primary: #83a8da;
  --color-primary-soft: rgba(50, 93, 136, .8);
  --color-primary-bg: #325d88;
  --color-primary-text: #83a8da;
  --color-primary-text-hover: #a8c8e8;
  --color-primary-dark: #284d70;
  --color-focus-ring: #83a8da;
  --color-accent: #a8c8e8;
  --color-orange: #f97316;
  --color-secondary: #64748b;
  --color-warning: #ca8a04;
  --color-error: #dc2626;
  --color-error-text: #e3cbcc;
  --color-success: #16a34a;
  --color-success-soft: #34a35c;
  --color-bg: #000000; */
  --color-surface: rgba(33, 33, 37, .8980392157);
  --color-surface2: rgba(33, 33, 37, 1);
  --color-surface2: rgba(33, 33, 37, 0);
  --color-surface-muted: rgba(37, 42, 44, .6509803922);
  /* --color-surface-elevated: #303030;
  --color-text: #dddddd;
  --color-text-muted: rgba(255, 255, 255, .5);
  --color-text-secondary: rgba(212, 212, 212, .97);
  --color-text-dark: #dddddd;
  --color-text-color: #dddddd;
  --color-text-night: #dddddd;
  --color-border-hover: #313234;
  --color-border: #343a40;
  --color-border-subtle: #343a40;
  --color-border-subtle-hover: #4a5259;
  --color-divider-faint: #343a40;
  --color-text-on-primary: #ffffff;
  --color-link-text: #9ab0c9;
  --color-link-text-hover: #bfd0e3;
  --color-overlay-scrim: rgba(0, 0, 0, .65);
  --color-overlay-scrim-strong: rgba(0, 0, 0, .78);
  --color-modal-backdrop: rgba(0, 0, 0, .55);
  --color-error-surface: rgba(220, 38, 38, .08);
  --color-error-border: rgba(220, 38, 38, .2);
  --color-anime-bg: #000000;
  --color-anime: rgb(0, 97, 161);
  --color-anime-hover: rgb(0, 83, 138);
  --color-anime-surface: #dddddd;
  --color-anime-surface-raised: #f1f5f9;
  --color-anime-text: #dddddd;
  --color-anime-text-muted: rgba(255, 255, 255, .5);
  --color-anime-accent: #325d88;
  --color-anime-accent-bg: #325d88;
  --color-anime-accent-dark: #6393c2;
  --color-anime-accent-soft: rgba(50, 93, 136, .12);
  --color-anime-border: #343a40;
  --color-anime-border-strong: #4a5259;
  --color-manga-bg: #000000;
  --color-manga: #006100;
  --color-manga-hover: #005200;
  --color-manga-surface: #dddddd;
  --color-manga-surface-raised: #f1f5f9;
  --color-manga-text: #dddddd;
  --color-manga-text-muted: rgba(255, 255, 255, .5);
  --color-manga-accent: #005200;
  --color-manga-link-text: #098709;
  --color-manga-link-hover: #13a413;
  --color-manga-accent-dark: #006100;
  --color-manga-accent-soft: rgba(0, 97, 0, .15);
  --color-manga-border: #343a40;
  --color-manga-border-strong: #4a5259;
  --color-reader-canvas: transparent;
  --color-music: #c46a1e;
  --color-music-hover: #a85818;
  --color-music-border: #5c3d1a;
  --color-music-border-strong: #c46a1e;
  --color-music-text: #dddddd;
  --color-character: rgba(58, 153, 231, .856);
  --color-character-hover: rgb(70, 160, 230);
  --color-character-border: rgb(96, 165, 250);
  --color-character-text: #dddddd;
  --color-character-accent: rgba(58, 153, 231, .856);
  --color-character-gender-female: #f78fa7;
  --color-character-gender-male: #60a5fa;
  --color-character-gender-other: #64748b;
  --color-game: #6d28d9;
  --color-game-hover: #5b21b6;
  --color-game-border: #c8b7ff;
  --color-game-text: #dddddd;
  --color-detail-bg: #ffffff;
  --color-detail-panel: rgba(37, 42, 44, .6509803922);
  --color-detail-panel-elevated: #303030;
  --color-detail-label: rgba(255, 255, 255, .5);
  --color-detail-accent: #83a8da;
  --color-detail-tag-bg: rgba(50, 93, 136, .15);
  --color-detail-tag-border: rgba(50, 93, 136, .35);
  --color-sidebar-bg: #1e293b;
  --color-sidebar-bg-hover: #343a40;
  --color-sidebar-text: #dddddd;
  --color-sidebar-text-muted: rgba(255, 255, 255, .5);
  --color-sidebar-active: #83a8da;
  --color-sidebar-active-bg: rgba(50, 93, 136, .18);
  --color-sidebar-border: #343a40;
  --color-tab-active: rgba(131, 168, 218, .28);
  --color-tab-active-text: #d7e4f4;
  --color-card-bg: rgba(33, 33, 37, .8980392157);
  --color-card-bg-alpha: rgba(33, 33, 37, .8980392157);
  --color-card-bg-muted: #000000;
  --color-card-bg-night: rgba(33, 33, 37, .8980392157);
  --color-card-bg-night-alpha: rgba(48, 48, 48, .5019607843);
  --color-bg-night: #000000;
  --color-poster-bg: #252a2a;
  --color-poster-skeleton: #303030;
  --color-skeleton-base: #252a2a;
  --color-skeleton-highlight: #343a40;
  --color-meta-subtle: rgba(255, 255, 255, .5);
  --color-cancel-text: #83a8da;
  --color-nav: rgba(255, 255, 255, .5);
  --color-rate-high: rgb(230, 255, 118);
  --color-rate-top: rgb(251, 255, 0);
  --color-rate-generic-bg: rgb(10, 2, 6);
  --color-rate-generic: rgb(212, 241, 255);
  --color-rate-low: #c76e6e;
  --color-rate-surface-top: #ebfd47;
  --color-rate-surface-high: #9aca40;
  --color-rate-surface-low: #fca5a5;
  --color-rate-surface-top-bg: rgba(253, 224, 71, .14);
  --color-rate-surface-high-bg: rgba(217, 249, 157, .12);
  --color-rate-surface-low-bg: rgba(252, 165, 165, .14);
  --color-score-star: #eab308;
  --color-badge-bg: rgb(10, 2, 6);
  --color-badge-new: #dc2626;
  --color-badge-top: #ff8112;
  --color-badge-top-text: #f1f8ff;
  --color-badge-new-text: #f1f8ff;
  --color-overlay-badge-color: #dedada;
  --color-overlay-badge: rgba(41, 41, 43, .698);
  --color-overlay-badge-strong: rgba(41, 41, 43, .88);
  --color-border-badge: rgba(255, 255, 255, .25);
  --color-border-badge-strong: rgba(255, 255, 255, .35);
  --color-overlay-viewed: rgba(15, 23, 42, .12);
  --color-overlay-play: rgba(15, 23, 42, .45);
  --color-play-btn-bg: #dddddd;
  --color-play-btn-fg: #000000;
  --color-mal-watching: #2db039;
  --color-mal-completed: #26448f;
  --color-mal-held: #f1c83e;
  --color-mal-dropped: #a12f31;
  --color-mal-planned: #c3c3c3;
  --color-show-tv: #f1f8ff;
  --color-show-movie: #a6ffed;
  --color-show-ova: #bee8ff;
  --color-show-ona: #bed6ff;
  --color-comment-holder: #007bff;
  --color-own-comments: #f1c83e;
  --color-pin-comments-bg: rgba(255, 174, 0, .1882352941);
  --color-own-comments-bg: rgba(0, 123, 255, .1882352941);
  --color-status-live: #16a34a;
  --color-reaction-active: #dde112;
  --color-reaction-active-soft: rgba(50, 93, 136, .12);
  --color-info-panel-bg: rgba(37, 42, 44, .6509803922);
  --color-card-text: #dddddd;
  --color-notes: rgba(212, 212, 212, .973);
  --color-notes-secondary: rgba(160, 160, 160, .774);
  --color-volume: #f08e0e;
  --color-alert-info: rgba(255, 174, 0, .452);
  --color-user: #8b4513;
  --color-liked: #fbff12;
  --color-music-accent: #c46a1e;
  --color-music-card-bg: rgba(59, 43, 30, .8431372549);
  --color-music-player-bg: rgba(33, 33, 37, .87);
  --color-music-player-border: #343a40;
  --color-music-player-text: #dddddd;
  --color-music-player-text-muted: rgba(255, 255, 255, .55);
  --color-music-player-control-hover: rgba(255, 255, 255, .08);
  --color-music-player-active: #dddddd;
  --color-music-player-thumb-active-bg: #c46a1e;
  --color-music-player-active-soft: rgba(50, 93, 136, .22);
  --color-music-player-queue-bg: rgba(37, 42, 44, .6509803922);
  --color-music-player-queue-playing: #ff9e3e;
  --color-music-player-queue-active: rgba(131, 168, 218, .16);
  --color-music-player-header-transport-bg: rgba(18, 18, 22, .92);
  --color-music-player-header-transport-hover: rgba(255, 255, 255, .1);
  --color-anycard-anime: rgb(0, 97, 161);
  --color-anycard-manga: #006100;
  --color-anycard-anime-hover: rgb(0, 83, 138);
  --color-anycard-manga-hover: #005200;
  --color-anycard-new: #993700;
  --color-anycard-highrate: #ad0000;
  --color-anycard-highrate-text: #ffffff;
  --color-manga-viewer-bg: rgba(3, 3, 3, .452);
  --color-btn-surface: rgb(231, 231, 231);
  --color-spoiler-bg: #4a5568;
  --color-spoiler-fg: #4a5568;
  --color-disqus-bg: #303030;
  --color-disqus-text: #dddddd;
  --color-disqus-link: #93c54b;
  --color-chat-bubble-bg: #2f3136;
  --color-chat-bubble-text: #dddddd;
  --color-info-bg: #4b37a1;
  --color-badge-color: rgb(212, 241, 255); */
}

header #user .sign-in {
  background-color: var(--theme-primary-color);
}

.btn-primary {
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}

.swiper-pagination-bullet-active {
  background-color: var(--theme-primary-color);
}

.tabs .tab.active {
  background: var(--theme-primary-color);
}

.ep-status.sub:after,
.ep-status.sub:before {
  background: var(--theme-primary-color);
}

#home-discussion .hd-title i {
  color: var(--theme-primary-color);
}

#home-discussion .hd-tab.active::after {
  background: var(--theme-primary-color);
}

#w-media #w-player #player-wrapper #player .play {
  background: var(--theme-primary-color);
}

#w-player #w-servers .servers .type ul li.active {
  background: var(--theme-primary-color);
}

#w-episodes .body .episodes.name ul li a.active,
#w2g-episodes .modal-content .body .episodes ul li a.active {
  border-color: var(--theme-primary-color) !important;
  background: var(--theme-primary-color) !important;
}

#w-info .brating .rating .score .value {
  color: var(--theme-primary-color);
}

#w-info .binfo .info .meta>div>span a {
  color: var(--theme-primary-color);
}

a:hover {
  color: var(--theme-primary-color);
}

ul.az-filters li a.active {
  background: var(--theme-primary-color);
}

footer .azlist ul li a:hover {
  background: var(--theme-primary-color);
}

.page-item.active .page-link {
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}

.tooltipster-sidetip .tooltipster-content .title {
  color: #b68bf3;
}

.tooltipster-sidetip .tooltipster-content .actions .watch:hover {
  background: var(--theme-primary-color);
}

a {
  color: var(--theme-second-color);
}

.ani.items .item .info .name:hover {
  color: var(--theme-second-color);
}

.scaff.items .item:hover .info .name {
  color: var(--theme-second-color);
}

.switch>span:hover {
  background: var(--theme-primary-color);
}

header .main-menu:hover {
  color: var(--theme-second-color);
}

header .main-menu:hover .icon {
  color: var(--theme-second-color);
}

section#schedule .body .items a.item:hover .ep {
  background: var(--theme-primary-color);
}

section#schedule .body .items a.item:hover .title {
  color: var(--theme-second-color);
}

#w-episodes .body .episodes.number ul li a.active,
#w-episodes .body .episodes.number ul li a.active:visited {
  border-color: var(--theme-primary-color) !important;
  background: var(--theme-primary-color) !important;
}

#w-player #w-servers .tip b {
  color: var(--theme-second-color);
}

header.fixed {
  background: var(--color-surface);
}

/* #search form button,
#search form input {
  background: var(--color-surface-muted);
}

#search form {
  background-color: var(--color-surface-muted);
}

#search .search-popup {
  background: var(--color-surface-muted);
} */

body {
  background-color: #0E0E10;
  /* background-color: color-mix(in srgb, var(--color-surface) 48%, transparent); */
}

.side.items .item .inner {
  background: var(--color-surface);
}

/* home */
#hotest .item {
  background: var(--color-surface);
}

#hotest .item .image:after {
  /* background: linear-gradient(90deg, var(--color-surface2) 0, var(--color-surface3) 100%); */
  background: linear-gradient(90deg, #1F1F23 0, rgba(20, 32, 48, 0) 100%);
}

.bsharing {
  background: var(--color-surface);
}

#home-discussion .hd-strip-inner {
  background: var(--color-surface);
}

section.top-table .body .items .item {
  background: var(--color-surface);
}

/* section#schedule .body {
  background: var(--color-surface);
} */