pre {
	background-color: gainsboro !important;
}

/* Radio button styling */
#dayContainer,
#timeslotContainer {
	--gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	/* gap: calc(0.5vw + 0.5rem); */
	width: calc(100% + 0.5vw + 0.5em);
	margin-left: calc(-0.25vw - 0.25rem);
	margin-right: calc(-0.25vw - 0.25rem);
	margin-top: calc(-0.25vw - 0.25rem);
	margin-bottom: calc(0.5vw + 0.5rem);
}

/* Radio button styling */
#dayContainer input[type='radio'],
#timeslotContainer input[type='radio'] {
	display: none;
}

/* Chip styling */
#dayContainer label,
#timeslotContainer label {
	display: inline-block;
	font-size: 1rem;
	line-height: 1;
	padding-inline: 2rem;
	padding-top: 1rem;
	padding-bottom: calc(1rem - 2px);
	border: 3px solid var(--color11);
	color: var(--color11);
	border-radius: 100px;
	cursor: pointer;
	margin: calc(0.25vw + 0.25rem);
}

/* Chip hover effect */
#dayContainer label:hover,
#timeslotContainer label:hover {
	color: var(--color13);
	border-color: var(--color13);
}

/* datepicker errors */
#dayContainer label::before,
#timeslotContainer label::before,
#dayContainer span::before,
#timeslotContainer span::before {
	content: none;
	display: none;
}

.input-wrapper .label_wrap {
	text-align: left;
}

/* Selected chip styling */
#dayContainer input[type='radio']:checked + label,
#dayContainer input[type='radio']:checked + span + label,
#dayContainer input[type='radio']:checked + span:empty + span:empty + label,
#dayContainer input[type='radio']:checked + span:empty + span:empty + span:empty + label,
#dayContainer input[type='radio']:checked + span:empty + span:empty + span:empty + span:empty + label,
#timeslotContainer input[type='radio']:checked + label {
	background-color: var(--color61);
	border-color: var(--color61);
	color: white;
}

/* fix for custom input span icon */
#dayContainer input[type='radio'] + span,
#dayContainer input[type='radio'] ~ span:empty,
#timeslotContainer input[type='radio'] + label::before {
	content: none !important;
	display: none !important;
}