@import url('https://rsms.me/inter/inter.css');

html {
  font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter var', sans-serif;
  }
}

label:hover {
  cursor: pointer;
}
label.error {
  color: red;
  font-size: 12px;
  display: block;
  font-style: italic;
  margin-top: 5px;
}

button#submit:disabled,
button#submit:disabled:hover {
  background: #CBD5E0;
  cursor: default;
}


/* HIDE RADIO */
.templates [type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.templates [type=radio] + img {
  cursor: pointer;
  border: 3px solid #fff;
}

/* CHECKED STYLES */
.templates [type=radio]:checked + img {
  box-shadow: 0px 0px 3px #1c64f2;
  border: 3px solid #1c64f2;
}