.radio-image.radio-image.hoverable label {
  cursor: pointer
}

.radio-image label h4 {
  font-size: 1.25rem;
}

.radio-image label input {
  position: absolute;
  opacity: 0
}

.radio-image label input:checked+div {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--gray-100), var(--tw-bg-opacity, 1));
  border-color: rgba(var(--primary-400), var(--tw-bg-opacity, 1));
  border-style: solid;
}

.radio-image label input:checked+div:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--gray-800), var(--tw-bg-opacity, 1));
  border-color: rgba(var(--primary-400), var(--tw-bg-opacity, 1));
}

.radio-image.hoverable label:hover>div {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--gray-100), var(--tw-bg-opacity, 1));
}

.radio-image.hoverable label:hover>div:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--gray-800), var(--tw-bg-opacity, 1));
}

.radio-image label>div {
  padding: 1.2rem;
  border-radius: .5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1));
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-width: 1px;
  border-color: transparent;
}

.radio-image label>div:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--gray-900), var(--tw-bg-opacity, 1));
}

.radio-image label>div>span {
  display: none;
}

.radio-image label img {
  height: 30px;
}

.mt-4 {
  margin-top: 1rem;
}

.flex-auto {
  flex: 1 1 auto;
}

.choices.is-disabled .choices__inner {
  background-image: none;
}

select[disabled="disabled"]:not(.choices) {
  background-image: none;
}

input[readonly="readonly"],
textarea[readonly="readonly"] {
  background-color: rgb(var(--gray-50));
  border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
  cursor: not-allowed;
}

.dark input[readonly="readonly"],
.dark textarea[readonly="readonly"] {
  background-color: transparent;
  border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
  cursor: not-allowed;
}

input[readonly="readonly"]:focus,
textarea[readonly="readonly"]:focus {
  box-shadow: var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}