:root {
	/* chips */
	--neutral-dark-color: #080808;
	--neutral-light-color: #ffffff;
	--primary-light-color-rgba: rgba(55, 55, 239, 0.2);
}

.radio-list {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	gap: 0.5rem;
}

.radio-list input {
	position: absolute;
	height: 0;
	width: 0;
}

.radio-list-item {
	width: 100%;
}

.radio-label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	margin-right: 0px;
	padding: 5px 14px;
	height: min-content;
	min-width: 140px;
	border: 1px solid var(--neutral200);
	border-radius: 8px;
	user-select: none;
	cursor: pointer;
	transition: all 250ms ease-out;
	width: 100%;
	gap: 0.5rem;
}

.checkbox {
	height: 20px;
	width: 20px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABECAYAAAAx+DPIAAAAAXNSR0IArs4c6QAABmhJREFUeAHtm01oXFUUxyeTYj5HDUYUxCxcJGDcBYQSK9m4ULKyBKwIYv3YixuXgxsR2hS3FVxJF4KLbgK1QptYN2IXFis0ugpSTBzaRTKhs8iM/9/ru+mdN++9vHnzvsLrhcP9Ovee8z/3vvv9KpXHrtwWGEob/uTk5LMHBwevdzqd+aGhoTnJm1V4WuGa/BryFd5VeFd+Q9FNhe8ofHt4eHhjb2/vP3jScqkYYHx8fEEg3pXSb8h/RX5cOR0Z4g+Vvyr/0v7+/s2kDRFXsR49pqena81m8xMBPqvMly2GfYVvVKvVm+12m5a9MzIy8q96xe7MzMwufFtbWzW1dq3Vaj2v8nPinRPvgrJeE43D47o/Vf7biYmJi41GwylrMnLzn5ZTi9fHxsbujY6OdiCFt0UXFD41Pz//RFzlKEsd1EWdVv33kInsuHUPXE4tNaSW+ECK7ViKrUux5aWlpRMDC/BUQJ3ULXnrlrwddEAXD3u6USkxI7phFJF/TXG6ayYOWcg08tFFNJOV8EUJc7qj/LuiM5kI9hGCbHTAEPK3RYs+bMklqQuelbCWa/m1qampp5KrPV5N6CB91lydWugYr6aQUisrK8Oy7qorBGufq9fr1ZAimWahCzpZ+q2icyJKuOAvu5U/kP9+IhWnUAm6idCRRrqciBFMy8vfEZ1MQe9Eq0RHdHWNsDpQ5e43z9z+4DiAN2DR1fSE2GOCKllUJWbAK2y3N6C9vnTnc6DxWmDx5ofGVYB53kx150KZC5wpDM7ACBZRtHUCqyoxm0XOWpFG+35tje7qAc4UCaZIK0aWlnQdFbhbhHm+X9BefjCABUxg8+Z3xdlciNmMoLmt8LqUComoRauiT0W/in4R+Y5VwnTGbdSd0A2URsw6jKJrIXILkSWwJ0Tfi7zuIz8FwQQ2MPrlV9jPy1LOllZ+ZhsbX2WOSBTiIPAY43e/4mDCAGAEaw+PMj5zGa73ZBYo4QjwGODvIHWF0dlKg7WHR+Bvu11kuSezIAkRwGOAr4LUVfdfBiNYu3iUsUCGLLOdxmFGl7CYkYjgN8Q3FiQCbGB0G5ojt4dOieddA1wwaUXy+wA/cZTewspRHY19/pBXkVskik4dJhYkkCR4IIHRNcAtByLn9kpoi5qDHGCmYa+kwaOje9DaBDPYK2r901hEdCUNEHHrTAO80UVYfwQz2FlJzZPBub1hyNsHvHS4JFoJ0eVn5b2pe4JmCI9vlrD+RgbYq6qA66oKlxb4ebu0wYPPYAU753qzJCqSuwGyAO/BOssnME0i11X4ebmswIPPYAU7n4CzLuaurgzgwWiwgp0e4BjAXFRGMYLKvCP6RvSF6LkoZYJ4VD7VAc9PrsEq2TUWBs65X9Q1gAp9LbJdQ5FHy0o/iQFpKhe2qzMyNhQ4coUXIMI32V0LMPW3WAc0mBNrtdozvtxWohR5QdQ2mln+fYX7MoL4cwEPHLC664AGn4Dz7XM/b2ENCr6oDL+bWK6pf4pqBMCLP7V5Pkh5k26wgp1BsEEGjxMMQ4jPa437AfmRjJA3eHQ3WMHOOmCTRCnmLIgIBzkV2FPex6J2AE+oEYoAHr0trJt8As4CiGcpAaC6kmWEH5TA4WNfRigKeMAYrA72uJshFX5PdCAKcocDoxhyG/AA7HUaAK+4g+DpyiDbYQGLYoRXxed3emsbbl2RRKc6L2gT79kOk6FeEPtAJIIRWjZSn3Bm4MGqlu86EDGPHK6Sqe/7bfx+nMp8J/6wMSHsldiGyr6lOvre0vajo81rYXQwO3lJHIpG6Anexs+05QEaeChKprrGwMfifRghc/BgDDwWJ1PjgLkYWSce10UwQi7gwSOMwRcjSV6NyQgfivz2DH8pPZPR3tuAAh9+NUYBdZE686No4MtRAf3SY4R/FH/Sq1hWcTCBDYyBMpO+Hhfgl0Sfi/qeXQKVjJGh1o92PU7dpX4ggQHUWuV+IoMR1GXK+0gKA+BkhPI+k3toAmdW4HE0s0L5HkoaI6gnOI+k5ZfvqSxGKP1jacsI5Xwubz4FfK2iyvnDhG0EZgeReUdcrl9mjCFkgPL+NGWMwIqRZTOzgztV8uLiOnvuNF6aUSd1I8OSl89vc8YI+Gyg2GFJMeeVKcopvC06Fj9O+l1z2fgih4/rr7OJGcC2lHpE+X6etg1gh4v++7yt6+NwGS3wP0d3RcNakv5mAAAAAElFTkSuQmCC);
	background-size: 1rem;
	background-repeat: no-repeat;
}

.radio:checked+label {
	background-color: var(--color-sky100);
	border: 1px solid var(--color-sky700);
	color: var(--color-sky700);
	-webkit-transition: background 250ms linear;
}

.radio:checked+label .label-text {
	color: var(--color-sky700);
	-webkit-transition: color 250ms linear;
}

.radio:checked+label .checkbox {
	background-image: url(data:image/png;base64,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);
}

.label-text {
	width: fit-content;
}