/* Center gold risk shield icon exactly inside its circle. */
.sharp-risk__shield {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
}

.sharp-risk__shield > svg {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 28px !important;
  height: 28px !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

@media (max-width: 390px) {
  .sharp-risk__shield > svg {
    width: 27px !important;
    height: 27px !important;
  }
}

.sharp-risk--history {
  border-color: rgba(203, 154, 59, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,248,235,.84)),
    radial-gradient(circle at 12% 0%, rgba(217, 166, 58, .12), transparent 34%) !important;
}

.sharp-risk--history .sharp-risk__shield {
  color: #a87417 !important;
  background: rgba(244, 221, 174, .42) !important;
  border-color: rgba(203, 154, 59, .22) !important;
}

.sharp-risk--history .sharp-risk__copy strong,
.sharp-risk--history .sharp-risk__exposure strong,
.sharp-risk--history .sharp-risk__protection strong {
  color: #151311 !important;
}

.sharp-risk--history .sharp-risk__copy em,
.sharp-risk--history .sharp-risk__exposure em,
.sharp-risk--history .sharp-risk__protection em {
  color: rgba(68, 57, 40, .58) !important;
}

.sharp-risk--history .sharp-risk__ring {
  border-color: rgba(203, 154, 59, .18) !important;
  background:
    conic-gradient(from -45deg, #d7a84a 0 74%, rgba(218, 166, 56, .18) 74% 100%) !important;
}

.sharp-risk--history .sharp-risk__ring::after {
  background: #fffaf0 !important;
}

.sharp-risk--history .sharp-risk__protection .sharp-home-icon {
  color: #a87417 !important;
  background: rgba(244, 221, 174, .34) !important;
}