/* Prevent the initial page paint from animating closed cards. */
.ic-item:not(.ic-ready) .ic-content,
.ic-item:not(.ic-ready) .ic-overlay{
    transition:none !important;
}

/* ==========================================
   SLIDE LAYOUT
   (Only expand/collapse behaviour)
========================================== */

.ic-item{
    position:relative;
}

/* ==========================================
   OVERLAY FADE
========================================== */

.ic-overlay{
    opacity:1;
    transition:opacity var(--ic-animation-duration,.35s) var(--ic-animation-easing,ease);
}

/* ==========================================
   DESCRIPTION PANEL
========================================== */

.ic-content{

	position:absolute;
	inset:0;

	display:flex;
	align-items:var(--ic-description-vertical-align,center);
	justify-content:center;

	padding:var(--ic-content-padding,32px);

	background:color-mix(in srgb, var(--ic-card-background-color, #D35C82) calc(var(--ic-card-background-opacity, 1) * 100%), transparent);

	color:#fff;

	transform:translateY(100%);
	opacity:1;

	transition:
		transform var(--ic-animation-duration,.45s) var(--ic-animation-easing,cubic-bezier(.22,.61,.36,1));

	z-index:15;

}

.ic-item.is-open .ic-content{

	transform:translateY(0);

}

/* ==========================================
   DESCRIPTION BODY
========================================== */

.ic-content-body > *:first-child{
    margin-top:0;
}

.ic-content-body > *:last-child{
    margin-bottom:0;
}



.ic-item.is-open .ic-overlay{

	opacity:0;

}