.downloadmanager-header {
	display: flex;
	gap: 1.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);
			}
		}
	}
}
