.is-style-accordion-faq {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	width: 100%;
}

.is-style-accordion-faq .wp-block-accordion-item {
	width: 100%;
	margin: 0;
	overflow: clip;
	background-color: var(--wp--preset--color--surface-sunken);
	border-radius: var(--wp--custom--radius--md);
}

.is-style-accordion-faq .wp-block-accordion-item.is-open {
	background-color: var(--wp--preset--color--surface);
}

.is-style-accordion-faq .wp-block-accordion-heading {
	margin: 0;
	font-size: var(--wp--preset--font-size--lead);
}

.is-style-accordion-faq .wp-block-accordion-heading__toggle {
	gap: 0.75em;
	padding: var(--wp--preset--spacing--30);
	color: var(--wp--preset--color--fg-dark);
	font-weight: 600;
}

.is-style-accordion-faq .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
	text-decoration: none;
}

.is-style-accordion-faq .wp-block-accordion-heading__toggle-icon {
	position: relative;
	box-sizing: content-box;
	flex: none;
	padding: 0.65em;
	color: transparent;
	background-color: var(--wp--preset--color--primary-soft);
	border-radius: var(--wp--custom--radius--sm);
	transform: none;
}

.is-style-accordion-faq .wp-block-accordion-heading__toggle-icon::before {
	position: absolute;
	display: block;
	color: var(--wp--preset--color--fg-dark);
	content: "+";
}

.is-style-accordion-faq .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
	background-color: var(--wp--preset--color--primary);
	transform: none;
}

.is-style-accordion-faq .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon::before {
	color: var(--wp--preset--color--primary-contrast);
	transform: rotate(45deg);
}

.is-style-accordion-faq .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-icon,
.is-style-accordion-faq .wp-block-accordion-heading__toggle:focus-visible .wp-block-accordion-heading__toggle-icon {
	background-color: var(--wp--preset--color--primary-highlight);
}

.is-style-accordion-faq .wp-block-accordion-panel {
	display: grid;
	grid-template-rows: 0fr;
	min-height: 0;
	padding-right: var(--wp--preset--spacing--30);
	padding-left: var(--wp--preset--spacing--30);
	overflow: clip;
	content-visibility: hidden;
}

.is-style-accordion-faq .wp-block-accordion-item.is-open > .wp-block-accordion-panel {
	grid-template-rows: 1fr;
	content-visibility: visible;
}

.is-style-accordion-faq .wp-block-accordion-panel > * {
	min-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-0.375rem);
}

.is-style-accordion-faq .wp-block-accordion-item.is-open > .wp-block-accordion-panel > * {
	opacity: 1;
	transform: translateY(0);
}

.is-style-accordion-faq .wp-block-accordion-panel > .wp-block-group,
.is-style-accordion-faq .wp-block-accordion-panel > :not(.wp-block-group):last-child {
	padding-bottom: var(--wp--preset--spacing--40);
}

@media (prefers-reduced-motion: no-preference) {
	.is-style-accordion-faq .wp-block-accordion-item {
		transition: background-color var(--wp--custom--motion--duration--base) var(--wp--custom--motion--easing--out);
	}

	.is-style-accordion-faq .wp-block-accordion-panel {
		transition:
			content-visibility var(--wp--custom--motion--duration--base) allow-discrete,
			grid-template-rows var(--wp--custom--motion--duration--base) var(--wp--custom--motion--easing--in);
	}

	.is-style-accordion-faq .wp-block-accordion-item.is-open > .wp-block-accordion-panel {
		transition:
			content-visibility var(--wp--custom--motion--duration--slow) allow-discrete,
			grid-template-rows var(--wp--custom--motion--duration--slow) var(--wp--custom--motion--easing--out);
	}

	.is-style-accordion-faq .wp-block-accordion-panel > * {
		transition:
			transform var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--easing--in),
			opacity var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--easing--in);
	}

	.is-style-accordion-faq .wp-block-accordion-item.is-open > .wp-block-accordion-panel > * {
		transition-duration: var(--wp--custom--motion--duration--base);
		transition-timing-function: var(--wp--custom--motion--easing--out);
		transition-delay: 50ms;
	}

	.is-style-accordion-faq .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
		transition: background-color var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--easing--out);
	}

	.is-style-accordion-faq .wp-block-accordion-heading__toggle-icon::before {
		transition: transform var(--wp--custom--motion--duration--base) var(--wp--custom--motion--easing--out);
	}
}
