.rcw-align {
	display: flex;
	width: 100%;
}

.rcw-align-right {
	justify-content: flex-start;
}

.rcw-align-left {
	justify-content: flex-end;
}

.rcw-align-center {
	justify-content: center;
}

.rcw-card {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	flex-shrink: 0;
	width: var(--rcw-collapsed-w, 170px);
	border-radius: var(--rcw-radius, 24px);
	background: var(--rcw-bg, #EDE7DB);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
	transition:
		width var(--rcw-speed, 400ms) ease,
		box-shadow var(--rcw-speed, 400ms) ease;
}

.rcw-card.is-active {
	width: var(--rcw-expanded-w, 260px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
}

@media (hover: hover) and (pointer: fine) {
	.rcw-card:hover {
		width: var(--rcw-expanded-w, 260px);
		box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
	}
}

.rcw-label {
	color: var(--rcw-label-color, #3A2A20);
	white-space: nowrap;
	font-size: 16px;
	transition: text-align var(--rcw-speed, 400ms) ease;
}

.rcw-card.rcw-label-center .rcw-label {
	text-align: center;
}

.rcw-card.rcw-label-center.is-active .rcw-label {
	text-align: left;
}

@media (hover: hover) and (pointer: fine) {
	.rcw-card.rcw-label-center:hover .rcw-label {
		text-align: left;
	}
}

.rcw-content-wrap {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--rcw-speed, 400ms) ease;
}

.rcw-content-inner {
	overflow: hidden;
	min-height: 0;
}

.rcw-content-inner p {
	margin: 0;
	margin-top: var(--rcw-gap, 14px);
	color: var(--rcw-text-color, #4A382C);
	font-size: 13px;
	line-height: 1.6;
	white-space: normal;
}

.rcw-card.is-active .rcw-content-wrap {
	grid-template-rows: 1fr;
}

@media (hover: hover) and (pointer: fine) {
	.rcw-card:hover .rcw-content-wrap {
		grid-template-rows: 1fr;
	}
}