.wp-block-paintbasket-toggle.pb-toggle {
	overflow: hidden;
	border: var(--pb-toggle-border-width, 1px) solid var(--pb-toggle-border-color, var(--wp--preset--color--divi-border-divider, #e0e0e0));
	border-radius: var(--pb-toggle-radius, 0);
	background: var(--pb-toggle-content-bg, #fff);
	color: var(--pb-toggle-content-color, var(--wp--preset--color--divi-body-color, #333));
}

.pb-toggle__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	cursor: pointer;
	background: var(--pb-toggle-title-bg, #f4f4f4);
	color: var(--pb-toggle-title-color, #666);
	font-size: var(--pb-toggle-title-size, 16px);
	font-weight: 800;
	line-height: 1.25;
	list-style: none;
}

.pb-toggle__summary::-webkit-details-marker {
	display: none;
}

.pb-toggle__title {
	min-width: 0;
}

.pb-toggle__icon {
	position: relative;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	border-radius: 999px;
	background: var(--pb-toggle-icon-bg, #c8c8c8);
	color: var(--pb-toggle-icon-color, #fff);
}

.pb-toggle__icon::before,
.pb-toggle__icon::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	content: "";
	transform: translate(-50%, -50%);
	transition: transform 180ms ease;
}

.pb-toggle__icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.pb-toggle[open] .pb-toggle__icon::after {
	transform: translate(-50%, -50%) rotate(0deg);
}

.pb-toggle__content {
	padding: 18px;
	background: var(--pb-toggle-content-bg, #fff);
	color: var(--pb-toggle-content-color, var(--wp--preset--color--divi-body-color, #333));
}

.pb-toggle__content > :first-child {
	margin-top: 0;
}

.pb-toggle__content > :last-child {
	margin-bottom: 0;
}

.paint-basket-content-toggle-stack {
	display: grid;
	gap: 14px;
}
