:host {
	display: block;
	position: absolute;
	transition-property: left, top, opacity;
	transition-duration: .5s;
	transition-timing-function: ease;
	opacity: 1;

	&[expanded] {
		transition-property: height;
	}

	&[cutted] {
		opacity: 0.5;
	}

	&[drag],
	&[drop] {
		z-index: 100;
	}

	&[drag] {
		opacity: 0.5;
		user-select: none;
		transition: none;
	}

	&[fading="0"] {
		opacity: 0;
		transition: none;
	}

	&[fading="1"] {
		opacity: 0;
	}

	&[hidden="0"] {
		visibility: hidden;
		transition: none;
	}

	&[hidden="1"] {
		opacity: 0;
		transition: 1s ease-in-out opacity;
	}

	&[hidden="2"] {
		visibility: visible;
		opacity: 0;
		transition: none;
	}

	// &[selected="true"] {
	// 	box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 10px #CECECE;
	// }

	mat-progress-spinner {
		position: absolute;
		z-index: 1;
		right: 0.2rem;
		bottom: 0.2rem;
		transform: translate(-60%, -60%);
	}
}