.downloadmanager-header {
	display: flex;
	gap: 1.5rem;
	@media (max-width: 750px) {
		gap: 1rem; /*allows the title to fit with the buttons at min width*/
	}
	& > span {
		min-width: 0;
		overflow: hidden;
		margin-right: auto;
	}
}

.downloadmanager-counters {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
}

.downloadmanager-content {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	overflow: auto;
	position: relative;
	& > .downloadmanager-item {
		display: flex;
		flex-direction: column;
		gap: 0.2rem;
		padding: 0.5rem;
		background-color: var(--color-c);
		&:hover {
			background-color: var(--color-c-highlight);
		}

		& > span {
			overflow: hidden;
			text-overflow: ellipsis;
			text-wrap: nowrap;
			direction: rtl;
			max-width: 100%;
			align-self: start;
		}

		& > .downloadmanager-buttons {
			display: flex;
			gap: 0.5rem;
			justify-content: end;
			align-items: center;
		}

		&.downloadmanager-item-failed {
			background-color: oklch(0.35 0.137 30);
			&:hover {
				background-color: oklch(0.4 0.137 30);
			}
		}
		&.downloadmanager-item-aborted {
			background-color: oklch(0.48 0.085 102);
			&:hover {
				background-color: oklch(0.53 0.085 102);
			}
		}
	}
}