.toggle-block-button {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 24rem;
	max-width: 80vw;
	margin-inline: auto;
	border-radius: 2.5rem;
	background: transparent;
	position: relative;
	padding: 0;
	height: 3.25rem;
	border: none !important;
	cursor: pointer;
	box-shadow: inset 0 .1rem 1.25rem rgb(0 0 0 / 0.15);
}

.toggle-block-button > div {
	z-index: 2;
	background: transparent !important;
	height: 2.5rem;
	display: grid;
	align-items: center;
	font-weight: 600;
	transition: color .5s ease;
}

.toggle-block-button .label-1 {
	grid-row: 1;
	grid-column: 1;
	color: #fff !important;
}
.toggle-block-button .label-2 {
	grid-row: 1;
	grid-column: 2;
	color:var(--blue) !important;
}

.toggle-block-button.toggled .label-1 {
	color:var(--blue) !important;
}
.toggle-block-button.toggled .label-2 {
	color: #fff !important;
}

.toggle-block-button .oval {
	z-index: 1;
	background: var(--green);
	background: linear-gradient(45deg,#00b6a5 10%,#009bfa 90%) !important;
	grid-row: 1;
	grid-column: 1;
	width: calc(50% - .75rem);
	top: .375rem;
	left: .375rem;
	transition: left .5s ease-in-out;
	position: absolute;
	height: 2.5rem;
	border-radius: 2rem;
	box-shadow: 0 .1em .1em rgb(0 0 0 / 0.4);
}

.toggle-block-button.toggled .oval {
	left: calc(50% + .375rem);
}



.block-toggle-group .toggle-group .acf-innerblocks-container {
	margin-bottom: 1.5rem;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
}

.block-toggle-group .toggle-group .acf-innerblocks-container > div {
	opacity: 0;
	position: relative;
	top: 1rem;
	transition: opacity .5s ease, top .5s ease;
	grid-column: 1/-1;
	grid-row: 2;
	pointer-events: none;
	padding: 1.5rem;
	border-radius: var(--container-radius);
}


.block-toggle-group .toggle-group .acf-innerblocks-container > div.active {
	opacity: 1;
	top: 0;
	transition: opacity .5s ease .5s, top .5s ease .5s;
	pointer-events: all;
}


#editor .block-toggle-group .toggle-group .acf-innerblocks-container {
	display: block !important;
}
#editor .block-toggle-group .toggle-group .acf-innerblocks-container > div {
	opacity: 1 !important;
	border: solid 1px var(--bg-grey);
	padding: 1.5rem;
	top: 0 !important;
	pointer-events: all !important;
}