@import "@Themes/constants.scss";

.root {
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;

	input[type="radio"] {
		appearance: none;
		background-color: transparent;
		width: 15px;
		height: 15px;
		border: 1px solid var(--color-secondary-500);
		border-radius: 100px;
		margin-right: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: auto;
		margin-bottom: auto;
	}

	input[type="radio"]::before {
		content: "";
		width: 11px;
		height: 11px;
		background-color: var(--color-secondary-500);
		border-radius: 100px;
		transform: scale(0);
	}

	input[type="radio"]:checked::before {
		transform: scale(1);
	}

	.tooltip {
		margin-left: 16px;
	}
}