.ska-blocks__variations-control {
	margin-top: -8px;
	margin-left: -16px;
	margin-right: -16px;

	& > .components-base-control__field {

		& > .components-notice {
			margin-inline: 8px;
		}
	}

	&__variation {
		margin-left: 8px;
		margin-right: 8px;
		padding: 8px;
		background: rgb(224 224 224 / 10%);
		border: 1px solid rgb(224 224 224 / 50%);
		border-radius: 2px;

		&[id*="ska-theme--"] {
			background: rgba(var(--ska-primary--rgb), 0.05);
			border-color: rgba(var(--ska-primary--rgb), 0.5);
		}

		&__label {
			font-size: 13px;
			font-weight: 500;
			line-height: 1;
			width: 100%;

			& > span {
				display: block;
				font-size: 11px;
				line-height: 1.4;
				text-transform: uppercase;
			}
		}

		code {
			display: inline;
		}

		p.description {
			margin-bottom: 0;
			color: rgb(0 0 0 / 0.7);
			font-size: 12px;
			line-height: 1.2;
		}
	}
}