/* Dark glass finish only for the existing product metric cards. */
html body.product-detail-page #main-content .product-metrics.product-metrics--paired:is(.product-metrics--horizontal,.product-metrics--vertical) .product-metric.product-metric--paired {
  color: #f5f5f7 !important;
  background: linear-gradient(135deg, rgba(34,34,36,.96), rgba(24,24,26,.97)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.16), inset 0 -1px 1px rgba(0,0,0,.22), 0 7px 20px rgba(29,29,31,.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
}
html body.product-detail-page #main-content .product-metrics.product-metrics--paired .product-metric.product-metric--paired .product-metric-info {
  background: transparent !important;
  color: #f5f5f7 !important;
}
html body.product-detail-page #main-content .product-metrics.product-metrics--paired .product-metric-info strong,
html body.product-detail-page #main-content .product-metrics.product-metrics--paired .product-metric-info span {
  color: #f5f5f7 !important;
  -webkit-text-fill-color: #f5f5f7 !important;
  text-shadow: none !important;
}
html body.product-detail-page #main-content .product-metrics.product-metrics--paired:is(.product-metrics--horizontal,.product-metrics--vertical) .product-metric.product-metric--paired:hover {
  background: linear-gradient(135deg, rgba(40,40,43,.97), rgba(27,27,29,.98)) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.22), 0 9px 24px rgba(29,29,31,.11) !important;
}
@media (prefers-reduced-transparency: reduce) {
  html body.product-detail-page #main-content .product-metrics.product-metrics--paired:is(.product-metrics--horizontal,.product-metrics--vertical) .product-metric.product-metric--paired {
    background: #1b1b1b !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}