/*
 * Norah demo hero glass surfaces, version 1.5.0.
 *
 * The decorative hero circles and the portrait note are static surfaces. Their
 * size, position, and relationship to the portrait remain owned by the native
 * Bricks graph and the shared geometry styles.
 */

.norah-home .norah-hero__note {
	border-color: rgba(255, 255, 255, 0.68);
	background-color: rgba(246, 243, 237, 0.16) !important;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(246, 243, 237, 0.06)) !important;
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.56), inset -1px -1px 0 rgba(71, 75, 72, 0.05), 0 1rem 2.4rem rgba(71, 75, 72, 0.1);
	-webkit-backdrop-filter: blur(14px) saturate(115%);
	backdrop-filter: blur(14px) saturate(115%);
	color: var(--norah-color-text);
}

.norah-home .norah-hero__note::before {
	content: none;
}

.norah-home .norah-hero__orb {
	border: 1px solid rgba(255, 255, 255, 0.68);
	background-color: rgba(246, 243, 237, 0.16);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(246, 243, 237, 0.06)) !important;
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.56), inset -1px -1px 0 rgba(71, 75, 72, 0.05), 0 1rem 2.4rem rgba(71, 75, 72, 0.1);
	-webkit-backdrop-filter: blur(14px) saturate(115%);
	backdrop-filter: blur(14px) saturate(115%);
	overflow: hidden;
	transition: none !important;
	transform: none !important;
	pointer-events: none;
}

.norah-home .norah-hero__orb::after {
	content: none;
}

.norah-home .norah-hero__orb:is(:hover, :focus, :active) {
	background-color: rgba(246, 243, 237, 0.16);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(246, 243, 237, 0.06)) !important;
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.56), inset -1px -1px 0 rgba(71, 75, 72, 0.05), 0 1rem 2.4rem rgba(71, 75, 72, 0.1);
	transform: none !important;
}