.pixfort-area-content[data-area=topbar] { --pix-header-bg-color: var(--pix-transparent); --pix-header-text-color: var(--pix-body-default); }.pixfort-area-content[data-area=header] { --pix-header-bg-color: var(--pix-white); --pix-display-header-scroll-blur: block; --pix-opacity-header-scroll-blur: 1; --pix-scroll-blur-color: rgba(255,255,255,0.8); --pix-header-scroll-bg-color: transparent; --pix-header-text-color: var(--pix-body-default); --pix-header-scroll-text-color: var(--pix-body-default); --pix-header-area-line-color: var(--pix-transparent); --pix-header-shadow: var(--pix-shadow-sm); --pix-scroll-header-shadow: var(--pix-shadow-lg); }.pixfort-area-content[data-area=header]:before { content: ""; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); position: absolute; overflow: hidden; width: 100%; background: var(--pix-blur-color) !important; opacity: var(--pix-opacity-header-blur, 0); height: 100%; border-radius: inherit; top: 0; left: 0; z-index: -1; }.pixfort-area-content[data-area=stack] { --pix-header-bg-color: var(--pix-white); --pix-header-text-color: var(--pix-heading-default); }.pixfort-area-content[data-area=m_topbar] { --pix-header-bg-color: var(--pix-gray-1); --pix-header-text-color: var(--pix-body-default); --pix-header-area-line-color: var(--pix-gray-2); }.pixfort-area-content[data-area=m_header] { --pix-header-bg-color: var(--pix-white); --pix-header-text-color: var(--pix-body-default); --pix-header-area-line-color: var(--pix-gray-1); --pix-scroll-header-shadow: var(--pix-shadow-lg); }.pixfort-area-content[data-area=m_stack] { --pix-header-bg-color: var(--pix-green); --pix-header-text-color: var(--pix-body-default); }