.rim-card {
	position: relative;
	isolation: isolate;
}

.rim-card__card {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	border: 1px solid var(--wp--preset--color--gray);
	padding: 1rem;
	transition: .3s ease;
	display: flex;
	flex-direction: column;
}

.rim-card__container {
	flex-grow: 1;
}

.rim-card__image {
	flex-shrink: 0;
	margin-bottom: 1rem;
	padding-top: 100%;
	transition: .3s ease;
	position: relative;
}

.rim-card__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	transition: .3s ease;
}

.rim-card__id {
	margin: 0;
}

.rim-card__name {
	margin: 0.5rem 0 0;
}

.rim-card__content {
	position: absolute;
	opacity: 0;
	transition: .2s ease;
	pointer-events: none;
	transition-delay: 0s;
	transform: translateY(1.5rem);
}

/**
Hover
 */
.rim-card--open .rim-card__image {
	padding-top: 5rem;
}
.rim-card--open .rim-card__image img {
	top: -4rem;
	width: 9rem;
	height: auto;
}

.rim-card--open .rim-card__content {
	opacity: 1;
	transition-delay: .1s;
	transform: translateY(0);
}