.ska-panel {
	--ska-panel-divider-color: #e0e0e0;
	border-top: 1px solid var(--ska-panel-divider-color) !important;
	border-bottom: 1px solid var(--ska-panel-divider-color) !important;

	& > .components-panel__header {
		border-bottom: none;

		svg[data-ska-icon] {
			fill: var(--ska-primary);
		}

		h2 {
			margin: 0 auto 0 0;
			line-height: 1; // Better vertical alignment.
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			text-overflow: ellipsis;
			padding-bottom: 0.15rem;
			margin-top: 0.15rem;
		}

		.components-dropdown-menu {
			height: 24px;

			&__toggle {
				min-width: initial;
				padding: 0;
			}
		}
	}

	& > .components-panel__body {
		border-top: none;
		padding-top: 4px;
	}

	& + & {
		border-top: none;
	}

	&:last-child {
		border-bottom: 0 !important;
	}

	/** Notice in panels. */
	.components-notice {
		margin: 0;
		border-radius: 1px;

		& > .components-notice__content {
			margin-top: 0;
			margin-bottom: 0;
		}
	}
}

/** Panel body has border bottom, merge it. */
.components-panel__body + .ska-panel {
	margin-top: -1px;
}

.ska-menu-item--has-copy-icon {

	svg {
		transform: scale(0.75);
	}
}