.facet-item {
  display: flex;
  gap: 1.06rem;
  margin: 0rem;
}

.facet-item input[type="checkbox"] {
  height: 1.5rem;
  position: static;
  width: 1.5rem;
}

.facet-item input[type="checkbox"] + label {
  margin: 0rem;
  padding: 0rem;
}

.facet-item input[type="checkbox"]:hover + label,
.facet-item input[type="checkbox"]:focus + label {
  color: var(--color-accent);
  text-underline-offset: 0.25rem;
}

.facet-item input[type="checkbox"] + label::before {
  border-radius: 0.5rem;
  border-width: 0.125rem;
  height: 1.5rem;
  width: 1.5rem;
}

.facet-item input[type="checkbox"]:hover + label::before,
.facet-item input[type="checkbox"]:focus + label::before {
  border-color: var(--color-accent);
  border-width: 0.125rem;
  box-shadow: unset;
}

.facet-item input[type="checkbox"] + label::after {
  background-image: url("../../assets/images/site/icons/check.svg");
  background-size: contain;
  border: unset;
  display: block;
  height: 1.5rem;
  left: 0rem;
  margin: 0rem;
  padding: 0rem;
  top: 0rem;
  transform: unset;
  width: 1.5rem;
}

/* Webform */
fieldset,
.fieldgroup {
  border: none;
  margin: 3.5rem 0rem 1.875rem;
  padding: 0rem;
}

legend {
  margin-bottom: 1.875rem;
  padding-inline: 0rem;
}

.form-item label {
  margin-bottom: 0.625rem;
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea,
select,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--color-accent);
  border-radius: 0.5rem;
  border-width: 0.3125rem;
  color: var(--color-accent-2);
  padding-block: 0.6875rem;
}

input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  border-color: var(--color-accent);
  box-shadow: unset;
  outline-color: var(--color-accent-2);
  outline-offset: 0.125rem;
}

button,
input[type="submit"] {
  border-radius: 0.5rem;
  font-weight: 700;
  padding-block: 0.9375rem;
}

.webform-submission-form input[type="checkbox"] {
  height: 3.125rem;
  left: 0.9375rem;
  top: 0.5rem;
  width: 3.125rem;
}

.webform-submission-form input[type="checkbox"] + label {
  align-items: center;
  display: flex;
  gap: 1.4375rem;
  margin: 0rem;
}

.webform-submission-form input[type="checkbox"] + label::before {
  border: 0.3125rem solid var(--color-accent);
  border-radius: 0.5rem;
  display: block;
  height: 3.125rem;
  position: static;
  width: 3.125rem;
}

.webform-submission-form input[type="checkbox"] + label::after {
  background: url("../../assets/images/site/icons/check.png") center/contain
    no-repeat;
  border: none;
  height: 1.1875rem;
  left: 1.71875rem;
  top: 1.4375rem;
  transform: unset;
  width: 1.5625rem;
}

.webform-submission-form input[type="checkbox"]:hover + label,
.webform-submission-form input[type="checkbox"]:focus + label {
  color: var(--color-accent);
}

.webform-submission-form input[type="checkbox"]:focus + label::before {
  border-width: 0.3125rem;
  box-shadow: unset;
}

.webform-type-radios .form-item {
  margin-block-end: 1.25rem;
  min-height: 3.125rem;
  padding: 0rem;
}

.webform-type-radios .form-item input {
  height: 3.125rem;
  left: 0rem;
  top: 0rem;
  width: 3.125rem;
}

.webform-type-radios .form-item [type="radio"] + label {
  align-items: center;
  display: flex;
  gap: 1.4375rem;
}

.webform-type-radios .form-item [type="radio"] + label::before {
  border: 0.3125rem solid var(--color-accent);
  height: 3.125rem;
  position: static;
  width: 3.125rem;
}

.webform-type-radios .form-item [type="radio"]:hover + label,
.webform-type-radios .form-item [type="radio"]:focus + label {
  color: var(--color-accent);
  text-decoration: underline;
}

.webform-type-radios .form-item [type="radio"]:focus + label::before {
  border-width: 0.3125rem;
  box-shadow: unset;
}

.webform-type-radios .form-item [type="radio"] + label::after {
  background-color: var(--color-accent);
  border: none;
  height: 1.5625rem;
  left: 1.71875rem;
  top: 1.25rem;
  width: 1.5625rem;
}

@media screen and (min-width: 48rem) {
  .webform-submission-form input[type="checkbox"] {
    height: 3.6875rem;
    width: 3.6875rem;
  }

  .webform-submission-form input[type="checkbox"] + label::before {
    height: 3.6875rem;
    width: 3.6875rem;
  }

  .webform-submission-form input[type="checkbox"] + label::after {
    left: 2rem;
    top: 1.75rem;
  }

  .webform-type-radios .form-item [type="radio"] + label::before {
    height: 3.6875rem;
    width: 3.6875rem;
  }

  .webform-type-radios .form-item [type="radio"] + label::after {
    height: 1.875rem;
    left: 1.84375rem;
    top: 1.40625rem;
    width: 1.875rem;
  }
}