@import "@Themes/constants.scss";

.root {
	border: 1px solid $color-neutral-200;
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	&.DEPOSITED {
		cursor: pointer;
		border: 1px solid $color-warning-500-soft;
		&:hover {
			border: 1px solid $color-warning-500-soft;
			outline: 1px solid $color-warning-500-soft;
		}
	}
	&.VALIDATED {
		cursor: pointer;
		border: 1px solid $color-success-600-soft;
		&:hover {
			border: 1px solid $color-success-600-soft;
			outline: 1px solid $color-success-600-soft;
		}
	}

	.valid-radius {
		background-color: color-success-600;
		padding: 6px;
		border-radius: 20px;
	}
	.trash {
		cursor: pointer;
	}
}