.wf-checkbox-bubble {
	transition-duration: 300ms;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-block: var(--absorb---padding--padding-xs); /* changed 12px to 8px */
	padding-inline: var(--absorb---padding--padding-default);
	gap: var(--absorb---padding--padding-xxs);
	border-radius: var(--absorb---borders--border-radius-xl);
	border-width: var(--absorb---borders--border-width-bold);
	border-style: solid;
	border-color: var(--absorb_colors---colors-core--neutral--neutral-400);
	color: var(--absorb_colors---colors-semantic-tokens--text-primary);
	margin: 0px;
	&.checked {
		background-color: var(--absorb_colors---colors-core--neutral--neutral-400);
		color: var(--absorb_colors---colors-semantic-tokens--button-text);
	}
	&.justify-start {
		justify-content: flex-start;
	}

	i {
		height: var(--absorb---icons--icon-height-default);
		width: var(--absorb---icons--icon-height-default);
		justify-content: center;
		align-items: center;
		display: flex;
	}

	p {
		font-weight: var(--absorb---typography--font-weight--font-weight-regular);
		font-size: var(--absorb---typography--font-size--font-size-sm);
		line-height: var(--absorb---typography--line-height--line-height-xl);
		margin: 0px;
		min-width: -moz-max-content;
		min-width: max-content;
	}
}
.wf-chip {
	display: flex;
	align-items: center;
	color: var(--absorb_colors---colors-semantic-tokens--text-secondary);
	font-size: var(--absorb---typography--font-size--font-size-xs);
	line-height: var(--absorb---typography--line-height--line-height-xl);
	padding-top: var(--absorb---padding--padding-xxs); /* was 6px */
	padding-bottom: var(--absorb---padding--padding-xxs); /* was 6px */
	padding-left: var(--absorb---padding--padding-default); /* was 12px */
	padding-right: var(--absorb---padding--padding-default); /* was 12px */
	border-radius: var(--absorb---borders--border-radius-xl);
	border-width: var(--absorb---borders--border-width-default);
	border-color: var(--absorb_colors---forms--form-well-border);
	border-style: solid;
	gap: var(--absorb---padding--padding-xs);
}
/*RfpForm-styles.css*/

.wf-rfp-section {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	align-items: stretch;
	grid-template-columns: minmax(0, 1fr);
	padding-bottom: var(--absorb---padding--padding-3xl);
	margin-bottom: var(--absorb---padding--padding-2xl);
	padding-left: var(--absorb---padding--padding-lg);
	padding-right: var(--absorb---padding--padding-lg);
	max-width: var(--absorb---breakpoints--screen-width-md);
	width: 100%;
	gap: var(--absorb---padding--padding-lg);
	/* --breakpoints--screen-width-lg = 1440 */
	@media (min-width: 1440px) {
		padding-left: var(--absorb---padding--none);
		padding-right: var(--absorb---padding--none);
	}
	/* --breakpoints--screen-width-default = 1024 */
	@media (min-width: 1024px) {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		.rfp-categories {
			grid-column: span 2 / span 2;
		}
	}

	.rfp-categories {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-self: flex-start;
		height: 100%;
		gap: var(--absorb---padding--padding-default);
		padding: var(--absorb---padding--padding-lg);
		border-radius: var(--absorb---borders--border-radius-lg);
		border-width: var(--absorb---borders--border-width-default);
		background-color: var(--absorb_colors---colors-semantic-tokens--background-primary);
		border-color: var(--absorb_colors---forms--form-well-border);
		border-style: solid;
		/* --breakpoints--screen-width-xs = 768 */
		@media (min-width: 768px) {
			padding: var(--absorb---padding--padding-2xl);
		}

		.rfp-catergories-options {
			gap: var(--absorb---padding--padding-default);
			padding-left: var(--absorb---padding--padding-default);
			padding-right: var(--absorb---padding--padding-default);
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;

			/* --breakpoints--screen-width-default = 1024 */
			@media (min-width: 1024px) {
				justify-content: center;
				padding-left: 0px;
				padding-right: 0px;
			}

			button {
				display: flex;
				align-items: center;
				gap: var(--absorb---padding--padding-xs);
				background: none;
				border: none;
				padding: 0;
				color: inherit;
				cursor: pointer;
				font-weight: var(--absorb---typography--font-weight--font-weight-regular);
				font-size: var(--absorb---typography--font-size--font-size-sm);
				line-height: var(--absorb---typography--line-height--line-height-xl);
			}
		}
	}
}

.rfp-questions {
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	grid-column: span 1 / span 1;
	align-self: stretch;
	max-height: 520px; /* RFP form is anchored around this */
	position: relative; /* can we change this */
	padding: var(--absorb---padding--padding-lg);
	padding-top: var(--absorb---padding--padding-2xl);
	background-color: var(--absorb_colors---colors-semantic-tokens--background-primary);
	border-radius: var(--absorb---borders--border-radius-lg);
	border-width: var(--absorb---borders--border-width-default);
	border-color: var(--absorb_colors---forms--form-well-border);
	border-style: solid;

	/* --breakpoints--screen-width-xs = 768 */
	@media (min-width: 768px) {
		padding: var(--absorb---padding--padding-xl);
	}
	/* --breakpoints--screen-width-default = 1024 */
	@media (min-width: 1024px) {
		grid-column: span 4 / span 4;
	}

	.rfp-placeholder {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;

		h3 {
			text-align: center;
			margin-top: var(--absorb---padding--padding-md);
			margin-bottom: var(--absorb---padding--padding-default);
			color: var(--absorb_colors---colors-semantic-tokens--text-secondary);
			font-weight: var(--absorb---typography--font-weight--font-weight-bold);
			line-height: var(--absorb---typography--line-height--line-height-xl);
		}
	}

	.rfp-category-chips {
		display: flex;
		position: relative;
		z-index: 10;
		flex-wrap: wrap;
		align-items: center;
		gap: var(--absorb---padding--padding-xs); /* was 10px */
		margin-bottom: var(--absorb---padding--padding-default);
	}

	.rfp-category-block {
		display: flex;
		flex-direction: column;
		position: relative;
		height: auto;
		width: 100%;

		h4 {
			width: 100%;
			padding-top: 0px;
			margin: 0px;
			text-transform: capitalize;
			color: var(--absorb_colors---colors-semantic-tokens--text-secondary);
			font-weight: var(--absorb---typography--font-weight--font-weight-bold);
			line-height: var(--absorb---typography--line-height--line-height-xl);
			padding-bottom: var(--absorb---padding--padding-xs); /* was 10px */
		}

		h5 {
			display: flex;
			width: 100%;
			margin: 0px;
			color: var(--absorb_colors---colors-semantic-tokens--text-secondary);
			font-weight: var(--absorb---typography--font-weight--font-weight-regular);
			line-height: var(--absorb---typography--line-height--line-height-xl);
			padding-bottom: var(--absorb---padding--padding-xs); /* was 10px */
		}

		.rfp-question {
			display: flex;
			align-items: flex-start;
			width: 100%;
			gap: var(--absorb---padding--padding-default); /* was 12px */
			padding-top: var(--absorb---padding--padding-xs); /* was 10px */
			padding-bottom: var(--absorb---padding--padding-xs); /* was 10px */
			border-top-width: var(--absorb---borders--border-width-default);
			border-top-style: solid;
			border-color: var(--absorb_colors---forms--form-well-border);

			i {
				display: block;
				flex-shrink: 0;
			}

			p {
				margin: 0px;
				color: var(--absorb_colors---colors-semantic-tokens--text-secondary);
				font-weight: var(--absorb---typography--font-weight--font-weight-regular);
				font-size: var(--absorb---typography--font-size--font-size-default);
				line-height: var(--absorb---typography--line-height--line-height-xl);
			}
		}

		.rfp-teaser {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			width: 100%;
			z-index: 10;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			gap: var(--absorb---padding--padding-default);
			padding-top: var(--absorb---padding--padding-3xl);
			padding-bottom: var(--absorb---padding--padding-md);
			height: 275px; /* fixed value based on form size */
			transform: translate(0px, var(--absorb---padding--padding-2xl));

			/* Background gradient */
			/* var(--absorb_colors---colors-semantic-tokens--background-primary) */
			background-image: linear-gradient(
				to bottom,
				rgba(255,255,255,0),
				rgba(255,255,255,0.75) 50%,
				rgba(255,255,255,1) 100%
			);

			/* --breakpoints--screen-width-xs = 768 */
			@media (min-width: 768px) {
				padding-bottom: var(--absorb---padding--padding-xl);
			}


			h3 {
				text-align: center;
				color: var(--absorb_colors---colors-semantic-tokens--text-secondary);
				font-family: var(--absorb---typography--font-family--font-family-headers);
				font-weight: var(--absorb---typography--font-weight--font-weight-bold);
				line-height: var(--absorb---typography--line-height--line-height-xl);
			}
		}
	}
}

.rfp-download-cta {
	display: flex;
	flex-direction: column;
	grid-column: 1 / -1;
	-moz-column-span: all;
	column-span: all;
	justify-content: center;
	align-items: center;
	gap: var(--absorb---padding--padding-default);

	.cta-button .cta-button-longtext {
		display: none;
		/* --breakpoints--screen-width-xs = 768 */
		@media (min-width: 768px) {
			display: block;
		}
	}
	.cta-button .cta-button-shorttext{
		display: block;
		/* --breakpoints--screen-width-xs = 768 */
		@media (min-width: 768px) {
			display: none;
		}
	}

	.cta-subhead {
		font-weight: var(--absorb---typography--font-weight--font-weight-regular);
		font-size: var(--absorb---typography--font-size--font-size-default);
		line-height: var(--absorb---typography--line-height--line-height-xl);
		color: var(--absorb_colors---colors-semantic-tokens--text-primary);
	}
}

.wf-button {
	background-color: var(--absorb_colors---colors-semantic-tokens--button);
	padding-top: var(--absorb---padding--padding-default);
	padding-bottom: var(--absorb---padding--padding-default);
	padding-left: var(--absorb---padding--padding-2xl);
	padding-right: var(--absorb---padding--padding-2xl);
	font-weight: var(--absorb---typography--font-weight--font-weight-semibold);
	color: var(--absorb_colors---colors-semantic-tokens--button-text);
	font-size: var(--absorb---typography--font-size--font-size-default);
	line-height: var(--absorb---typography--line-height--line-height-xl);
	border-radius: var(--absorb---borders--border-radius-xl);

	margin-bottom: 0px;

	&:hover {
		background-color: var(--absorb_colors---colors-semantic-tokens--button-hover);
	}
	&:active {
		background-color: var(--absorb_colors---colors-semantic-tokens--button-pressed);
	}
	&:disabled {
		background-color: var(--absorb_colors---colors-core--neutral--neutral-400);
		cursor: not-allowed;
	}

	/* --breakpoints--screen-width-xs = 768 */
	@media (min-width: 768px) {
		font-size: var(--absorb---typography--font-size--font-size-lg);
	}
}