.zeero-radio-group {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.zeero-radio-container {
	display: flex;
	gap: 0.5em;
	cursor: pointer;
}

.zeero-radio-container.disabled {
	color: var(--disabled);
	cursor: default;
}

.zeero-radio-container > input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	margin: 0.2em 0;
	width: 1em;
	height: 1em;
	opacity: 0.6;
	border: 0.1em solid var(--text-color);
	border-radius: 1em;
	display: grid;
	place-content: center;
	cursor: pointer;
	outline: none;
	transition: opacity 0.3s;
}

.zeero-radio-container > input[type="radio"]::before {
	content: "";
	width: 0.35em;
	height: 0.35em;
	border-radius: 1em;
	transform: scale(0);
	transform-origin: center;
	transition: 120ms transform ease-in-out;
	background-color: var(--primary);
}

.zeero-radio-container > input[type="radio"]:hover,
.zeero-radio-container > input[type="radio"]:checked {
	opacity: 1;
}

.zeero-radio-container > input[type="radio"]:checked {
	border: 0.1em solid var(--primary);
}

.zeero-radio-container > input[type="radio"]:checked::before {
	transform: scale(1);
}

.zeero-radio-container > input[type="radio"]:disabled {
	border: 1px solid var(--disabled);
	opacity: 1;
	cursor: default;
}

.zeero-radio-container > input[type="radio"]:disabled:checked {
	border: 1px solid var(--disabled);
}

.zeero-radio-container > input[type="radio"]:disabled:checked::before {
	background-color: var(--disabled);
}