/* Keep the existing shape and drag control; give the colors a clearer finish. */
.market-pill.market-pill {
  --glow-blur: 11px;
  --glow-strength: 22%;
  border-color: transparent;
  background:
    linear-gradient(180deg, #ffffff12 0%, #ffffff04 24%, #0000000a 50%, #00000024 82%, #ffffff06 100%) padding-box,
    linear-gradient(90deg, color-mix(in srgb, var(--trading-color) 82%, #25000a) 0%, color-mix(in srgb, var(--trading-color) 76%, #25000a) 36%, #11161c 48% 52%, color-mix(in srgb, var(--stocks-color) 52%, #00291e) 64%, color-mix(in srgb, var(--stocks-color) 58%, #00291e) 100%) padding-box,
    linear-gradient(90deg, color-mix(in srgb, var(--trading-color) 90%, white), var(--trading-color) 36%, #52616b 50%, var(--stocks-color) 64%, color-mix(in srgb, var(--stocks-color) 90%, white)) border-box;
  box-shadow:
    0 2px 5px #0f172a26,
    -3px 1px var(--glow-blur) -4px color-mix(in srgb, var(--trading-color) var(--glow-strength), transparent),
    3px 1px var(--glow-blur) -4px color-mix(in srgb, var(--stocks-color) var(--glow-strength), transparent),
    inset 0 1px 1px #ffffff24;
}

.market-pill.market-pill::before { opacity: .65; }
.market-pill.market-pill::after {
  background: linear-gradient(180deg, #ffffff0c, transparent 85%);
  border-top-color: #ffffff18;
}

.market-pill.market-pill .market-pill__side {
  background: transparent;
  box-shadow: none;
  filter: none;
  transform: none;
  transition: none;
  color: #fff;
  text-shadow: none;
}
.market-pill.market-pill .market-pill__content span { text-shadow: 0 1px 1px #0005; }
.market-pill.market-pill .market-pill__content svg {
  color: #fff;
  opacity: .9;
  filter: none;
}

/* A label is a click target, not a second floating button on hover. */
.market-pill.market-pill .market-pill__side:hover,
.market-pill.market-pill .market-pill__side:active {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none;
}
.market-pill.market-pill .market-pill__side::before,
.market-pill.market-pill .market-pill__side::after { display: none; }
.market-pill.market-pill .market-pill__ball:hover { filter: none; }

.market-pill.market-pill.market-pill--compact,
.market-pill.market-pill.market-pill--mobileHeader,
.market-pill.market-pill.market-pill--sidebar {
  --glow-blur: 8px;
  --glow-strength: 18%;
}