html {
	scroll-behavior: smooth;
}

body.qfx-premium-effects {
	overflow-x: hidden;
}

.qfx-site-ambient {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	contain: strict;
}

.qfx-site-ambient span {
	position: absolute;
	display: block;
	will-change: transform, opacity;
}

.qfx-ambient-grid {
	inset: 0;
	opacity: .18;
	background-image:
		linear-gradient(rgba(32, 255, 218, .08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(32, 255, 218, .08) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: linear-gradient(180deg, transparent 0%, #000 24%, #000 72%, transparent 100%);
}

.qfx-ambient-sheen {
	top: -18vh;
	left: -18vw;
	width: 50vw;
	height: 50vw;
	border-radius: 50%;
	background:
		radial-gradient(circle, rgba(36, 255, 218, .2) 0%, rgba(36, 255, 218, .08) 34%, transparent 68%);
	filter: blur(10px);
	opacity: .72;
}

.qfx-ambient-line {
	width: 34vw;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(36, 255, 218, .58), transparent);
	box-shadow: 0 0 20px rgba(36, 255, 218, .22);
	opacity: .4;
}

.qfx-ambient-line--one {
	top: 20vh;
	right: 10vw;
}

.qfx-ambient-line--two {
	bottom: 18vh;
	left: 8vw;
}

body.qfx-premium-effects .wrapper,
body.qfx-premium-effects .site,
body.qfx-premium-effects .main-content,
body.qfx-premium-effects main,
body.qfx-premium-effects .qm-auth-page,
body.qfx-premium-effects .qm-member-page {
	position: relative;
	z-index: 1;
}

body.qfx-premium-effects .blogier-member-button,
body.qfx-premium-effects .msearch,
body.qfx-premium-effects .date-index-trigger,
body.qfx-premium-effects .blogier-arena-more-button,
body.qfx-premium-effects .qm-auth-button,
body.qfx-premium-effects .qm-member-copy-button {
	will-change: transform, opacity;
	transform-origin: center;
}

body.qfx-premium-effects .more-link,
body.qfx-premium-effects .more-link:hover,
body.qfx-premium-effects .more-link:focus,
body.qfx-premium-effects .more-link:active {
	animation: none !important;
	transform: none !important;
	will-change: auto !important;
}

body.qfx-premium-effects .blogier-arena-card,
body.qfx-premium-effects .blogier-home-preview-card,
body.qfx-premium-effects .blogier-streak-board-item,
body.qfx-premium-effects .blogier-streak-profile-card,
body.qfx-premium-effects .bs-blog-post,
body.qfx-premium-effects .bpl-item,
body.qfx-premium-effects .qm-auth-panel,
body.qfx-premium-effects .qm-member-card,
body.qfx-premium-effects .qm-member-hero {
	will-change: transform, opacity;
	transform-style: preserve-3d;
	backface-visibility: hidden;
}

body.qfx-premium-effects .qfx-reveal-ready {
	opacity: .001;
}

body.single.qfx-premium-effects .bs-blog-post.single {
	opacity: 1 !important;
	visibility: visible !important;
}

body.single.qfx-premium-effects .bs-blog-post.single.qfx-reveal-ready,
body.single.qfx-premium-effects .bs-blog-post.single.qfx-premium-lift {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

body.qfx-premium-effects .qfx-premium-lift {
	transition: box-shadow .28s ease, border-color .28s ease;
}

body.qfx-premium-effects .qfx-premium-lift:hover {
	border-color: rgba(20, 214, 184, .42);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .16), 0 0 0 1px rgba(20, 214, 184, .12);
}

body.qfx-premium-effects .custom-logo-link img,
body.qfx-premium-effects .blogier-header-branding-image__img,
body.qfx-premium-effects .qm-auth-logo-image {
	will-change: transform, filter;
	transform-origin: center;
	filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .14));
}

body.qfx-premium-effects .qfx-logo-glow {
	filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .16)) drop-shadow(0 0 18px rgba(28, 242, 210, .2));
}

@media (max-width: 991.98px) {
	.qfx-ambient-grid {
		background-size: 36px 36px;
		opacity: .12;
	}

	.qfx-ambient-sheen {
		width: 80vw;
		height: 80vw;
		opacity: .44;
	}

	.qfx-ambient-line {
		width: 70vw;
		opacity: .28;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	body.qfx-premium-effects .qfx-reveal-ready {
		opacity: 1;
	}

	.qfx-site-ambient span,
	body.qfx-premium-effects .blogier-arena-card,
	body.qfx-premium-effects .blogier-home-preview-card,
	body.qfx-premium-effects .bs-blog-post,
	body.qfx-premium-effects .bpl-item {
		will-change: auto;
	}
}