// Repeater
.jsf-repeater {
	&-item-move-down,
	&-item-move-up,
	&-item-remove,
	&-add-new {
		cursor: pointer;
		user-select: none;

		width: 24px;
		height: 24px;

		svg {
			fill: #6c7781;
		}

		&:hover {
			svg {
				fill: #000;
			}
		}
	}

	&-item + &-item {
		margin-top: 15px;
	}

	&-item {
		&-tools {
			display: inline-flex;
			flex-wrap: wrap;
			margin-bottom: -15px;
			padding: 3px;
			border: 1px solid #e2e4e7;
			border-bottom: none;
			background-color: #fff;

			> div {
				cursor: pointer;
				user-select: none;

				width: 24px;
				height: 24px;

				svg {
					fill: #6c7781;
				}

				&:hover {
					svg {
						fill: #000;
					}
				}
			}
		}

		&-content {
			margin-top: -2px;
			padding: 5px 10px;
			border: 1px solid #e2e4e7;
			background-color: #fff;
		}

		.components-base-control {
			margin-bottom: 10px;
		}
	}

	&-add-new {
		width: 100%;
		margin-top: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: content-box;
		text-align: center;
	}
}