ul.is-animated { margin: 0 var(--tile-overshoot); }
 ul.is-animated li {
	 position: relative;
	 height: 0;
	 padding: 0 !important;
	 margin: 0 !important;
	 transition: all 0.3s cubic-bezier(0.2, 0, 0.2, 1);
 }
 ul.is-animated li.show:not(:first-child) { margin-top: 8px !important; }
 
 ul.is-animated li .list-item {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0.5em 3em 0.5em 1em;
	color: white;
	background-color: var(--color-gray-5);
	border-radius: 8px;
	opacity: 0;
	transform: translateX(150px);
	transition: all 0.3s cubic-bezier(0.2, 0, 0.2, 1);
	width: 100%;
 }
 ul.is-animated li .list-item .delete {
	 content: '';
	 display: block;
	 position: absolute;
	 right: 6px;
	 top: 0;
	 width: 25px;
	 height: 100%;
	 background: url(../assets/icons/icon_loeschen_weiss.svg) no-repeat center center;
	 background-size: contain;
	 cursor: pointer;
 }
 
 ul.is-animated li.show .list-item { opacity: 1; transform: translateX(0); }