/* The stored form's SVG lost its positioning/visibility styles. Keep the native
   input and label: keyboard, screen-reader support and submitted values remain. */
.es_subscription_form input[type="checkbox"][name="esfpx_lists[]"] {
  z-index: 1;
  inset: 0;
  min-width: 20px;
  min-height: 20px;
}
.es_subscription_form input[type="checkbox"][name="esfpx_lists[]"] + div {
  box-sizing: border-box;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.es_subscription_form input[type="checkbox"][name="esfpx_lists[]"] ~ svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 9px;
  transform: translate(-50%, -50%);
  fill: #fff;
  opacity: 0;
  pointer-events: none;
}
.es_subscription_form input[type="checkbox"][name="esfpx_lists[]"]:checked + div {
  background-color: #167ba5 !important;
  border-color: #167ba5 !important;
}
.es_subscription_form input[type="checkbox"][name="esfpx_lists[]"]:checked ~ svg {
  opacity: 1;
}
.es_subscription_form input[type="checkbox"][name="esfpx_lists[]"]:focus-visible + div {
  outline: 2px solid #125e81;
  outline-offset: 3px;
}
.es_subscription_form .gdpr-label input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: checkbox;
  width: 18px;
  height: 18px;
  margin-inline-end: 8px;
  accent-color: #167ba5;
}
.es_subscription_form .gdpr-label input[type="checkbox"]::before {
  content: none;
}
@media (forced-colors: active) {
  .es_subscription_form input[type="checkbox"][name="esfpx_lists[]"]:checked + div {
    background-color: Highlight !important;
    border-color: Highlight !important;
    forced-color-adjust: none;
  }
  .es_subscription_form input[type="checkbox"][name="esfpx_lists[]"] ~ svg {
    fill: HighlightText;
    forced-color-adjust: none;
  }
}