/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

.wp-block-ub-content-toggle-accordion-content-wrap {
	> .block-editor-inner-blocks {
		> .block-editor-block-list__layout {
			> .alignright {
				float: right;
				margin-inline-start: 2em;
				margin-inline-end: 0;
			}

			> .alignleft {
				float: left;
				margin-inline-start: 0;
				margin-inline-end: 2em;
			}

			> .aligncenter {
				margin-inline-start: auto;
				margin-inline-end: auto;
			}
		}
	}
}
.wp-block-ub-content-toggle {
	&-block {
		padding: 3px 0;
	}
	&-customize-icons-wrap {
		display: flex;
		padding: 5px;
		> * {
			display: inline;
			margin: 5px;
		}
	}
	&-accordion {
		overflow: visible;
		&-inner {
			overflow: hidden;
			border-radius: inherit;
		}
		&-controls-top > span {
			cursor: pointer;
			&:nth-of-type(2) {
				position: absolute;
				right: -15px;
			}
			> svg {
				background: black;
				border-radius: 100px;
				color: white;
				fill: white;
			}
		}
		&-controls-bottom > span {
			cursor: pointer;
			> svg {
				background: black;
				border-radius: 100px;
				color: white;
				fill: white;
			}
		}
		&-title-wrap {
			align-items: baseline;
			> *:first-child {
				flex-grow: 1;
			}
		}
		&-state-indicator {
			margin: 10px;
		}
	}
}