
.icon[data-v-3fca90ce] {
	height: 1.5rem;
	fill: var(--icon-color);
}
.card {
&[data-v-3fca90ce] {
	display: grid;
	text-align: left;
	--border-color: var(--primary-color);
	padding: var(--half-padding) var(--padding);
	}
div:has(.opener) {
&[data-v-3fca90ce] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		}
.icon[data-v-3fca90ce] {
			transition: transform 0.2s ease-in-out;
}
}
.inner {
&[data-v-3fca90ce] {
		grid-template-columns: auto 1fr;
		gap: var(--half-padding);
		}
&[data-v-3fca90ce]:first-child {
			margin-top: var(--padding);
}
&[data-v-3fca90ce]:last-child {
			margin-bottom: var(--half-padding);
}
&[data-v-3fca90ce]:not(:last-child) {
			margin-bottom: var(--half-padding);
}
button[data-v-3fca90ce] {
			grid-column: span 2;
			margin-left: auto;
}
}
}
