.greeting {
	&.root {
		margin: 0;
		margin-left: .5rem;
		margin-right: .5rem;
		padding: 0;
		text-align: left;
		font-size: 3.5rem;
		width: max-content;
		color: var(--mantine-color-accent-0);
	}
}

.dateTime {
	&.root {
		display: flex;
		font-family: -apple-system, Jost, BlinkMacSystemFont, Helvetica Neue, Roboto,
			sans-serif !important;
		font-size: 1.75rem;
		margin: 0;
		padding: 0;
		margin-right: 1rem;
		text-transform: uppercase;
		font-weight: 300;
		color: var(--mantine-color-primary-0);
	}
}

.sectionTitle {
	&.root {
		text-decoration: underline;
		font-weight: 200;
		font-style: italic;
		text-transform: uppercase;
		margin-top: 1.25rem;
		color: var(--mantine-color-primary-0);
	}
}

.label {
	&.root {
		color: var(--mantine-color-primary-0);
	}
}

.appName {
	&.root {
		font-size: .6875rem;
		font-style: normal;
		color: var(--mantine-color-primary-0);
		font-family: "Jost", sans-serif;
		margin: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.appUrl {
	&.root {
		font-size: .6875rem;
		font-style: italic;
		text-transform: uppercase;
		color: var(--mantine-color-accent-0);
		margin: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.bookmarkCategory {
	&.root {
		color: var(--mantine-color-accent-0);
		text-transform: uppercase;
		margin-top: 1rem;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

.bookmarkItem {
	&.root {
		display: block;
		line-height: 2;
		color: var(--mantine-color-primary-0);
		text-overflow: ellipsis;
		overflow: hidden;
		&:hover {
			text-decoration: underline;
		}
	}
}

.settingsTitle {
	&.root {
		font-size: 2rem;
		font-weight: bold;
		margin-top: 1.5rem;
		color: var(--mantine-color-accent-0);
		background-color: var(--mantine-color-search-0);
		border-radius: 8px;
		padding-left: .5rem;
		padding-right: .5rem;
	}
}

.settingsSubTitle {
	&.root {
		font-size: 1.5rem;
		font-weight: bold;
		color: var(--mantine-color-primary-0);
	}
}

.autoScrollText {
	&.root {
		display: inline-block;
		animation: carousel 8s ease-in-out infinite;
		position: relative;
		padding-inline: 1rem;
	}
}

@keyframes carousel {
	25% {
		transform: translate(0, 0);
		left: 0%;
	}
	75%,
	100% {
		transform: translate(-100%, 0);
		left: 100%;
	}
}

a {
	color: var(--mantine-color-primary-0);
	text-decoration: none;
}