.folders {
	
}

.folders__title {
	margin-top: 3rem;
	text-align: center;
}

.folders__container {
	margin: 3rem 0;
	padding: 0 2rem;
	display: grid;
	grid-template-columns: repeat(auto-fill, 60px);
	gap: 1.5rem;
	justify-content: center; 
}

.folders__current {
	display: flex;
	align-items: center;
	justify-content: center;
}

.folders__parent_back {
	rotate: 90deg;
	cursor: pointer;
}

.folders__icon {
	height: 60px;
	width: 60px;
}

.folders__name {
	text-wrap: wrap;
}

.folders__empty {
	margin: 3rem 0;
	text-align: center;
}

@media (min-width: 768px) {
	.folders__parent_back {
		transition: scale 0.2s;		
	}

	.folders__parent_back:hover {
		scale: 1.1;
	}

	.folders__parent_back:active {
		scale: 1;
	}

	.folders__container {
		max-width: 75vw;
		margin: 3rem auto;
		grid-template-columns: repeat(auto-fill, 90px);
	}

	.folders__item {
		cursor: pointer;
		transition: scale 0.15s;
	}

	.folders__item:hover {
		scale: 1.05;
	}

	.folders__item:active {
		scale: 1;
	}

	.folders__icon {
		height: 90px;
		width: 90px;
	}
}