.toolbar {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;

	padding: 0px 8px;
	gap: 8px;

	.rightActions {
		margin: 4px 0;
		display: flex;
		align-items: center;
		gap: 4px;

		.right-toolbar-actions-container {
			display: flex;
			align-items: center;
			gap: 8px;
		}
	}

	.timeRange {
		display: flex;
		align-items: center;
		gap: 8px;
	}
}

@media screen and (width <= 1300px) {
	.toolbar {
		grid-template-columns: repeat(1, 1fr);

		.timeRange {
			justify-content: flex-end;
			padding-right: 0;
		}

		.rightActions {
			display: flex;
			justify-content: flex-end;
		}
	}
}
