:root {
  --font-main: "TT-Interphases-Pro", system-ui, sans-serif;
  --duel-header-bg: #070b23;
  --duel-side-nav-bg: var(--duel-header-bg);
  --duel-side-nav-edge: rgba(26, 34, 63, 0.95);
  --duel-side-nav-glow: rgba(7, 11, 35, 0.55);
  --duel-side-nav-btn-bg: rgb(38, 44, 80);
  --duel-side-nav-btn-border: rgb(51, 57, 92);
  --duel-side-nav-btn-bg-hover: rgb(33, 38, 70);
  --duel-side-nav-btn-border-hover: rgb(46, 51, 83);
  --duel-side-nav-item-bg-hover: rgb(52, 60, 100);
  --duel-side-nav-item-border-hover: rgb(51, 57, 92);
  --duel-side-nav-item-text: #d8e4ff;
  --duel-text-muted: rgb(118, 127, 170);
  --duel-accent-btn-bg: rgb(69, 88, 255);
  --duel-accent-btn-border: rgb(93, 110, 255);
  --duel-accent-btn-bg-hover: rgb(54, 75, 244);
  --duel-accent-btn-border-hover: rgb(77, 96, 245);
  --duel-icon-filter-muted: brightness(0) saturate(100%) invert(37%) sepia(12%) saturate(645%) hue-rotate(189deg) brightness(89%) contrast(90%);
  --duel-icon-filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(100%);
  --duel-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.765 6.96a4.194 4.194 0 1 1 8.388 0 4.194 4.194 0 0 1-8.388 0M6.959.667a6.291 6.291 0 1 0 3.644 11.419l2.954 2.953a1.048 1.048 0 0 0 1.483-1.482l-2.953-2.953A6.29 6.29 0 0 0 6.96.668' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.duel-u-text-muted {
  color: var(--duel-text-muted);
  transition: color .15s cubic-bezier(.4, 0, .2, 1);
}

.duel-u-hover-text-white {
  transition: color .15s cubic-bezier(.4, 0, .2, 1);
}

.duel-u-hover-text-white:hover {
  color: #fff;
}

.duel-u-hover-text-muted {
  transition: color .15s cubic-bezier(.4, 0, .2, 1);
}

.duel-u-hover-text-muted:hover {
  color: var(--duel-text-muted);
}