.mkt-neon-ribbon {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 20px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  color: #fff;
  background: linear-gradient(90deg, #06b6d4, #8b5cf6, #ec4899, #06b6d4);
  background-size: 200% auto;
  border: 2px solid rgba(255, 255, 255, 0.7);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.6);
  animation: mkt-neon-slide 3s linear infinite;
}

@keyframes mkt-neon-slide {
  to {
    background-position: 200% center;
  }
}
.mkt-pastel-pop {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #fce7f3 0%, #f9a8d4 100%);
  border: 2px solid #ec4899;
  color: #831843;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

.mkt-holo-chip {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 8px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  color: #0f172a;
  background: linear-gradient(110deg, #fef08a, #bae6fd, #e9d5ff, #fecdd3, #fef08a);
  background-size: 250% 100%;
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 1px 1px #fff, 0 3px 8px rgba(0, 0, 0, 0.12);
  animation: mkt-holo-shift 4s linear infinite;
}

@keyframes mkt-holo-shift {
  to {
    background-position: 250% 0;
  }
}
.mkt-outline-glow {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #06b6d4;
  color: #0e7490;
  box-shadow: 0 0 10px rgba(6, 182, 212, 0.5), inset 0 0 8px rgba(6, 182, 212, 0.15);
}

.mkt-ol-magenta {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #d946ef;
  color: #a21caf;
  box-shadow: 0 0 10px rgba(217, 70, 239, 0.5), inset 0 0 8px rgba(217, 70, 239, 0.15);
}

.mkt-ol-violet {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #8b5cf6;
  color: #6d28d9;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5), inset 0 0 8px rgba(139, 92, 246, 0.15);
}

.mkt-ol-emerald {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #10b981;
  color: #047857;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.5), inset 0 0 8px rgba(16, 185, 129, 0.15);
}

.mkt-ol-amber {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #f59e0b;
  color: #b45309;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.5), inset 0 0 8px rgba(245, 158, 11, 0.15);
}

.mkt-ol-rose {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #f43f5e;
  color: #be123c;
  box-shadow: 0 0 10px rgba(244, 63, 94, 0.5), inset 0 0 8px rgba(244, 63, 94, 0.15);
}

.mkt-shimmer-title {
  display: inline-block !important;
  font-weight: 900;
  background: linear-gradient(110deg, #334155 20%, #fff 40%, #38bdf8 50%, #fff 60%, #334155 80%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: mkt-shine 2.8s linear infinite;
}

@keyframes mkt-shine {
  to {
    background-position: 200% center;
  }
}
.mkt-chrome-capsule {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 20px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #f8fafc 0%, #cbd5e1 42%, #94a3b8 50%, #e2e8f0 58%, #f8fafc 100%);
  border: 2px solid #64748b;
  color: #1e293b;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15), inset 0 1px 1px #fff;
}

.mkt-crimson-seal {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 12px;
  border-radius: 20px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: radial-gradient(circle at 35% 30%, #fca5a5 0%, #dc2626 60%, #7f1d1d 100%);
  border: 2px solid #fecaca;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 12px rgba(220, 38, 38, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.5);
}

.mkt-sky-tape {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 0;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(125, 211, 252, 0.45);
  border-top: 2px dashed #0284c7;
  border-bottom: 2px dashed #0284c7;
  border-left: 1px solid rgba(2, 132, 199, 0.6);
  border-right: 1px solid rgba(2, 132, 199, 0.6);
  color: #0c4a6e;
  box-shadow: 0 2px 5px rgba(2, 132, 199, 0.2);
  transform: rotate(-1deg);
}

.mkt-kp-sunset {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #fdba74 0%, #f43f5e 100%);
  border: 2px solid #be123c;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.6);
}

.mkt-kp-foam {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 20px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #f0fdfa 0%, #99f6e4 100%);
  border: 2px solid #14b8a6;
  color: #134e4a;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

.mkt-kp-grape {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #d8b4fe 0%, #7c3aed 100%);
  border: 2px solid #6d28d9;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.6);
}

.mkt-kp-matcha {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #d9f99d 0%, #65a30d 100%);
  border: 2px solid #4d7c0f;
  color: #1a2e05;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

.mkt-kp-gum {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 12px;
  border-radius: 20px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #f9a8d4 0%, #ec4899 100%);
  border: 2px solid #db2777;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.6);
}

.mkt-kp-lemon {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 6px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #fef08a 0%, #eab308 100%);
  border: 2px solid #ca8a04;
  color: #451a03;
  box-shadow: 0 0 10px rgba(234, 179, 8, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

.mkt-kp-night {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #22d3ee;
  color: #a5f3fc;
  box-shadow: 0 0 12px rgba(34, 211, 238, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.2);
}

.mkt-kp-candy {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: repeating-linear-gradient(45deg, #fbcfe8 0 8px, #bfdbfe 8px 16px);
  border: 2px solid #f472b6;
  color: #831843;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

.mkt-kp-lava {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 8px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #fca5a5 0%, #dc2626 100%);
  border: 2px solid #991b1b;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 12px rgba(220, 38, 38, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

.mkt-kp-frost {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.55);
  border: 2px solid rgba(255, 255, 255, 0.9);
  color: #0c4a6e;
  box-shadow: 0 3px 10px rgba(2, 132, 199, 0.2), inset 0 1px 1px #fff;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.mkt-kp-gold {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #fde68a 0%, #b45309 100%);
  border: 2px solid #92400e;
  color: #451a03;
  box-shadow: 0 3px 8px rgba(180, 83, 9, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

.mkt-kp-mint {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background-color: #a7f3d0;
  background-image: radial-gradient(#059669 1.2px, transparent 1.3px);
  background-size: 10px 10px;
  border: 2px solid #059669;
  color: #064e3b;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

.mkt-kp-uv {
  display: inline-block !important;
  font-weight: 900;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  color: #7c3aed;
  text-shadow: 0 0 8px rgba(139, 92, 246, 0.8), 0 0 2px rgba(124, 58, 237, 0.6);
  border-bottom: 2px dotted #8b5cf6;
}

.mkt-kp-key {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 9px;
  border-radius: 6px;
  font-weight: 800;
  font-family: monospace;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, #fff 0%, #cbd5e1 100%);
  border: 2px solid #94a3b8;
  border-bottom-width: 4px;
  color: #1e293b;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

.mkt-kp-stick {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 14px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: #fff;
  border: 2px solid #0ea5e9;
  color: #0c4a6e;
  box-shadow: 2px 2px 0 #0ea5e9;
}

.orange-hl-1, .orange-hl-2, .orange-hl-3, .orange-hl-4, .orange-hl-5, .orange-hl-6, .orange-hl-7, .orange-hl-8, .orange-hl-9, .orange-hl-10, .orange-hl-11, .orange-hl-12, .orange-hl-13, .orange-hl-14, .orange-hl-15, .orange-hl-16, .orange-hl-17, .orange-hl-18, .orange-hl-19, .orange-hl-20, .orange-hl-21, .orange-hl-22, .orange-hl-23, .orange-hl-24, .orange-hl-25, .orange-hl-26, .orange-hl-27, .orange-hl-28, .orange-hl-29, .orange-hl-30, .orange-hl-31, .orange-hl-32, .orange-hl-33, .orange-hl-34, .orange-hl-35, .orange-hl-36, .orange-hl-37, .orange-hl-38, .orange-hl-39, .orange-hl-40, .orange-hl-41, .orange-hl-42, .orange-hl-43, .orange-hl-44, .orange-hl-45, .orange-hl-46, .orange-hl-47, .orange-hl-48, .orange-hl-49, .orange-hl-50 {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.orange-hl-1 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ff7700;
  border: 1.5px solid #cc5f00;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(255, 119, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-2 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ff8800;
  border: 1.5px solid #d47000;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(255, 136, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-3 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ff9900;
  border: 1.5px solid #d98200;
  color: #2e1a00;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(255, 153, 0, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.orange-hl-4 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ffaa00;
  border: 1.5px solid #e09400;
  color: #2e1a00;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(255, 170, 0, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.orange-hl-5 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ffbb00;
  border: 1.5px solid #e6a100;
  color: #2e1a00;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(255, 187, 0, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.orange-hl-6 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #f97316;
  border: 1.5px solid #c2410c;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(249, 115, 22, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-7 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ea580c;
  border: 1.5px solid #9a3412;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(234, 88, 12, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-8 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #c2410c;
  border: 1.5px solid #7c2d12;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(194, 65, 12, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-9 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #9a3412;
  border: 1.5px solid #431407;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55), 0 2px 4px rgba(154, 52, 18, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-10 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #7c2d12;
  border: 1.5px solid #290802;
  color: #ffedd5;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.45), 0 2px 4px rgba(124, 45, 18, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.orange-hl-11 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #fb923c;
  border: 1.5px solid #ea580c;
  color: #431407;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(251, 146, 60, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.orange-hl-12 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #fdba74;
  border: 1.5px solid #f97316;
  color: #431407;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(253, 186, 116, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.orange-hl-13 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #fed7aa;
  border: 1.5px solid #fb923c;
  color: #7c2d12;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.95), 0 2px 4px rgba(254, 215, 170, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.orange-hl-14 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ffedd5;
  border: 1.5px solid #fdba74;
  color: #9a3412;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 4px rgba(255, 237, 213, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.orange-hl-15 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ff6b00;
  border: 1.5px solid #b34b00;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(255, 107, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-16 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #f59e0b;
  border: 1.5px solid #b45309;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(245, 158, 11, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-17 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #d97706;
  border: 1.5px solid #92400e;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(217, 119, 6, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-18 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #b45309;
  border: 1.5px solid #78350f;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(180, 83, 9, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-19 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #92400e;
  border: 1.5px solid #451a03;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55), 0 2px 4px rgba(146, 64, 14, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-20 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #fcd34d;
  border: 1.5px solid #d97706;
  color: #451a03;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(252, 211, 77, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.orange-hl-21 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #ff7700 0%, #ffcc00 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(255, 119, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-22 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #ea580c 0%, #fb923c 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(234, 88, 12, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-23 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #c2410c 0%, #f97316 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(194, 65, 12, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-24 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #9a3412 0%, #ea580c 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 4px rgba(154, 52, 18, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-25 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #ff4500 0%, #ff8c00 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(255, 69, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-26 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #cc5500;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(204, 85, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-27 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #d35400;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(211, 84, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-28 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #e67e22;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(230, 126, 34, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-29 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #f39c12;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #2e1a00;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(243, 156, 18, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.orange-hl-30 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #d68910;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  color: #2e1a00;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(214, 137, 16, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.orange-hl-31 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ff5722;
  border: 1.5px solid #d84315;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(255, 87, 34, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-32 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #f4511e;
  border: 1.5px solid #bf360c;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(244, 81, 30, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-33 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #e64a19;
  border: 1.5px solid #bf360c;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(230, 74, 25, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-34 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #d84315;
  border: 1.5px solid #870000;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(216, 67, 21, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-35 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #bf360c;
  border: 1.5px solid #5d1000;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55), 0 2px 4px rgba(191, 54, 12, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-36 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ff9800;
  border: 1.5px solid #ef6c00;
  color: #2e1a00;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(255, 152, 0, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.orange-hl-37 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #fb8c00;
  border: 1.5px solid #e65100;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(251, 140, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-38 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #f57c00;
  border: 1.5px solid #e65100;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(245, 124, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-39 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ef6c00;
  border: 1.5px solid #b26a00;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(239, 108, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-40 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #e65100;
  border: 1.5px solid #823100;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(230, 81, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-41 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #ffcc80;
  border: 1.5px solid #fb8c00;
  color: #431407;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 4px rgba(255, 204, 128, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.orange-hl-42 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #ffb74d;
  border: 1.5px solid #f57c00;
  color: #431407;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.95), 0 2px 4px rgba(255, 183, 77, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.orange-hl-43 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #ffa726;
  border: 1.5px solid #ef6c00;
  color: #2e1a00;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(255, 167, 38, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.orange-hl-44 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #ff9100;
  border: 1.5px solid #e65100;
  color: #2e1a00;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(255, 145, 0, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.orange-hl-45 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #ff6d00;
  border: 1.5px solid #b24700;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(255, 109, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-46 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #ff5722 0%, #ffb300 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(255, 87, 34, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-47 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #e65100 0%, #ffb74d 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(230, 81, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-48 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #d35400 0%, #f39c12 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(211, 84, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-49 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #bf360c 0%, #ff9800 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(191, 54, 12, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.orange-hl-50 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #ff9100 0%, #ffe082 100%);
  border: 1.5px solid #ffffff;
  color: #2e1a00;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 6px rgba(255, 145, 0, 0.4);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.green-hl-1, .green-hl-2, .green-hl-3, .green-hl-4, .green-hl-5, .green-hl-6, .green-hl-7, .green-hl-8, .green-hl-9, .green-hl-10, .green-hl-11, .green-hl-12, .green-hl-13, .green-hl-14, .green-hl-15, .green-hl-16, .green-hl-17, .green-hl-18, .green-hl-19, .green-hl-20, .green-hl-21, .green-hl-22, .green-hl-23, .green-hl-24, .green-hl-25, .green-hl-26, .green-hl-27, .green-hl-28, .green-hl-29, .green-hl-30, .green-hl-31, .green-hl-32, .green-hl-33, .green-hl-34, .green-hl-35, .green-hl-36, .green-hl-37, .green-hl-38, .green-hl-39, .green-hl-40, .green-hl-41, .green-hl-42, .green-hl-43, .green-hl-44, .green-hl-45, .green-hl-46, .green-hl-47, .green-hl-48, .green-hl-49, .green-hl-50 {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.green-hl-1 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #00ff66;
  border: 1.5px solid #00b347;
  color: #033013;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 255, 102, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.green-hl-2 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #10b981;
  border: 1.5px solid #047857;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(16, 185, 129, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-3 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #059669;
  border: 1.5px solid #065f46;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(5, 150, 105, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-4 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #047857;
  border: 1.5px solid #064e3b;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(4, 120, 87, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-5 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #065f46;
  border: 1.5px solid #022c22;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55), 0 2px 4px rgba(6, 95, 70, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-6 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #34d399;
  border: 1.5px solid #059669;
  color: #022c22;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(52, 211, 153, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.green-hl-7 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #6ee7b7;
  border: 1.5px solid #047857;
  color: #022c22;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(110, 231, 183, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.green-hl-8 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #a7f3d0;
  border: 1.5px solid #059669;
  color: #064e3b;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.95), 0 2px 4px rgba(167, 243, 208, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.green-hl-9 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #d1fae5;
  border: 1.5px solid #10b981;
  color: #065f46;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 4px rgba(209, 250, 229, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.green-hl-10 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #22c55e;
  border: 1.5px solid #15803d;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(34, 197, 94, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-11 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #16a34a;
  border: 1.5px solid #166534;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(22, 163, 74, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-12 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #15803d;
  border: 1.5px solid #14532d;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(21, 128, 61, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-13 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #166534;
  border: 1.5px solid #052e16;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55), 0 2px 4px rgba(22, 101, 52, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-14 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #86efac;
  border: 1.5px solid #16a34a;
  color: #052e16;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(134, 239, 172, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.green-hl-15 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #4ade80;
  border: 1.5px solid #15803d;
  color: #052e16;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(74, 222, 128, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.green-hl-16 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #84cc16;
  border: 1.5px solid #4d7c0f;
  color: #1a2e05;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(132, 204, 22, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.green-hl-17 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #65a30d;
  border: 1.5px solid #3f6212;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(101, 163, 13, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-18 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #4d7c0f;
  border: 1.5px solid #365314;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(77, 124, 15, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-19 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #a3e635;
  border: 1.5px solid #65a30d;
  color: #1a2e05;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(163, 230, 53, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.green-hl-20 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #bef264;
  border: 1.5px solid #4d7c0f;
  color: #1a2e05;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.95), 0 2px 4px rgba(190, 242, 100, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.green-hl-21 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #14b8a6;
  border: 1.5px solid #0f766e;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(20, 184, 166, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-22 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0d9488;
  border: 1.5px solid #115e59;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(13, 148, 136, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-23 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0f766e;
  border: 1.5px solid #134e4a;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(15, 118, 110, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-24 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #2dd4bf;
  border: 1.5px solid #0f766e;
  color: #042f2e;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(45, 212, 191, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.green-hl-25 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #5eead4;
  border: 1.5px solid #0d9488;
  color: #042f2e;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(94, 234, 212, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.green-hl-26 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #10b981 0%, #34d399 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(16, 185, 129, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-27 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #059669 0%, #6ee7b7 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(5, 150, 105, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-28 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #22c55e 0%, #86efac 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(34, 197, 94, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-29 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #16a34a 0%, #4ade80 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(22, 163, 74, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-30 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #65a30d 0%, #a3e635 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(101, 163, 13, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-31 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #047857;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(4, 120, 87, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-32 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #065f46;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(6, 95, 70, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-33 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #166534;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(22, 101, 52, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-34 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #14532d;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  color: #86efac;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(20, 83, 45, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.green-hl-35 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #365314;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  color: #bef264;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(54, 83, 20, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.green-hl-36 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #22c55e;
  border: 1.5px solid #16a34a;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(34, 197, 94, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-37 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #10b981;
  border: 1.5px solid #059669;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(16, 185, 129, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-38 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #14b8a6;
  border: 1.5px solid #0d9488;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(20, 184, 166, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-39 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #84cc16;
  border: 1.5px solid #65a30d;
  color: #1a2e05;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(132, 204, 22, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.green-hl-40 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #15803d;
  border: 1.5px solid #166534;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(21, 128, 61, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-41 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #bbf7d0;
  border: 1.5px solid #22c55e;
  color: #052e16;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 4px rgba(187, 247, 208, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.green-hl-42 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #a7f3d0;
  border: 1.5px solid #10b981;
  color: #064e3b;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.95), 0 2px 4px rgba(167, 243, 208, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.green-hl-43 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #99f6e4;
  border: 1.5px solid #14b8a6;
  color: #042f2e;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(153, 246, 228, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.green-hl-44 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #ecfccb;
  border: 1.5px solid #84cc16;
  color: #1a2e05;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(236, 252, 203, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.green-hl-45 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #dcfce7;
  border: 1.5px solid #15803d;
  color: #052e16;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.95), 0 2px 4px rgba(220, 252, 231, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.green-hl-46 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #059669 0%, #34d399 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(5, 150, 105, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-47 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #16a34a 0%, #86efac 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(22, 163, 74, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-48 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #0d9488 0%, #5eead4 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(13, 148, 136, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-49 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #4d7c0f 0%, #bef264 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(77, 124, 15, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.green-hl-50 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #22c55e 0%, #dcfce7 100%);
  border: 1.5px solid #ffffff;
  color: #052e16;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 6px rgba(34, 197, 94, 0.4);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.blue-hl-1, .blue-hl-2, .blue-hl-3, .blue-hl-4, .blue-hl-5, .blue-hl-6, .blue-hl-7, .blue-hl-8, .blue-hl-9, .blue-hl-10, .blue-hl-11, .blue-hl-12, .blue-hl-13, .blue-hl-14, .blue-hl-15, .blue-hl-16, .blue-hl-17, .blue-hl-18, .blue-hl-19, .blue-hl-20, .blue-hl-21, .blue-hl-22, .blue-hl-23, .blue-hl-24, .blue-hl-25, .blue-hl-26, .blue-hl-27, .blue-hl-28, .blue-hl-29, .blue-hl-30, .blue-hl-31, .blue-hl-32, .blue-hl-33, .blue-hl-34, .blue-hl-35, .blue-hl-36, .blue-hl-37, .blue-hl-38, .blue-hl-39, .blue-hl-40, .blue-hl-41, .blue-hl-42, .blue-hl-43, .blue-hl-44, .blue-hl-45, .blue-hl-46, .blue-hl-47, .blue-hl-48, .blue-hl-49, .blue-hl-50 {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.blue-hl-1 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #00f0ff;
  border: 1.5px solid #00aec7;
  color: #042f38;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 240, 255, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.blue-hl-2 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #14e5f4;
  border: 1.5px solid #0da2af;
  color: #032830;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(20, 229, 244, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.blue-hl-3 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #22d3ee;
  border: 1.5px solid #0891b2;
  color: #042533;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(34, 211, 238, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.blue-hl-4 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #06b6d4;
  border: 1.5px solid #0e7490;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(6, 182, 212, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-5 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0891b2;
  border: 1.5px solid #155e75;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 4px rgba(8, 145, 178, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-6 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0e7490;
  border: 1.5px solid #164e63;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(14, 116, 144, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-7 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #38bdf8;
  border: 1.5px solid #0284c7;
  color: #082f49;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(56, 189, 248, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.blue-hl-8 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0ea5e9;
  border: 1.5px solid #0369a1;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(14, 165, 233, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-9 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0284c7;
  border: 1.5px solid #075985;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(2, 132, 199, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-10 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0369a1;
  border: 1.5px solid #0c4a6e;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(3, 105, 161, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-11 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #60a5fa;
  border: 1.5px solid #2563eb;
  color: #1e1b4b;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(96, 165, 250, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.blue-hl-12 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #3b82f6;
  border: 1.5px solid #1d4ed8;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(59, 130, 246, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-13 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #2563eb;
  border: 1.5px solid #1e40af;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(37, 99, 235, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-14 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #1d4ed8;
  border: 1.5px solid #1e3a8a;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.65), 0 2px 4px rgba(29, 78, 216, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-15 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #1e40af;
  border: 1.5px solid #172554;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55), 0 2px 4px rgba(30, 64, 175, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-16 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #93c5fd;
  border: 1.5px solid #3b82f6;
  color: #172554;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(147, 197, 253, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.blue-hl-17 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #dbeafe;
  border: 1.5px solid #60a5fa;
  color: #1e3a8a;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 4px rgba(219, 234, 254, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.blue-hl-18 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #e0f2fe;
  border: 1.5px solid #38bdf8;
  color: #0c4a6e;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 4px rgba(224, 242, 254, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.blue-hl-19 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #cffafe;
  border: 1.5px solid #22d3ee;
  color: #164e63;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 4px rgba(207, 250, 254, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.blue-hl-20 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #a5f3fc;
  border: 1.5px solid #06b6d4;
  color: #082f49;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(165, 243, 252, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.blue-hl-21 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #818cf8;
  border: 1.5px solid #4f46e5;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(129, 140, 248, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-22 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #6366f1;
  border: 1.5px solid #4338ca;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(99, 102, 241, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-23 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #4f46e5;
  border: 1.5px solid #3730a3;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 4px rgba(79, 70, 229, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-24 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #4338ca;
  border: 1.5px solid #312e81;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(67, 56, 202, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-25 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #3730a3;
  border: 1.5px solid #1e1b4b;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(55, 48, 163, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-26 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #115e59;
  border: 1.5px solid #042f2e;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(17, 94, 89, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-27 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0f766e;
  border: 1.5px solid #115e59;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(15, 118, 110, 0.25);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-28 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #14b8a6;
  border: 1.5px solid #0f766e;
  color: #042f2e;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(20, 184, 166, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.blue-hl-29 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #2dd4bf;
  border: 1.5px solid #14b8a6;
  color: #042f2e;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(45, 212, 191, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.blue-hl-30 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #5eead4;
  border: 1.5px solid #0d9488;
  color: #042f2e;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(94, 234, 212, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.blue-hl-31 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #0061ff 0%, #60efff 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 97, 255, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-32 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #0076ff 0%, #00a2ff 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 118, 255, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-33 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(2, 132, 199, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-34 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(37, 99, 235, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-35 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #0e7490 0%, #22d3ee 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(14, 116, 144, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-36 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 4px rgba(30, 58, 138, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-37 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #0369a1 0%, #00f0ff 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(3, 105, 161, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-38 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #4f46e5 0%, #38bdf8 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(79, 70, 229, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-39 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #0f766e 0%, #0ea5e9 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(15, 118, 110, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-40 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #1d4ed8 0%, #2dd4bf 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(29, 78, 216, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-41 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #1a56db;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(26, 86, 219, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-42 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #1e40af;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(30, 64, 175, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-43 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #1e3a8a;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(30, 58, 138, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-44 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), #172554;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  color: #93c5fd;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(23, 37, 84, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.blue-hl-45 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #bae6fd;
  border: 1.5px solid #0284c7;
  color: #032830;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 4px rgba(186, 230, 253, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.blue-hl-46 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #7dd3fc;
  border: 1.5px solid #0369a1;
  color: #082f49;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(125, 211, 252, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.blue-hl-47 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #38bdf8;
  border: 1.5px solid #075985;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 4px rgba(56, 189, 248, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-48 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #0ea5e9;
  border: 1.5px solid #0c4a6e;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(14, 165, 233, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-49 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #0284c7;
  border: 1.5px solid #1e3a8a;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 4px rgba(2, 132, 199, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.blue-hl-50 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), #0284c7;
  border: 1.5px solid #ffffff;
  color: #ffffff;
  box-shadow: inset 0 1px 2px rgb(255, 255, 255), 0 2px 6px rgba(2, 132, 199, 0.4);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pool-hl-1, .pool-hl-2, .pool-hl-3, .pool-hl-4, .pool-hl-5, .pool-hl-6, .pool-hl-7, .pool-hl-8, .pool-hl-9, .pool-hl-10, .pool-hl-11, .pool-hl-12, .pool-hl-13, .pool-hl-14, .pool-hl-15, .pool-hl-16, .pool-hl-17, .pool-hl-18, .pool-hl-19, .pool-hl-20, .pool-hl-21, .pool-hl-22, .pool-hl-23, .pool-hl-24, .pool-hl-25, .pool-hl-26, .pool-hl-27, .pool-hl-28, .pool-hl-29, .pool-hl-30, .pool-hl-31, .pool-hl-32, .pool-hl-33, .pool-hl-34, .pool-hl-35, .pool-hl-36, .pool-hl-37, .pool-hl-38, .pool-hl-39, .pool-hl-40, .pool-hl-41, .pool-hl-42, .pool-hl-43, .pool-hl-44, .pool-hl-45, .pool-hl-46, .pool-hl-47, .pool-hl-48, .pool-hl-49, .pool-hl-50 {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.pool-hl-1 {
  background: rgba(255, 237, 213, 0.45);
  border: 2px solid #fb923c;
  outline: 1px solid #fdba74;
  outline-offset: 2px;
  color: #9a3412;
  border-radius: 6px;
}

.pool-hl-2 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #fdba74 0%, #ea580c 100%);
  border: 2px solid #9a3412;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7);
}

.pool-hl-3 {
  background: rgba(236, 254, 255, 0.5);
  border: 2px solid #22d3ee;
  color: #0e7490;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(34, 211, 238, 0.55), inset 0 0 8px rgba(34, 211, 238, 0.2);
}

.pool-hl-4 {
  background: linear-gradient(90deg, #fb923c 0%, #fb923c 33%, #fff7ed 33%, #fff7ed 66%, #22d3ee 66%, #22d3ee 100%);
  border: 2px solid #0e7490;
  color: #7c2d12;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7);
}

.pool-hl-5 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #7dd3fc 0%, #0284c7 60%, #0c4a6e 100%);
  border: 2px solid #082f49;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  border-radius: 12px;
}

.pool-hl-6 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #fde047 0%, #f59e0b 100%);
  border: 2px solid #a16207;
  color: #713f12;
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8);
}

.pool-hl-7 {
  background: radial-gradient(circle at 78% 30%, #f8fafc 0%, #f8fafc 4%, rgba(248, 250, 252, 0) 5%), radial-gradient(circle at 20% 60%, #ffffff 0%, #ffffff 1.2%, rgba(255, 255, 255, 0) 2%), radial-gradient(circle at 55% 75%, #ffffff 0%, #ffffff 1.2%, rgba(255, 255, 255, 0) 2%), linear-gradient(180deg, #0c2a4a 0%, #020617 100%);
  border: 2px solid #38bdf8;
  color: #e0f2ff;
  border-radius: 16px;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.4);
}

.pool-hl-8 {
  background: radial-gradient(circle at 30% 25%, #ffffff 0%, #f0fdfa 45%, #5eead4 100%);
  border: 2px solid #0f766e;
  color: #134e4a;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px #fff;
}

.pool-hl-9 {
  background: repeating-linear-gradient(45deg, #14b8a6 0px, #14b8a6 10px, #f0fdfa 10px, #f0fdfa 20px);
  border: 2px solid #0f766e;
  color: #042f2e;
  border-radius: 8px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pool-hl-10 {
  background: linear-gradient(100deg, #fb923c 0%, #fcd34d 45%, #22d3ee 100%);
  border: 2px solid #0e7490;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 14px;
}

.pool-hl-11 {
  background: radial-gradient(circle at 50% 50%, #fff7ed 0%, #fff7ed 26%, #ea580c 26%, #ea580c 40%, #fff7ed 40%);
  border: 2px solid #9a3412;
  color: #7c2d12;
  border-radius: 999px;
}

.pool-hl-12 {
  background: radial-gradient(circle at 8px 8px, rgba(120, 53, 15, 0.5) 1.5px, rgba(120, 53, 15, 0) 2px) 0 0/16px 16px, radial-gradient(circle at 50% 40%, #fef3c7 0%, #e7c084 70%, #b45309 100%);
  border: 2px solid #92400e;
  color: #451a03;
  border-radius: 999px;
}

.pool-hl-13 {
  background: radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 35%), linear-gradient(180deg, #fb7185 0%, #e11d48 100%);
  border: 2px solid #881337;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 30px 30px 30px 6px;
}

.pool-hl-14 {
  background: repeating-radial-gradient(circle at 50% 120%, #ffe4e6 0px, #ffe4e6 5px, #fda4af 5px, #fda4af 7px);
  border: 2px solid #be123c;
  color: #881337;
  border-radius: 18px;
}

.pool-hl-15 {
  background: repeating-linear-gradient(90deg, #f0f9ff 0px, #f0f9ff 8px, rgba(240, 249, 255, 0) 8px, rgba(240, 249, 255, 0) 16px) 0 50%/100% 4px no-repeat, linear-gradient(180deg, #38bdf8 0%, #075985 100%);
  border: 2px solid #082f49;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  border-radius: 8px;
}

.pool-hl-16 {
  background: radial-gradient(circle at 18% 80%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 3px, rgba(255, 255, 255, 0) 4px), radial-gradient(circle at 14% 55%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 2px, rgba(255, 255, 255, 0) 3px), radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 2px, rgba(255, 255, 255, 0) 3px), linear-gradient(180deg, #075985 0%, #082f49 100%);
  border: 2px solid #38bdf8;
  color: #e0f2ff;
  border-radius: 14px;
}

.pool-hl-17 {
  background: radial-gradient(circle at 50% 60%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 18%, rgba(255, 255, 255, 0) 32%), linear-gradient(180deg, #0ea5e9 0%, #0c4a6e 100%);
  border: 2px solid #082f49;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  border-radius: 999px;
}

.pool-hl-18 {
  background: #0891b2;
  border: 2px solid #164e63;
  color: #ecfeff;
  border-radius: 10px;
  text-shadow: 2px 0 0 rgba(165, 243, 252, 0.7), 4px 0 0 rgba(165, 243, 252, 0.35);
}

.pool-hl-19 {
  background: radial-gradient(circle at 115% 50%, rgba(12, 74, 110, 0.55) 0%, rgba(12, 74, 110, 0.55) 22%, rgba(12, 74, 110, 0) 30%), linear-gradient(180deg, #fde047 0%, #eab308 100%);
  border: 2px solid #854d0e;
  color: #451a03;
  border-radius: 999px;
}

.pool-hl-20 {
  background: linear-gradient(180deg, #ffffff 0px, #ffffff 5px, rgba(255, 255, 255, 0) 5px), linear-gradient(180deg, #67e8f9 0%, #0284c7 100%);
  border: 2px solid #0c4a6e;
  color: #f0f9ff;
  border-radius: 8px 8px 12px 12px;
}

.pool-hl-21 {
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 0px, rgba(255, 255, 255, 0.5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 7px), repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0px, rgba(255, 255, 255, 0.5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 7px), linear-gradient(180deg, #cffafe 0%, #22d3ee 100%);
  border: 2px solid #0e7490;
  color: #164e63;
  border-radius: 10px;
}

.pool-hl-22 {
  background: linear-gradient(90deg, #ea580c 0px, #ea580c 14px, rgba(234, 88, 12, 0) 14px), linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
  border: 2px solid #c2410c;
  color: #7c2d12;
  border-radius: 12px;
}

.pool-hl-23 {
  background: linear-gradient(90deg, #14b8a6 0px, #14b8a6 22px, #f0fdfa 22px, #f0fdfa 44px);
  border: 2px solid #0f766e;
  color: #042f2e;
  border-radius: 6px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pool-hl-24 {
  background: linear-gradient(180deg, #0284c7 0px, #0284c7 9px, rgba(2, 132, 199, 0) 9px), linear-gradient(180deg, #f0f9ff 0%, #bae6fd 100%);
  border: 2px solid #075985;
  color: #0c4a6e;
  border-radius: 12px;
}

.pool-hl-25 {
  background: linear-gradient(180deg, #fb923c 0px, #fb923c 50%, #fff7ed 50%, #fff7ed 100%);
  border: 2px solid #9a3412;
  color: #7c2d12;
  border-radius: 16px 16px 20px 20px;
}

.pool-hl-26 {
  background: repeating-linear-gradient(0deg, rgba(69, 26, 3, 0.45) 0px, rgba(69, 26, 3, 0.45) 2px, rgba(69, 26, 3, 0) 2px, rgba(69, 26, 3, 0) 9px), linear-gradient(180deg, #e7c084 0%, #b45309 100%);
  border: 2px solid #451a03;
  color: #fffbeb;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 6px;
}

.pool-hl-27 {
  background: repeating-linear-gradient(90deg, rgba(28, 10, 0, 0.75) 0px, rgba(28, 10, 0, 0.75) 10px, rgba(28, 10, 0, 0) 10px, rgba(28, 10, 0, 0) 34px), linear-gradient(180deg, #fdba74 0%, #c2410c 70%, #7c2d12 100%);
  border: 2px solid #451a03;
  color: #fff7ed;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}

.pool-hl-28 {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 52%, #0891b2 52%, #0891b2 100%);
  border: 2px solid #164e63;
  color: #0c4a6e;
  border-radius: 4px;
}

.pool-hl-29 {
  background: radial-gradient(circle at 12px 7px, #fbbf24 0%, #fbbf24 3px, rgba(251, 191, 36, 0) 4px) 0 0/26px 12px repeat-x, linear-gradient(180deg, #14324a 0%, #0a1c30 100%);
  border: 2px solid #fbbf24;
  color: #fef3c7;
  border-radius: 10px;
}

.pool-hl-30 {
  background: #0f2c4d;
  border: 3px dashed #d9a441;
  color: #fde68a;
  border-radius: 14px;
}

.pool-hl-31 {
  background: linear-gradient(90deg, #f0f9ff 0px, #f0f9ff 16px, #1e3a8a 16px, #1e3a8a 32px);
  border: 2px solid #172554;
  color: #dbeafe;
  border-radius: 6px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.pool-hl-32 {
  background: repeating-linear-gradient(0deg, rgba(146, 64, 14, 0.4) 0px, rgba(146, 64, 14, 0.4) 1px, rgba(146, 64, 14, 0) 1px, rgba(146, 64, 14, 0) 6px), linear-gradient(180deg, #fde68a 0%, #d9a441 100%);
  border: 2px solid #92400e;
  color: #451a03;
  border-radius: 18px;
}

.pool-hl-33 {
  background: repeating-linear-gradient(30deg, rgba(69, 26, 3, 0.3) 0px, rgba(69, 26, 3, 0.3) 1px, rgba(69, 26, 3, 0) 1px, rgba(69, 26, 3, 0) 8px), repeating-linear-gradient(-30deg, rgba(69, 26, 3, 0.3) 0px, rgba(69, 26, 3, 0.3) 1px, rgba(69, 26, 3, 0) 1px, rgba(69, 26, 3, 0) 8px), linear-gradient(180deg, #fef3c7 0%, #e7c084 100%);
  border: 2px solid #92400e;
  color: #451a03;
  border-radius: 12px;
}

.pool-hl-34 {
  background: #cffafe;
  border: 5px solid #fb923c;
  color: #9a3412;
  border-radius: 999px;
}

.pool-hl-35 {
  background: linear-gradient(180deg, #f0fdfa 0%, #5eead4 45%, #0f766e 100%);
  border: 2px solid #134e4a;
  color: #042f2e;
  border-radius: 999px;
}

.pool-hl-36 {
  background: linear-gradient(90deg, #14b8a6 0px, #14b8a6 18%, #062a33 18%, #062a33 82%, #14b8a6 82%);
  border: 2px solid #042f2e;
  color: #f0fdfa;
  border-radius: 999px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.pool-hl-37 {
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.85) 46%, rgba(255, 255, 255, 0.85) 54%, rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, #5eead4 0%, #0f766e 100%);
  border: 2px solid #134e4a;
  color: #042f2e;
  border-radius: 12px;
}

.pool-hl-38 {
  background: radial-gradient(circle at 10px 10px, rgba(8, 47, 73, 0.55) 2px, rgba(8, 47, 73, 0) 2.6px) 0 0/20px 20px, linear-gradient(180deg, #7dd3fc 0%, #0284c7 100%);
  border: 2px solid #0c4a6e;
  color: #f0f9ff;
  border-radius: 16px;
}

.pool-hl-39 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 45%), linear-gradient(180deg, #2dd4bf 0%, #115e59 100%);
  border: 2px solid #042f2e;
  color: #f0fdfa;
  border-radius: 4px 20px 20px 20px;
}

.pool-hl-40 {
  background: linear-gradient(135deg, #fde68a 0%, #fde68a 55%, #0891b2 55%, #0891b2 100%);
  border: 2px solid #92400e;
  color: #451a03;
  border-radius: 10px;
}

.pool-hl-41 {
  background: repeating-linear-gradient(60deg, rgba(255, 255, 255, 0.55) 0px, rgba(255, 255, 255, 0.55) 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 9px), linear-gradient(180deg, #fda4af 0%, #e11d48 100%);
  border: 2px solid #881337;
  color: #fff1f2;
  border-radius: 18px 18px 18px 4px;
}

.pool-hl-42 {
  background: linear-gradient(115deg, #fecdd3 0%, #fff7ed 35%, #a5f3fc 70%, #fbcfe8 100%);
  border: 2px solid #9d6b7a;
  color: #581c3a;
  border-radius: 20px;
}

.pool-hl-43 {
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #e2e8f0 55%, #94a3b8 100%);
  border: 2px solid #cbd5e1;
  color: #334155;
  border-radius: 999px;
  box-shadow: inset 0 1px 2px #fff, 0 2px 5px rgba(100, 116, 139, 0.4);
}

.pool-hl-44 {
  background: repeating-linear-gradient(0deg, rgba(87, 83, 78, 0.5) 0px, rgba(87, 83, 78, 0.5) 1px, rgba(87, 83, 78, 0) 1px, rgba(87, 83, 78, 0) 5px), linear-gradient(180deg, #d6c9b4 0%, #a89a83 100%);
  border: 2px solid #57534e;
  color: #292524;
  border-radius: 8px;
}

.pool-hl-45 {
  background: linear-gradient(160deg, rgba(240, 253, 250, 0.75) 0%, rgba(153, 246, 228, 0.65) 100%);
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #0f766e;
  border-radius: 14px;
  box-shadow: 0 0 10px rgba(153, 246, 228, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.pool-hl-46 {
  background: linear-gradient(90deg, #92400e 0px, #92400e 12px, rgba(146, 64, 14, 0) 12px), linear-gradient(180deg, #fef3c7 0%, #e7c084 100%);
  border: 2px solid #451a03;
  color: #451a03;
  border-radius: 10px;
}

.pool-hl-47 {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.9) 46%, rgba(255, 255, 255, 0.9) 54%, rgba(255, 255, 255, 0) 62%), linear-gradient(180deg, #fde047 0%, #a16207 100%);
  border: 2px solid #451a03;
  color: #451a03;
  border-radius: 10px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pool-hl-48 {
  background: radial-gradient(circle at 12px 100%, rgba(6, 42, 51, 0.6) 9px, rgba(6, 42, 51, 0) 10px) 0 0/24px 14px repeat-x, radial-gradient(circle at 24px 100%, rgba(6, 42, 51, 0.6) 9px, rgba(6, 42, 51, 0) 10px) 0 0/24px 14px repeat-x, linear-gradient(180deg, #5eead4 0%, #0e7490 100%);
  border: 2px solid #164e63;
  color: #ecfeff;
  border-radius: 12px;
}

.pool-hl-49 {
  background: linear-gradient(180deg, #94a3b8 0%, #94a3b8 62%, #f1f5f9 62%, #f1f5f9 100%);
  border: 2px solid #334155;
  color: #0f172a;
  border-radius: 16px 16px 20px 20px;
}

.pool-hl-50 {
  background: linear-gradient(90deg, #fb923c 0px, #fb923c 18px, #fff7ed 18px, #fff7ed 36px);
  border: 2px solid #172554;
  color: #7c2d12;
  border-radius: 6px;
}

.mkt-cp-red, .mkt-cp-orange, .mkt-cp-amber, .mkt-cp-yellow, .mkt-cp-lime, .mkt-cp-green, .mkt-cp-emerald, .mkt-cp-teal, .mkt-cp-cyan, .mkt-cp-sky, .mkt-cp-blue, .mkt-cp-indigo, .mkt-cp-violet, .mkt-cp-fuchsia, .mkt-cp-pink, .mkt-cp-slate {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 12px;
  border-radius: 20px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.mkt-cp-red {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #f87171;
  color: #fecaca;
  box-shadow: 0 0 10px rgba(248, 113, 113, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-orange {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #fb923c;
  color: #fed7aa;
  box-shadow: 0 0 10px rgba(251, 146, 60, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-amber {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #fbbf24;
  color: #fde68a;
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-yellow {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #fde047;
  color: #fef08a;
  box-shadow: 0 0 10px rgba(253, 224, 71, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-lime {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #a3e635;
  color: #d9f99d;
  box-shadow: 0 0 10px rgba(163, 230, 53, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-green {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #4ade80;
  color: #bbf7d0;
  box-shadow: 0 0 10px rgba(74, 222, 128, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-emerald {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #34d399;
  color: #a7f3d0;
  box-shadow: 0 0 10px rgba(52, 211, 153, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-teal {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #2dd4bf;
  color: #99f6e4;
  box-shadow: 0 0 10px rgba(45, 212, 191, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-cyan {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #67e8f9;
  color: #cffafe;
  box-shadow: 0 0 10px rgba(103, 232, 249, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-sky {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #7dd3fc;
  color: #e0f2fe;
  box-shadow: 0 0 10px rgba(125, 211, 252, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-blue {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #93c5fd;
  color: #dbeafe;
  box-shadow: 0 0 10px rgba(147, 197, 253, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-indigo {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #a5b4fc;
  color: #e0e7ff;
  box-shadow: 0 0 10px rgba(165, 180, 252, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-violet {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #c4b5fd;
  color: #ede9fe;
  box-shadow: 0 0 10px rgba(196, 181, 253, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-fuchsia {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #f0abfc;
  color: #fae8ff;
  box-shadow: 0 0 10px rgba(240, 171, 252, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-pink {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #f9a8d4;
  color: #fce7f3;
  box-shadow: 0 0 10px rgba(249, 168, 212, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-cp-slate {
  background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
  border: 2px solid #94a3b8;
  color: #e2e8f0;
  box-shadow: 0 0 10px rgba(148, 163, 184, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.bcp-tide {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 6px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: rgba(224, 242, 254, 0.35);
  border: 2px solid #0284c7;
  outline: 1px solid #7dd3fc;
  outline-offset: 2px;
  color: #0c4a6e;
}

.bcp-highlighter {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #3b82f6;
  border: 2px solid #1d4ed8;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(37, 99, 235, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.bcp-bevel {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #1d4ed8;
  border: 2px solid #1e3a8a;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(29, 78, 216, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.bcp-stitch {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #93c5fd;
  border: 2px solid #3b82f6;
  color: #172554;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(147, 197, 253, 0.35);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.bcp-scan {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0ea5e9;
  border: 2px solid #0369a1;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(14, 165, 233, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.bcp-hatch {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0284c7;
  border: 2px solid #075985;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(2, 132, 199, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.bcp-emboss {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #0369a1;
  border: 2px solid #0c4a6e;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(3, 105, 161, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.bcp-halo {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #38bdf8;
  border: 2px solid #0284c7;
  color: #082f49;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(56, 189, 248, 0.35);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.bcp-dots {
  display: inline-flex !important;
  align-items: center;
  padding: 3px 12px;
  border-radius: 14px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background-color: #eff6ff;
  background-image: radial-gradient(#93c5fd 1.5px, transparent 1.6px);
  background-size: 12px 12px;
  border: 3px dotted #2563eb;
  color: #1e40af;
}

.bcp-marker {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #7dd3fc;
  border: 2px solid #0284c7;
  color: #0c4a6e;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), 0 2px 4px rgba(125, 211, 252, 0.35);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.pill-hl-red, .pill-hl-orange, .pill-hl-amber, .pill-hl-yellow, .pill-hl-lime, .pill-hl-green, .pill-hl-emerald, .pill-hl-teal, .pill-hl-cyan, .pill-hl-sky, .pill-hl-blue, .pill-hl-indigo, .pill-hl-violet, .pill-hl-fuchsia, .pill-hl-pink, .pill-hl-slate {
  display: inline-flex !important;
  align-items: center;
  padding: 3px 14px;
  border-radius: 999px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.pill-hl-red {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #ef4444;
  border: 2px solid #b91c1c;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(239, 68, 68, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-orange {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #f97316;
  border: 2px solid #c2410c;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(249, 115, 22, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-amber {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #f59e0b;
  border: 2px solid #b45309;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(245, 158, 11, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-yellow {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #fde047;
  border: 2px solid #ca8a04;
  color: #713f12;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 5px rgba(253, 224, 71, 0.35);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pill-hl-lime {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #a3e635;
  border: 2px solid #65a30d;
  color: #365314;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 5px rgba(163, 230, 53, 0.35);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pill-hl-green {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #22c55e;
  border: 2px solid #15803d;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(34, 197, 94, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-emerald {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #10b981;
  border: 2px solid #047857;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(16, 185, 129, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-teal {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #14b8a6;
  border: 2px solid #0f766e;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(20, 184, 166, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-cyan {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #06b6d4;
  border: 2px solid #0e7490;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(6, 182, 212, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-sky {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #38bdf8;
  border: 2px solid #0284c7;
  color: #082f49;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 5px rgba(56, 189, 248, 0.35);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.pill-hl-blue {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #3b82f6;
  border: 2px solid #1d4ed8;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(59, 130, 246, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-indigo {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #6366f1;
  border: 2px solid #4338ca;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(99, 102, 241, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-violet {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #8b5cf6;
  border: 2px solid #6d28d9;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(139, 92, 246, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-fuchsia {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #d946ef;
  border: 2px solid #a21caf;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(217, 70, 239, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-pink {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), #ec4899;
  border: 2px solid #be185d;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(236, 72, 153, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.pill-hl-slate {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), #64748b;
  border: 2px solid #334155;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(100, 116, 139, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.mkt-pool-tide, .mkt-pool-sunset, .mkt-pool-chlorine, .mkt-pool-beachball, .mkt-pool-wave, .mkt-pool-lounger, .mkt-pool-deep, .mkt-pool-foam, .mkt-pool-lifeguard, .mkt-pool-fusion {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.mkt-pool-tide {
  background: rgba(207, 250, 254, 0.4);
  border: 2px solid #0891b2;
  outline: 1px solid #67e8f9;
  outline-offset: 2px;
  color: #155e75;
  border-radius: 6px;
}

.mkt-pool-sunset {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #fdba74 0%, #f97316 100%);
  border: 2px solid #c2410c;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(249, 115, 22, 0.4);
}

.mkt-pool-chlorine {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #22d3ee;
  color: #0e7490;
  box-shadow: 0 0 10px rgba(34, 211, 238, 0.55), inset 0 0 8px rgba(34, 211, 238, 0.2);
}

.mkt-pool-beachball {
  background: linear-gradient(90deg, #fb923c 0%, #fb923c 33%, #fff7ed 33%, #fff7ed 66%, #22d3ee 66%, #22d3ee 100%);
  border: 2px solid #0e7490;
  color: #7c2d12;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(14, 116, 144, 0.35);
}

.mkt-pool-wave {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #7dd3fc 0%, #0284c7 60%, #0c4a6e 100%);
  border: 2px solid #082f49;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(2, 132, 199, 0.4);
}

.mkt-pool-lounger {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #fef08a 0%, #eab308 100%);
  border: 2px solid #a16207;
  color: #713f12;
  border-radius: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 5px rgba(234, 179, 8, 0.4);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.mkt-pool-deep {
  background: linear-gradient(180deg, #164e63 0%, #082f49 100%);
  border: 2px solid #22d3ee;
  color: #a5f3fc;
  box-shadow: 0 0 10px rgba(34, 211, 238, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-pool-foam {
  background: radial-gradient(circle at 30% 25%, #ffffff 0%, #cffafe 45%, #67e8f9 100%);
  border: 2px solid #0891b2;
  color: #155e75;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px #fff, 0 2px 5px rgba(8, 145, 178, 0.35);
}

.mkt-pool-lifeguard {
  background: repeating-linear-gradient(45deg, #fb923c 0px, #fb923c 8px, #fff7ed 8px, #fff7ed 16px);
  border: 2px solid #c2410c;
  color: #7c2d12;
  border-radius: 8px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 2px 5px rgba(194, 65, 12, 0.35);
}

.mkt-pool-fusion {
  background: linear-gradient(100deg, #fb923c 0%, #facc15 35%, #22d3ee 75%, #0284c7 100%);
  border: 2px solid #0e7490;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 14px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(14, 116, 144, 0.35);
}

.mkt-autumn-harvest, .mkt-autumn-pumpkin, .mkt-autumn-cider, .mkt-autumn-candy, .mkt-autumn-leaves, .mkt-autumn-golden, .mkt-autumn-bonfire, .mkt-autumn-frost, .mkt-autumn-flannel, .mkt-autumn-orchard {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.mkt-autumn-harvest {
  background: rgba(254, 243, 199, 0.4);
  border: 2px solid #b45309;
  outline: 1px solid #fbbf24;
  outline-offset: 2px;
  color: #92400e;
  border-radius: 6px;
}

.mkt-autumn-pumpkin {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #fb923c 0%, #c2410c 100%);
  border: 2px solid #7c2d12;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(194, 65, 12, 0.4);
}

.mkt-autumn-cider {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #d97706;
  color: #92400e;
  box-shadow: 0 0 10px rgba(217, 119, 6, 0.55), inset 0 0 8px rgba(217, 119, 6, 0.2);
}

.mkt-autumn-candy {
  background: linear-gradient(90deg, #ea580c 0%, #ea580c 33%, #fffbeb 33%, #fffbeb 66%, #eab308 66%, #eab308 100%);
  border: 2px solid #9a3412;
  color: #7c2d12;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(154, 52, 18, 0.35);
}

.mkt-autumn-leaves {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #fbbf24 0%, #b45309 60%, #451a03 100%);
  border: 2px solid #451a03;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(180, 83, 9, 0.4);
}

.mkt-autumn-golden {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #fde047 0%, #ca8a04 100%);
  border: 2px solid #854d0e;
  color: #713f12;
  border-radius: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 5px rgba(202, 138, 4, 0.4);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.mkt-autumn-bonfire {
  background: linear-gradient(180deg, #431407 0%, #1c0a00 100%);
  border: 2px solid #fb923c;
  color: #fed7aa;
  box-shadow: 0 0 10px rgba(251, 146, 60, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.mkt-autumn-frost {
  background: radial-gradient(circle at 30% 25%, #ffffff 0%, #fef3c7 45%, #fcd34d 100%);
  border: 2px solid #b45309;
  color: #92400e;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px #fff, 0 2px 5px rgba(180, 83, 9, 0.35);
}

.mkt-autumn-flannel {
  background: repeating-linear-gradient(45deg, #be123c 0px, #be123c 8px, #fff1f2 8px, #fff1f2 16px);
  border: 2px solid #881337;
  color: #fff1f2;
  border-radius: 8px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  box-shadow: 0 2px 5px rgba(136, 19, 55, 0.35);
}

.mkt-autumn-orchard {
  background: linear-gradient(100deg, #be123c 0%, #ea580c 35%, #eab308 75%, #65a30d 100%);
  border: 2px solid #713f12;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 14px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(113, 63, 18, 0.35);
}

.mkt-winter-icicle, .mkt-winter-frost, .mkt-winter-pine, .mkt-winter-garnet, .mkt-winter-snowdrift, .mkt-winter-aurora, .mkt-winter-pond, .mkt-winter-seal, .mkt-winter-blizzard, .mkt-winter-cranberry {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.mkt-winter-icicle {
  background: radial-gradient(circle at 12px 100%, #bae6fd 12px, rgba(186, 230, 253, 0) 13px) 0 100%/24px 14px repeat-x, linear-gradient(180deg, #e0f2ff 0%, #7dd3fc 100%);
  color: #0c4a6e;
  border-radius: 12px 12px 4px 4px;
  padding-bottom: 6px;
}

.mkt-winter-frost {
  background: rgba(240, 249, 255, 0.55);
  border: 1px solid #7dd3fc;
  color: #075985;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.7), inset 0 0 0 4px #38bdf8, 0 2px 6px rgba(2, 132, 199, 0.25);
}

.mkt-winter-pine {
  background: linear-gradient(180deg, #15803d 0%, #14532d 100%);
  border: 2px dashed #fef3c7;
  color: #fefce8;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(20, 83, 45, 0.4);
}

.mkt-winter-garnet {
  background: linear-gradient(135deg, #fecdd3 0%, #e11d48 30%, #881337 55%, #f43f5e 80%, #881337 100%);
  border: 2px solid #4c0519;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 2px 5px rgba(136, 19, 55, 0.4);
}

.mkt-winter-snowdrift {
  background: linear-gradient(180deg, #ffffff 0%, #e0f2ff 100%);
  border: 2px solid #bae6fd;
  color: #0369a1;
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(3, 105, 161, 0.3), inset 0 1px 1px #fff;
}

.mkt-winter-aurora {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(115deg, #a5f3fc 0%, #16a34a 45%, #be123c 100%);
  border: 2px solid #0c4a6e;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  border-radius: 16px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(12, 74, 110, 0.35);
}

.mkt-winter-pond {
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 18%, rgba(255, 255, 255, 0) 32%), linear-gradient(180deg, #bae6fd 0%, #0369a1 100%);
  border: 2px solid #075985;
  color: #f0f9ff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(7, 89, 133, 0.4);
}

.mkt-winter-seal {
  background: radial-gradient(circle at 50% 35%, #ecfdf5 0px, #ecfdf5 4px, #86efac 4px, #86efac 9px, #3f6212 9px, #3f6212 15px, #1a2e05 15px);
  border: 2px solid #fefce8;
  color: #ecfdf5;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(77, 124, 15, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

.mkt-winter-blizzard {
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.28) 0px, rgba(255, 255, 255, 0.28) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(180deg, #38bdf8 0%, #1e3a8a 100%);
  border: 2px solid #dbeafe;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  animation: mkt-winter-snow 1.6s linear infinite;
}

@keyframes mkt-winter-snow {
  to {
    background-position: 40px 0, 0 0;
  }
}
.mkt-winter-cranberry {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 35%), linear-gradient(180deg, #fb7185 0%, #9f1239 100%);
  border: 2px solid #881337;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(159, 18, 57, 0.4);
}

.mkt-fruit-apple, .mkt-fruit-mango, .mkt-fruit-grape, .mkt-fruit-strawberry, .mkt-fruit-blueberry, .mkt-fruit-orange, .mkt-fruit-lemon, .mkt-fruit-lime, .mkt-fruit-cherry, .mkt-fruit-peach, .mkt-fruit-pear, .mkt-fruit-plum, .mkt-fruit-kiwi, .mkt-fruit-pineapple, .mkt-fruit-watermelon, .mkt-fruit-banana, .mkt-fruit-coconut, .mkt-fruit-raspberry, .mkt-fruit-blackberry, .mkt-fruit-pomegranate {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.mkt-fruit-apple {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #f87171 0%, #b91c1c 100%);
  border: 2px solid #7f1d1d;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(185, 28, 28, 0.4);
}

.mkt-fruit-mango {
  background: linear-gradient(180deg, #fdba74 0%, #f59e0b 60%, #ea580c 100%);
  border: 2px solid #9a3412;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(234, 88, 12, 0.4);
}

.mkt-fruit-grape {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #c084fc 0%, #7e22ce 100%);
  border: 2px solid #581c87;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(126, 34, 206, 0.4);
}

.mkt-fruit-strawberry {
  background: radial-gradient(circle at 8px 8px, #fef3c7 2px, rgba(254, 243, 199, 0) 3px) 0 0/18px 18px, linear-gradient(180deg, #fb7185 0%, #be123c 100%);
  border: 2px solid #881337;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 14px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(190, 18, 60, 0.4);
}

.mkt-fruit-blueberry {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.15) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #64748b 0%, #1e293b 100%);
  border: 2px solid #0f172a;
  color: #e2e8f0;
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 5px rgba(15, 23, 42, 0.45);
}

.mkt-fruit-orange {
  background: linear-gradient(180deg, #fed7aa 0%, #fb923c 55%, #ea580c 100%);
  border: 2px solid #9a3412;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 5px rgba(234, 88, 12, 0.4);
}

.mkt-fruit-lemon {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #fef08a 0%, #eab308 100%);
  border: 2px solid #a16207;
  color: #713f12;
  border-radius: 999px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8), 0 2px 5px rgba(234, 179, 8, 0.4);
}

.mkt-fruit-lime {
  background: linear-gradient(180deg, #bef264 0%, #84cc16 55%, #4d7c0f 100%);
  border: 2px solid #365314;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(101, 163, 13, 0.4);
}

.mkt-fruit-cherry {
  background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 34%), linear-gradient(180deg, #f87171 0%, #881337 100%);
  border: 2px solid #4c0519;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(136, 19, 55, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

.mkt-fruit-peach {
  background: linear-gradient(180deg, #ffedd5 0%, #fdba74 60%, #fb923c 100%);
  border: 2px solid #c2410c;
  color: #7c2d12;
  border-radius: 16px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 5px rgba(251, 146, 60, 0.4);
}

.mkt-fruit-pear {
  background: linear-gradient(180deg, #ecfccb 0%, #a3e635 55%, #4d7c0f 100%);
  border: 2px solid #365314;
  color: #1a2e05;
  border-radius: 10px 22px 10px 22px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 2px 5px rgba(77, 124, 15, 0.4);
}

.mkt-fruit-plum {
  background: linear-gradient(180deg, #d8b4fe 0%, #9333ea 55%, #581c87 100%);
  border: 2px solid #3b0764;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(88, 28, 135, 0.45);
}

.mkt-fruit-kiwi {
  background: radial-gradient(circle at 50% 50%, #fefce8 0%, #fefce8 22%, rgba(254, 252, 232, 0) 30%), linear-gradient(180deg, #86efac 0%, #16a34a 60%, #14532d 100%);
  border: 2px solid #14532d;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(20, 83, 45, 0.4);
}

.mkt-fruit-pineapple {
  background: repeating-linear-gradient(45deg, rgba(120, 53, 15, 0.35) 0px, rgba(120, 53, 15, 0.35) 3px, rgba(120, 53, 15, 0) 3px, rgba(120, 53, 15, 0) 12px), repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.35) 0px, rgba(120, 53, 15, 0.35) 3px, rgba(120, 53, 15, 0) 3px, rgba(120, 53, 15, 0) 12px), linear-gradient(180deg, #fef08a 0%, #facc15 60%, #ca8a04 100%);
  border: 2px solid #854d0e;
  color: #713f12;
  border-radius: 8px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 5px rgba(202, 138, 4, 0.4);
}

.mkt-fruit-watermelon {
  background: linear-gradient(180deg, #166534 0px, #166534 7px, #fda4af 7px, #fda4af 12px, rgba(253, 164, 175, 0) 12px), linear-gradient(180deg, #fb7185 0%, #e11d48 70%, #9f1239 100%);
  border: 2px solid #14532d;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(225, 29, 72, 0.4);
}

.mkt-fruit-banana {
  background: linear-gradient(180deg, #fef9c3 0%, #fde047 55%, #eab308 100%);
  border: 2px solid #a16207;
  color: #713f12;
  border-radius: 999px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.85), 0 2px 5px rgba(234, 179, 8, 0.4);
}

.mkt-fruit-coconut {
  background: linear-gradient(180deg, #92400e 0px, #92400e 22%, #fffbeb 22%, #fffbeb 78%, #92400e 78%);
  border: 2px solid #451a03;
  color: #451a03;
  border-radius: 12px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(69, 26, 3, 0.4);
}

.mkt-fruit-raspberry {
  background: radial-gradient(circle at 6px 6px, #fecdd3 1.6px, rgba(254, 205, 211, 0) 2.4px) 0 0/13px 13px, linear-gradient(180deg, #fb7185 0%, #9f1239 100%);
  border: 2px solid #881337;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  border-radius: 12px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.55), 0 2px 5px rgba(159, 18, 57, 0.45);
}

.mkt-fruit-blackberry {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #6d28d9 0%, #2e1065 100%);
  border: 2px solid #1e1b4b;
  color: #ede9fe;
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 5px rgba(46, 16, 101, 0.5);
}

.mkt-fruit-pomegranate {
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 16%, rgba(255, 255, 255, 0) 30%), linear-gradient(180deg, #fb7185 0%, #be123c 60%, #881337 100%);
  border: 2px solid #4c0519;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  border-radius: 10px;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 2px 5px rgba(190, 18, 60, 0.45);
}

.mkt-hacker-prompt, .mkt-hacker-matrix, .mkt-hacker-amber, .mkt-hacker-scan, .mkt-hacker-alert, .mkt-hacker-hex, .mkt-hacker-root, .mkt-hacker-ghost, .mkt-hacker-ice, .mkt-hacker-panic, .mkt-hacker-null, .mkt-hacker-bitflip, .mkt-hacker-firewall, .mkt-hacker-darknet, .mkt-hacker-sniffer, .mkt-hacker-overclock, .mkt-hacker-leak, .mkt-hacker-zeroday, .mkt-hacker-backdoor, .mkt-hacker-cipher, .mkt-hacker-daemon, .mkt-hacker-fork, .mkt-hacker-segfault, .mkt-hacker-uptime, .mkt-hacker-latency, .mkt-hacker-mainframe, .mkt-hacker-punchcard, .mkt-hacker-turing, .mkt-hacker-quantum, .mkt-hacker-sudo {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 8px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  font-family: monospace;
}

.mkt-hacker-prompt {
  background: #0a0f0a;
  border: 2px solid #33ff66;
  border-left-width: 8px;
  color: #33ff66;
  text-shadow: 0 0 6px rgba(51, 255, 102, 0.8);
}

.mkt-hacker-matrix {
  background: repeating-linear-gradient(180deg, rgba(0, 255, 65, 0.35) 0px, rgba(0, 255, 65, 0.35) 8px, rgba(0, 255, 65, 0) 8px, rgba(0, 255, 65, 0) 22px), #04140a;
  border: 2px solid #00ff41;
  color: #00ff41;
  text-shadow: 0 0 6px rgba(0, 255, 65, 0.8);
  animation: mkt-hacker-rain 1.2s linear infinite;
}

@keyframes mkt-hacker-rain {
  to {
    background-position: 0 22px, 0 0;
  }
}
.mkt-hacker-amber {
  background: #140e04;
  border: 2px solid #ffb000;
  color: #ffb000;
  text-shadow: 0 0 6px rgba(255, 176, 0, 0.8);
  border-radius: 4px;
}

.mkt-hacker-scan {
  background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0px, rgba(0, 0, 0, 0.45) 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 5px), #0d2818;
  border: 2px solid #33ff66;
  color: #9dffb9;
}

.mkt-hacker-alert {
  background: #0a0f0a;
  border: 2px solid #ff3131;
  color: #ff3131;
  text-shadow: 0 0 8px rgba(255, 49, 49, 0.9);
  box-shadow: 0 0 10px rgba(255, 49, 49, 0.5), inset 0 0 8px rgba(255, 49, 49, 0.2);
}

.mkt-hacker-hex {
  background: #0d1520;
  border: 2px dotted #00e5ff;
  color: #00e5ff;
  letter-spacing: 2px;
  border-radius: 4px;
}

.mkt-hacker-root {
  background: #33ff66;
  border: 2px solid #04140a;
  color: #04140a;
  border-radius: 2px;
}

.mkt-hacker-ghost {
  background: rgba(4, 20, 10, 0.35);
  border: 1px solid #33ff66;
  color: #4ade80;
  text-shadow: 0 0 6px rgba(51, 255, 102, 0.6);
  border-radius: 20px;
}

.mkt-hacker-ice {
  background: #04121a;
  border: 2px solid #00e5ff;
  color: #a5f3fc;
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.9);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
  border-radius: 20px;
}

.mkt-hacker-panic {
  background: #ff3131;
  border: 2px solid #7f1d1d;
  color: #0a0f0a;
  border-radius: 2px;
}

.mkt-hacker-null {
  background: #101418;
  border: 2px dashed #8b949e;
  color: #8b949e;
  border-radius: 4px;
}

.mkt-hacker-bitflip {
  background: linear-gradient(135deg, #33ff66 0%, #33ff66 50%, #0a0f0a 50%, #0a0f0a 100%);
  border: 2px solid #33ff66;
  color: #eafff0;
  text-shadow: 0 1px 2px #000;
  border-radius: 2px;
}

.mkt-hacker-firewall {
  background: linear-gradient(180deg, #ff6b1a 0px, #ff6b1a 6px, rgba(255, 107, 26, 0) 6px), #140903;
  border: 2px solid #ff6b1a;
  color: #ffb37a;
  border-radius: 6px 6px 8px 8px;
}

.mkt-hacker-darknet {
  background: #0d0714;
  border: 2px solid #8b5cf6;
  color: #c4b5fd;
  text-shadow: 0 0 8px rgba(139, 92, 246, 0.9);
  border-radius: 12px;
}

.mkt-hacker-sniffer {
  background: #0a0f0a;
  border: 2px solid #0a0f0a;
  border-bottom: 3px dotted #a3e635;
  color: #bef264;
  border-radius: 0;
}

.mkt-hacker-overclock {
  background: linear-gradient(180deg, #a3e635 0%, #4d7c0f 100%);
  border: 2px solid #1a2e05;
  color: #0a0f0a;
  transform: skewX(-8deg);
  border-radius: 4px;
}

.mkt-hacker-leak {
  background: #0a1a33;
  border: 2px solid #38bdf8;
  color: #7dd3fc;
  border-radius: 20px 4px 20px 4px;
  text-shadow: 0 0 8px rgba(56, 189, 248, 0.8);
}

.mkt-hacker-zeroday {
  background: #0a0f0a;
  border: 2px solid #f8fafc;
  color: #f8fafc;
  border-radius: 2px;
  letter-spacing: 1px;
}

.mkt-hacker-backdoor {
  background: #170c02;
  border: 2px dashed #f59e0b;
  color: #fbbf24;
  border-radius: 8px;
}

.mkt-hacker-cipher {
  background: #12081f;
  border: 2px solid #a855f7;
  color: #d8b4fe;
  font-family: monospace;
  letter-spacing: 3px;
  border-radius: 4px;
  text-shadow: 0 0 6px rgba(168, 85, 247, 0.8);
}

.mkt-hacker-daemon {
  background: #042a26;
  border: 2px solid #2dd4bf;
  color: #99f6e4;
  text-shadow: 0 0 8px rgba(45, 212, 191, 0.9);
  border-radius: 20px;
}

.mkt-hacker-fork {
  background: #0a0f0a;
  border: 2px solid #33ff66;
  outline: 1px solid #33ff66;
  outline-offset: 3px;
  color: #33ff66;
  border-radius: 4px;
}

.mkt-hacker-segfault {
  background: linear-gradient(180deg, #ff3131 0px, #ff3131 8px, #f8fafc 8px, #f8fafc 13px, #ff3131 13px);
  border: 2px solid #7f1d1d;
  color: #fff;
  text-shadow: 0 1px 2px #000;
  border-radius: 4px;
}

.mkt-hacker-uptime {
  background: rgba(20, 60, 35, 0.55);
  border: 1px solid #4ade80;
  color: #bbf7d0;
  border-radius: 20px;
}

.mkt-hacker-latency {
  background: repeating-linear-gradient(45deg, #facc15 0px, #facc15 8px, #0a0f0a 8px, #0a0f0a 16px);
  border: 2px solid #713f12;
  color: #fff;
  text-shadow: 0 1px 2px #000;
  border-radius: 4px;
}

.mkt-hacker-mainframe {
  background: #d7d7c3;
  border: 3px solid #3f3f33;
  color: #1c1c14;
  border-radius: 2px;
  font-family: monospace;
}

.mkt-hacker-punchcard {
  background: radial-gradient(circle at 8px 50%, #3f3f33 3px, rgba(63, 63, 51, 0) 4px) 0 0/20px 14px, #e8e4d4;
  border: 2px solid #3f3f33;
  color: #1c1c14;
  border-radius: 4px;
  font-family: monospace;
}

.mkt-hacker-turing {
  background: #0a0f0a;
  border: 2px solid #d4af37;
  color: #f3d67c;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.9);
  border-radius: 8px;
  letter-spacing: 1px;
}

.mkt-hacker-quantum {
  background: linear-gradient(115deg, #2e1065 0%, #6d28d9 45%, #0e7490 100%);
  border: 2px solid #c4b5fd;
  color: #fff;
  text-shadow: 0 0 8px rgba(196, 181, 253, 0.9);
  border-radius: 12px;
}

.mkt-hacker-sudo {
  background: #04140a;
  border: 3px solid #33ff66;
  color: #33ff66;
  text-shadow: 0 0 8px rgba(51, 255, 102, 0.9);
  box-shadow: 0 0 12px rgba(51, 255, 102, 0.55), inset 0 0 10px rgba(51, 255, 102, 0.2);
  border-radius: 10px;
  padding: 3px 12px;
}

.mkt-mg-red, .mkt-mg-orange, .mkt-mg-amber, .mkt-mg-yellow, .mkt-mg-lime, .mkt-mg-green, .mkt-mg-emerald, .mkt-mg-teal, .mkt-mg-cyan, .mkt-mg-sky, .mkt-mg-blue, .mkt-mg-indigo, .mkt-mg-violet, .mkt-mg-fuchsia, .mkt-mg-pink, .mkt-mg-slate {
  display: inline-flex !important;
  align-items: center;
  padding: 3px 12px;
  border-radius: 14px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  background: linear-gradient(160deg, rgba(30, 41, 59, 0.72) 0%, rgba(2, 6, 23, 0.82) 100%);
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.mkt-mg-red {
  border-bottom: 3px solid #f87171;
  color: #fecaca;
  box-shadow: 0 0 12px rgba(248, 113, 113, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-orange {
  border-bottom: 3px solid #fb923c;
  color: #fed7aa;
  box-shadow: 0 0 12px rgba(251, 146, 60, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-amber {
  border-bottom: 3px solid #fbbf24;
  color: #fde68a;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-yellow {
  border-bottom: 3px solid #fde047;
  color: #fef08a;
  box-shadow: 0 0 12px rgba(253, 224, 71, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-lime {
  border-bottom: 3px solid #a3e635;
  color: #d9f99d;
  box-shadow: 0 0 12px rgba(163, 230, 53, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-green {
  border-bottom: 3px solid #4ade80;
  color: #bbf7d0;
  box-shadow: 0 0 12px rgba(74, 222, 128, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-emerald {
  border-bottom: 3px solid #34d399;
  color: #a7f3d0;
  box-shadow: 0 0 12px rgba(52, 211, 153, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-teal {
  border-bottom: 3px solid #2dd4bf;
  color: #99f6e4;
  box-shadow: 0 0 12px rgba(45, 212, 191, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-cyan {
  border-bottom: 3px solid #22d3ee;
  color: #a5f3fc;
  box-shadow: 0 0 12px rgba(34, 211, 238, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-sky {
  border-bottom: 3px solid #38bdf8;
  color: #bae6fd;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-blue {
  border-bottom: 3px solid #60a5fa;
  color: #bfdbfe;
  box-shadow: 0 0 12px rgba(96, 165, 250, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-indigo {
  border-bottom: 3px solid #818cf8;
  color: #c7d2fe;
  box-shadow: 0 0 12px rgba(129, 140, 248, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-violet {
  border-bottom: 3px solid #a78bfa;
  color: #ddd6fe;
  box-shadow: 0 0 12px rgba(167, 139, 250, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-fuchsia {
  border-bottom: 3px solid #e879f9;
  color: #f5d0fe;
  box-shadow: 0 0 12px rgba(232, 121, 249, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-pink {
  border-bottom: 3px solid #f472b6;
  color: #fbcfe8;
  box-shadow: 0 0 12px rgba(244, 114, 182, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-mg-slate {
  border-bottom: 3px solid #94a3b8;
  color: #e2e8f0;
  box-shadow: 0 0 12px rgba(148, 163, 184, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.mkt-dew-cyan, .mkt-dew-orange, .mkt-dew-green, .mkt-dew-red, .mkt-dew-purple, .mkt-dew-pink, .mkt-dew-yellow, .mkt-dew-blue, .mkt-dew-lime, .mkt-dew-teal, .mkt-dew-gold, .mkt-dew-slate, .mkt-dew-white, .mkt-dew-black, .mkt-dew-fog, .mkt-dew-turquoise {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 12px;
  border-radius: 18px 18px 18px 5px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
}

.mkt-dew-cyan {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #a5f3fc 0%, #22d3ee 100%);
  border: 2px solid #0e7490;
  color: #164e63;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-orange {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #fed7aa 0%, #fb923c 100%);
  border: 2px solid #c2410c;
  color: #7c2d12;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-green {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #a7f3d0 0%, #10b981 100%);
  border: 2px solid #047857;
  color: #022c22;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-red {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #fecaca 0%, #ef4444 100%);
  border: 2px solid #b91c1c;
  color: #450a0a;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-purple {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #ddd6fe 0%, #a855f7 100%);
  border: 2px solid #7e22ce;
  color: #2e1065;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-pink {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #fbcfe8 0%, #ec4899 100%);
  border: 2px solid #be123c;
  color: #4c0519;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-yellow {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #fef08a 0%, #eab308 100%);
  border: 2px solid #a16207;
  color: #452b03;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-blue {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #bfdbfe 0%, #3b82f6 100%);
  border: 2px solid #1d4ed8;
  color: #172554;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-lime {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #d9f99d 0%, #84cc16 100%);
  border: 2px solid #4d7c0f;
  color: #1a2e05;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-teal {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #99f6e4 0%, #14b8a6 100%);
  border: 2px solid #0f766e;
  color: #042f2e;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-gold {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #fde68a 0%, #f59e0b 100%);
  border: 2px solid #b45309;
  color: #451a03;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-slate {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #e2e8f0 0%, #64748b 100%);
  border: 2px solid #334155;
  color: #0f172a;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-white {
  background: radial-gradient(circle at 32% 26%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 45%), linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
  border: 2px solid #94a3b8;
  color: #334155;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-black {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #475569 0%, #020617 100%);
  border: 2px solid #000000;
  color: #f1f5f9;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
}

.mkt-dew-fog {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #f1f5f9 0%, #cbd5e1 100%);
  border: 2px solid #64748b;
  color: #1e293b;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-dew-turquoise {
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(180deg, #a5f3fc 0%, #06b6d4 100%);
  border: 2px solid #0e7490;
  color: #164e63;
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mkt-bubble-red, .mkt-bubble-coral, .mkt-bubble-orange, .mkt-bubble-amber, .mkt-bubble-gold, .mkt-bubble-yellow, .mkt-bubble-cream, .mkt-bubble-lime, .mkt-bubble-olive, .mkt-bubble-green, .mkt-bubble-emerald, .mkt-bubble-mint, .mkt-bubble-teal, .mkt-bubble-turquoise, .mkt-bubble-cyan, .mkt-bubble-sky, .mkt-bubble-blue, .mkt-bubble-navy, .mkt-bubble-indigo, .mkt-bubble-violet, .mkt-bubble-purple, .mkt-bubble-lavender, .mkt-bubble-fuchsia, .mkt-bubble-pink, .mkt-bubble-rose, .mkt-bubble-brown, .mkt-bubble-white, .mkt-bubble-fog, .mkt-bubble-slate, .mkt-bubble-black {
  display: inline-flex !important;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-weight: 800;
  white-space: nowrap;
  margin: 0 2px;
  vertical-align: middle;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-red {
  background: linear-gradient(180deg, #ef4444 0%, transparent 100%);
  border: 2px solid #dc2626;
  color: #450a0a;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(220, 38, 38, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-coral {
  background: linear-gradient(180deg, #ff6b4a 0%, transparent 100%);
  border: 2px solid #dc4426;
  color: #431407;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(220, 68, 38, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-orange {
  background: linear-gradient(180deg, #f97316 0%, transparent 100%);
  border: 2px solid #ea580c;
  color: #431407;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(234, 88, 12, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-amber {
  background: linear-gradient(180deg, #fbbf24 0%, transparent 100%);
  border: 2px solid #d97706;
  color: #451a03;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(217, 119, 6, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-gold {
  background: linear-gradient(180deg, #facc15 0%, transparent 100%);
  border: 2px solid #b45309;
  color: #451a03;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(180, 83, 9, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-yellow {
  background: linear-gradient(180deg, #ead708 0%, transparent 100%);
  border: 2px solid #caa604;
  color: #452b03;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-cream {
  background: linear-gradient(180deg, #fef3c7 0%, transparent 100%);
  border: 2px solid #fcd34d;
  color: #78350f;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-lime {
  background: linear-gradient(180deg, #84cc16 0%, transparent 100%);
  border: 2px solid #65a30d;
  color: #1a2e05;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(101, 163, 13, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-olive {
  background: linear-gradient(180deg, #95953c 0%, transparent 100%);
  border: 2px solid #5c5c22;
  color: #fefce8;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-green {
  background: linear-gradient(180deg, #10b981 0%, transparent 100%);
  border: 2px solid #059669;
  color: #022c22;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(5, 150, 105, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-emerald {
  background: linear-gradient(180deg, #34d399 0%, transparent 100%);
  border: 2px solid #059669;
  color: #022c22;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(5, 150, 105, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-mint {
  background: linear-gradient(180deg, #6ee7b7 0%, transparent 100%);
  border: 2px solid #10b981;
  color: #022c22;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-teal {
  background: linear-gradient(180deg, #06b6d4 0%, transparent 100%);
  border: 2px solid #0e7490;
  color: #164e63;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(14, 116, 144, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-turquoise {
  background: linear-gradient(180deg, #2dd4bf 0%, transparent 100%);
  border: 2px solid #0d9488;
  color: #042f2e;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(13, 148, 136, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-cyan {
  background: linear-gradient(180deg, #30d3e5 0%, transparent 100%);
  border: 2px solid #26a3b1;
  color: #043e44;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(38, 163, 177, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-sky {
  background: linear-gradient(180deg, #38bdf8 0%, transparent 100%);
  border: 2px solid #0284c7;
  color: #0c4a6e;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(2, 132, 199, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-blue {
  background: linear-gradient(180deg, #3b82f6 0%, transparent 100%);
  border: 2px solid #2563eb;
  color: #172554;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(37, 99, 235, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-navy {
  background: linear-gradient(180deg, #1e3a8a 0%, transparent 100%);
  border: 2px solid #172554;
  color: #dbeafe;
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-indigo {
  background: linear-gradient(180deg, #818cf8 0%, transparent 100%);
  border: 2px solid #4f46e5;
  color: #1e1b4e;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(79, 70, 229, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-violet {
  background: linear-gradient(180deg, #8b5cf6 0%, transparent 100%);
  border: 2px solid #7c3aed;
  color: #2e1065;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(124, 58, 237, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-purple {
  background: linear-gradient(180deg, #a855f7 0%, transparent 100%);
  border: 2px solid #9333ea;
  color: #2e1065;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(147, 51, 234, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-lavender {
  background: linear-gradient(180deg, #c4b5fd 0%, transparent 100%);
  border: 2px solid #8b5cf6;
  color: #2e1065;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-fuchsia {
  background: linear-gradient(180deg, #d946ef 0%, transparent 100%);
  border: 2px solid #a21caf;
  color: #4a044e;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(162, 28, 175, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-pink {
  background: linear-gradient(180deg, #ec4899 0%, transparent 100%);
  border: 2px solid #db2777;
  color: #4c0519;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(219, 39, 119, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-rose {
  background: linear-gradient(180deg, #fb7185 0%, transparent 100%);
  border: 2px solid #e11d48;
  color: #4c0519;
  border-radius: 999px;
  box-shadow: 0 3px 9px rgba(225, 29, 72, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-brown {
  background: linear-gradient(180deg, #a16207 0%, transparent 100%);
  border: 2px solid #713f12;
  color: #fef3c7;
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-white {
  background: linear-gradient(180deg, #ffffff 0%, transparent 100%);
  border: 2px solid #cbd5e1;
  color: #334155;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-fog {
  background: linear-gradient(180deg, #e2e8f0 0%, transparent 100%);
  border: 2px solid #94a3b8;
  color: #1e293b;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-slate {
  background: linear-gradient(180deg, #64748b 0%, transparent 100%);
  border: 2px solid #475569;
  color: #f8fafc;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-bubble-black {
  background: linear-gradient(180deg, #374151 0%, transparent 100%);
  border: 2px solid #030303;
  color: #f8fafc;
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.mkt-icon-wrap {
  position: relative;
  display: inline-flex;
}

.mkt-icon-wrap #mkt-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #7dd3fc;
  background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 100%);
  color: #0369a1;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(2, 132, 199, 0.2), inset 0 1px 0 #fff;
}

#mkt-icon-btn svg {
  width: 18px;
  height: 18px;
}

#mkt-icon-btn:hover {
  filter: brightness(1.05);
}

#mkt-icon-popup {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 200;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(240, 249, 255, 0.95) 100%);
  border: 1px solid #7dd3fc;
  border-radius: 12px;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.25), inset 0 1px 0 #fff;
  max-height: 240px;
  overflow-y: auto;
}

.mkt-icon-head {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 800;
  color: #0369a1;
  font-family: "JetBrains Mono", monospace;
}

.mkt-icon-x {
  background: rgba(2, 132, 199, 0.1);
  border: 1px solid #7dd3fc;
  border-radius: 6px;
  color: #0369a1;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  padding: 1px 7px;
}

.mkt-icon-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #bae6fd;
  background: rgba(255, 255, 255, 0.7);
  color: #0369a1;
  cursor: pointer;
}

.mkt-icon-item:hover {
  background: #e0f2fe;
  border-color: #38bdf8;
}

.mkt-icon-item svg {
  width: 22px;
  height: 22px;
}

.mkt-icon-glyph {
  display: inline-flex;
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.15em;
  line-height: 1;
}

.mkt-icon-glyph svg {
  width: 100%;
  height: 100%;
}

.mkt-accent-wrap {
  position: relative;
  display: inline-flex;
}

#mkt-accent-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #7dd3fc;
  background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 100%);
  color: #0369a1;
  cursor: pointer;
  font-size: 16px;
  font-weight: 800;
  font-family: "JetBrains Mono", monospace;
  box-shadow: 0 2px 6px rgba(2, 132, 199, 0.2), inset 0 1px 0 #fff;
}

#mkt-accent-btn:hover {
  filter: brightness(1.05);
}

#mkt-accent-popup {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 200;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(240, 249, 255, 0.95) 100%);
  border: 1px solid #7dd3fc;
  border-radius: 12px;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.25), inset 0 1px 0 #fff;
  max-height: 240px;
  overflow-y: auto;
}

.mkt-accent-head {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 800;
  color: #0369a1;
  font-family: "JetBrains Mono", monospace;
}

.mkt-accent-x {
  background: rgba(2, 132, 199, 0.1);
  border: 1px solid #7dd3fc;
  border-radius: 6px;
  color: #0369a1;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  padding: 1px 7px;
}

.mkt-accent-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #bae6fd;
  background: rgba(255, 255, 255, 0.7);
  color: #0c4a6e;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
}

.mkt-accent-item:hover {
  background: #e0f2fe;
  border-color: #38bdf8;
}