.sqns-booking-doctor-widget {

	--sqns-brand-violet: #9b8de0;

	--sqns-brand-pink: #ff96cf;

	--sqns-brand-sky: #4fc4ff;

	--sqns-brand-violet-soft: color-mix(in srgb, var(--sqns-brand-violet) 14%, white);

	--sqns-brand-violet-hover: color-mix(in srgb, var(--sqns-brand-violet) 86%, black);

	--nd-brand-violet: var(--sqns-brand-violet);

	--nd-brand-pink: var(--sqns-brand-pink);

	--nd-brand-sky: var(--sqns-brand-sky);

	--nd-brand-violet-soft: var(--sqns-brand-violet-soft);

}



.sqns-booking-doctor-widget__title {

	margin: 0 0 12px;

	font-size: 1.25rem;

	font-weight: 600;

	color: var(--sqns-brand-violet, var(--nd-brand-violet));

}



.sqns-booking-doctor-widget__groups {

	display: flex;

	flex-direction: column;

	gap: 20px;

}



.sqns-booking-doctor-widget__branch-title {

	margin: 0 0 8px;

	font-size: 1rem;

	font-weight: 600;

	color: #3d3658;

}



.sqns-booking-doctor-widget__date {

	margin: 0 0 16px;

	color: #6b6580;

}



.sqns-booking-doctor-widget__chips {

	display: flex;

	flex-wrap: wrap;

	gap: 8px;

}



.sqns-booking-doctor-widget__chip {

	appearance: none;

	border: 1px solid color-mix(in srgb, var(--sqns-brand-violet) 45%, transparent);

	background: #fff;

	color: #3d3658;

	border-radius: 999px;

	padding: 10px 16px;

	font-size: 15px;

	line-height: 1;

	cursor: pointer;

	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;

}



.sqns-booking-doctor-widget__chip:hover,

.sqns-booking-doctor-widget__chip:focus {

	border-color: var(--sqns-brand-violet, var(--nd-brand-violet));

	background: var(--sqns-brand-violet-soft, var(--nd-brand-violet-soft));

	color: #2f2850;

}



.sqns-booking-doctor-widget__chip--other {

	border-color: var(--sqns-brand-sky, var(--nd-brand-sky));

	border-style: dashed;

	color: var(--sqns-brand-violet, var(--nd-brand-violet));

}



.sqns-booking-doctor-widget__chip--other:hover,

.sqns-booking-doctor-widget__chip--other:focus {

	border-color: var(--sqns-brand-pink, var(--nd-brand-pink));

	background: color-mix(in srgb, var(--sqns-brand-pink) 8%, white);

}



.sqns-booking-doctor-widget__notice {

	padding: 12px 16px;

	border-radius: 8px;

	background: var(--sqns-brand-violet-soft, var(--nd-brand-violet-soft));

	color: #4a4468;

	border: 1px solid color-mix(in srgb, var(--sqns-brand-violet) 25%, transparent);

}