@import '_content/Toolbelt.Blazor.PWA.Updater/Toolbelt.Blazor.PWA.Updater.2drl8nn3fe.bundle.scp.css';

/* /Components/ScrollToTop.razor.rz.scp.css */
.scroll-to-top[b-jju4ug8h12] {
	position: fixed;
	top: 50%; /* ← this is the key change */
	right: 30px;
	transform: translateY(-50%); /* centers it perfectly vertically regardless of button height */
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	pointer-events: none;
}

.scroll-to-top.visible[b-jju4ug8h12] {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.scroll-to-top button[b-jju4ug8h12] {
	width: 55px;
	height: 55px;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.scroll-to-top button:hover[b-jju4ug8h12] {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
}
/* /Features/Home/Body.razor.rz.scp.css */


/* Much smaller than browser defaults */
/* Use ::deep to apply styles to dynamically injected HTML content */
[b-gh66d3eonv] .small-h1 {
	font-size: 1.6rem;
	margin: 1.2em 0 0.6em;
}
/* was ~2–2.5rem */
[b-gh66d3eonv] .small-h2 {
	font-size: 1.4rem;
	margin: 1.1em 0 0.5em;
}
/* was ~1.8–2rem  */
[b-gh66d3eonv] .small-h3 {
	font-size: 1.25rem;
	margin: 1em 0 0.4em;
}
/* was ~1.5–1.6rem */

/*
Ah! This is a Blazor CSS scoping issue. The problem is that Body.razor.css is a scoped CSS file, 
	which means Blazor only applies those styles to elements directly rendered in the Body.razor.css component template.
	owever, your markdown HTML is being injected as raw HTML via @((MarkupString)Data!), 
	so Blazor's CSS scoping doesn't apply to those dynamically generated elements.

You have two solutions:

Option 1: Use `::deep` to penetrate the scoping (Quick fix)

Option 2: the alternative is to move these styles to a global CSS file (like app.css) instead of the scoped Body.razor.css file.

*/
/* /Features/Test/BootstrapIcons.razor.rz.scp.css */
.bi[b-k1ojighrgc] {
	transition: all 0.3s ease;
}

.hover-beat:hover[b-k1ojighrgc] {
	transform: scale(1.3);
	color: #ff3366 !important; /* deeper red */
}

.hover-spin:hover[b-k1ojighrgc] {
	transform: rotate(360deg);
}

.hover-bounce:hover[b-k1ojighrgc] {
	animation: bounce-b-k1ojighrgc 0.6s ease;
}

@keyframes bounce-b-k1ojighrgc {
	0%, 100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-12px);
	}
}
/* /Layout/HomeImgButton.razor.rz.scp.css */
border[b-3d01aq7ov5] {
	padding: 0.25rem 0.25rem 0.25rem 0.25rem;
	border-radius: 0.25rem;
	font-size: 1.25rem;
}

border img[b-3d01aq7ov5] {
	width: 24px;
	height: 20px;
}

@media (min-width: 576px) {
	border[b-3d01aq7ov5] {
		padding: 0.25rem 0 0.5rem 0;
		border-radius: 0.375rem;
		font-size: 1.5rem;
	}

	border img[b-3d01aq7ov5] {
		width: 36px;
		height: 28px;
	}
}
/* /Layout/MenuOffCanvasToggle.razor.rz.scp.css */
.menu-icon[b-igmmuuxw0e] {
	font-size: 1.25rem; /* fs-5 equivalent */
}

@media (min-width: 576px) {
	.menu-icon[b-igmmuuxw0e] {
		font-size: 2rem; /* fs-2 equivalent */
	}
}