[data-page="home"] .pareas.la-track {
	--la-gap: 16px;
	display: grid;
	grid-template-columns: none;
	grid-template-rows: auto;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 4 * var(--la-gap)) / 5);
	gap: var(--la-gap);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}
.la-track::-webkit-scrollbar { display: none; }
[data-page="home"] .pareas:is(.la-sliding, .la-dragging) { scroll-snap-type: none; }
.la-track.la-scrollable, .la-track.la-scrollable > .parea { cursor: grab; user-select: none; }
.la-track.la-dragging, .la-track.la-dragging > .parea { cursor: grabbing; }
.la-track > .parea { min-width: 0; scroll-snap-align: start; }
.la-track > .parea:focus-visible { outline: 3px solid #099bd2; outline-offset: -4px; }
@media (max-width: 1099px) {
	[data-page="home"] .pareas.la-track { grid-auto-columns: calc((100% - 2 * var(--la-gap)) / 3); }
}
@media (max-width: 760px) {
	[data-page="home"] .pareas.la-track { grid-auto-columns: calc((100% - var(--la-gap)) / 2); }
}
@media (max-width: 520px) {
	[data-page="home"] .pareas.la-track { grid-auto-columns: 100%; }
}
