.s-radio {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 1rem;
  margin: 0.5rem 0;

  input {
    position: relative;
    appearance: none;
    height: 25px;
    min-width: 25px;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(148, 148, 148, 0.1);
  }

  input:checked {
    appearance: none;
    height: 25px;
    min-width: 25px;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    background: #ffffff00;
    box-shadow: 0 1px 1px 0 rgba(148, 148, 148, 0.1);
  }

  label {
    display: flex;
    flex-direction: column;
  }
}

.js-form-type-radio {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 1rem;
  margin: 0.5rem 0;
}


.form-radio ~ label::before {
    content: " ";
    height: 0px;
    left: 12px;
    top: 12px;
    width: 0px;
    border-radius: 6px;
    background-color: var(--check-color);
    position: absolute;
    transition: .2s all ease-in;
  }

.form-radio:checked ~ label::before {
  content: " ";
  height: 19px;
  left: 3px;
  top: 3px;
  width: 19px;
  border-radius: 6px;
  background-color: var(--check-color);
  position: absolute;
  transition: .2s all ease-in;
}