.hrx-local-estimate {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  vertical-align: middle;
}

.hrx-local-estimate > small {
  color: #70827b;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .01em;
}

.hrx-eur-charge-notice {
  border-left-color: #237760 !important;
  background: #eef8f3 !important;
  color: #18332b !important;
}

.hrx-eur-charge-notice strong {
  display: block;
  margin-bottom: 3px;
  color: #104b3c;
}

.hrx-currency-selector {
  color: #18332b;
  font-family: inherit;
}

.hrx-currency-selector label,
.hrx-currency-selector small {
  display: block;
}

.hrx-currency-selector label {
  margin-bottom: 5px;
  color: #49645a;
  font-size: 11px;
  font-weight: 700;
}

.hrx-currency-selector select {
  width: 100%;
  min-height: 42px;
  padding: 7px 34px 7px 10px;
  border: 1px solid #bfd7cb;
  border-radius: 8px;
  background: #fff;
  color: #104b3c;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
}

.hrx-currency-selector small {
  margin-top: 5px;
  color: #71857d;
  font-size: 10px;
}

.hrx-currency-preview-panel {
  position: fixed;
  z-index: 999999;
  right: 18px;
  bottom: 18px;
  width: min(340px, calc(100vw - 28px));
  padding: 16px;
  border: 1px solid #a9cdbc;
  border-radius: 14px;
  background: #f8fcfa;
  box-shadow: 0 18px 55px rgba(11, 56, 45, .22);
  color: #18332b;
  font-family: inherit;
}

.hrx-preview-label {
  margin: -16px -16px 14px;
  padding: 8px 14px;
  border-radius: 13px 13px 0 0;
  background: #fff0cc;
  color: #765308;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-align: center;
}

.hrx-currency-preview-panel p {
  margin: 11px 0 7px;
  color: #60766e;
  font-size: 11px;
  line-height: 1.45;
}

.hrx-currency-preview-panel > a {
  color: #17624f;
  font-size: 11px;
  font-weight: 700;
  text-decoration: underline;
}

@media (max-width: 600px) {
  .hrx-currency-preview-panel {
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
  }
}