.sugar-calendar-event-list-block {

	&__calendars,
	&__tags,
	&__venues,
	&__speakers {
		margin-bottom: 24px;
		z-index: 99;

		.sc-calendar-event-list-block-select {

			&__control {
				border-radius: 2px;
				border-color: #949494;
				box-shadow: none;
				min-height: 20px;

				&:focus {
					border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
					box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
				}

				&:hover {
					border-color: inherit;
				}

				.sc-calendar-event-list-block-select__indicators .sc-calendar-event-list-block-select__dropdown-indicator {
					padding: 5px;
				}
			}

			&__multi-value {
				border-radius: 9px;
				background-color: #F0F0F0;
				line-height: 14px;

				&__remove {
					border-top-right-radius: 9px;
					border-bottom-right-radius: 9px;

					&:hover {
						background-color: lighten( #D63638, 30% );
						color: #D63638;
					}
				}
			}

			&__indicator-container {
				padding: 4px;
			}

			&__indicator-separator {
				width: 0;
				display: none;
			}

			&__input {
				box-shadow: none;
				min-height: 18px;

				&:focus {
					box-shadow: none;
				}
			}
		}

		.sc-calendar-event-list-block-select__menu {
			margin-top: 2px;
		}
	}

	// z-indexes.
	&__calendars {
		z-index: 99;
	}

	&__tags {
		z-index: 90;
	}

	&__venues {
		z-index: 85;
	}

	&__speakers {
		z-index: 80;
	}

	&__colors {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		border-top: 0 !important;

		.components-tools-panel-item {
			margin-top: 0 !important;
		}
	}
}

.editor-sidebar__panel {

	.sugar-calendar-block__tags:has( + .components-base-control ) {
		margin-bottom: 16px;
	}
}
