/* /Components/Common/ConnectivityIndicator.razor.rz.scp.css */
.connectivity-wrapper[b-oyundcqzc9] {
	position: relative;
	display: inline-flex;
}

.connectivity-dot[b-oyundcqzc9] {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: -1px;
	right: -4px;
}

.connectivity-dot.synced[b-oyundcqzc9] {
	background: radial-gradient(circle, var(--mud-palette-success-lighten), var(--mud-palette-dark));
}

.connectivity-dot.syncing[b-oyundcqzc9] {
	background-color: var(--mud-palette-warning);
}

.connectivity-dot.syncing[b-oyundcqzc9]::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background-color: var(--mud-palette-warning);
	animation: connectivity-pulse-b-oyundcqzc9 1.8s ease-out infinite;
}

@keyframes connectivity-pulse-b-oyundcqzc9 {
	0% {
		transform: scale(1);
		opacity: 0.8;
	}
	100% {
		transform: scale(2.5);
		opacity: 0;
	}
}
/* /Components/FoodLog/SemiCircleProgressBar.razor.rz.scp.css */
.semi-circle-svg[b-ks856d6xok] {
	width: 100%;
	max-width: 300px;
	height: auto;
}

.arc-background[b-ks856d6xok] {
	stroke: var(--mud-palette-background-gray);
	stroke-width: 8;
	fill: none;
	stroke-linecap: round;
}

.arc-progress[b-ks856d6xok] {
	stroke-width: 8;
	fill: none;
	stroke-linecap: round;
}

.arc-label[b-ks856d6xok] {
	text-anchor: middle;
	font-size: 10px;
	fill: var(--mud-palette-text-primary);
}

.arc-sublabel[b-ks856d6xok] {
	text-anchor: middle;
	font-size: 8px;
	font-weight: bold;
	fill: var(--mud-palette-text-secondary);
}
/* /Components/FoodLog/StraightProgressBar.razor.rz.scp.css */
.line-track[b-s3uc25lmmt] {
	width: 100%;
	height: 8px;
	background-color: #E0E0E0;
	border-radius: 4px;
	overflow: hidden;
}

.line-fill[b-s3uc25lmmt] {
	height: 100%;
	background: linear-gradient(90deg, var(--progress-color), var(--progress-color));
	opacity: 0.8;
	border-radius: 4px;
	transition: width 0.3s ease;
}

/* /Components/Layout/Background.razor.rz.scp.css */
.background[b-9rr3zgppax] {
	position: fixed;
	z-index: -50;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	fill: var(--mud-palette-primary-lighten);
	background-color: var(--mud-palette-background);
}
/* /Components/Recipe/RecipeList.razor.rz.scp.css */
[b-p8usxhqy5r] button.mud-chip {
	flex-shrink: 0;
}