.backButton {
	&.root {
		background-color: transparent !important;
		color: var(--mantine-color-primary-0) !important;
		width: 2rem;
		height: 2rem;
		margin-top: 1.5rem;
		.icon {
			font-size: 2.5rem;
		}
		.loader {
			display: none;
		}
	}
}

.themeEditButton {
	&.root {
		background-color: transparent;
		border-radius: 100%;
		.icon {
			font-size: 1.5rem;
		}
		.loader {
			display: none;
		}
		
	}
	&:hover {
		&.root {
			background-color: white;
	}
	}
}

.menuActions {
	&.root {
		transition: all .1s ease;
		width: 40px;
		height: 30px;
		border-radius: 10px;
		border: none;
		.icon {
			font-size: 1.5rem;
		}
		.loader {
			display: none;
		}
		:hover {
			background-color: var(--mantine-color-primary-0) !important;
			color: var(--mantine-color-accent-0) !important;
			transition: all .1s ease;
		}
	}
}

.settingsTooltip {
	&.root {
		transition: all .1s ease;
		width: 30px;
		height: 30px;
		border-radius: 100%;
		border: none;
		background-color: transparent;
		color: var(--mantine-color-primary-0);
		.icon {
			font-size: 1.5rem;
		}
		.loader {
			display: none;
		}
		:hover {
			background-color: var(--mantine-color-primary-0) !important;
			color: var(--mantine-color-accent-0) !important;
			transition: all .1s ease;
		}
	}
}

.selectOptionActions {
	&.root {
		background-color: transparent !important;
		color: var(--mantine-color-accent-0) !important;
		.icon {
			font-size: 1.5rem;
		}
		.loader {
			display: none;
		}
		:hover {
			color: var(--mantine-color-primary-0) !important;
		}
	}
}

.loadingSpinner {
	&.root {
		transition: all .1s ease;
		width: 30px;
		height: 30px;
		border-radius: 100%;
		border: none;
		background-color: transparent;
		color: var(--mantine-color-primary-0);
		.icon {
			font-size: 1.5rem;
		}
		.loader {
			display: none;
		}
		:hover {
			background-color: var(--mantine-color-primary-0) !important;
			color: var(--mantine-color-accent-0) !important;
			transition: all .1s ease;
		}
		animation: rotation 1s linear infinite;
	}
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}