.base {
	overflow: hidden;
	border-radius: var(--radius-default);
	padding: 1px;
	box-shadow: var(--sh-card);
	contain: content;
	width: 100%;
	box-sizing: border-box;
}

.cardCompact {
	composes: base;
}

.card {
	composes: base;
	background: var(--color-secondary);
	color: var(--color-secondary-text);
}

.card[data-with-accent] {
	border-left: 4px solid currentColor;
}

.contents {
	border-top: 1px solid var(--color-border);
}

.titleButton {
	width: 100%;
	justify-content: flex-start;
	font-weight: 600;
}

.titleButton svg {
	margin-left: -0.25em;
}