.components-editorskit-inline-color__indicator {
	position: absolute;
	background: #000;
	height: 3px;
	width: 20px;
	bottom: 6px;
	left: 20%;
	right: 20%;
	margin: 0 auto;

	&::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
	}
}

.components-editorskit-toolbar__control {

	&.components-icon-button {
		position: relative;

		&.has-text {

			svg {
				margin-right: 0;
			}
		}
	}
}

.components-editorskit__inline-color-popover {

	.components-popover__content {
		padding: 10px 18px;

		.components-color-palette {
			margin-top: 0.6rem;
		}

		.components-base-control__title {
			display: block;
			margin-bottom: 16px;
			font-weight: 600;
			color: #191e23;
		}

		.component-color-indicator {
			vertical-align: text-bottom;
		}
	}
}

.block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar {

	&.editorskit-components-toolbar {
		border-right: 0;
		border-left: 0;
	}
}
