/* # Overrides */

:root {
	--primer-color-accent: 148, 255, 21;
	--color-accent: rgb(var(--primer-color-accent));
}

vv-shell {
	display: flex;
	flex-direction: column;
	gap: var(--padding);
}

/* # Content */

/* ## Title */

section.title {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

/* ## Actions */

section.actions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--padding);
}

/* # Size quries */

@media (max-width: 800px) {
	section.actions {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	section.actions {
		display: flex;
		flex-direction: column;
	}
}