.c23-demo{position:relative}.c23-demo__fade{pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 35%,transparent 85%);mask-image:linear-gradient(to bottom,#000 0%,#000 35%,transparent 85%)}.c23-demo__blur{position:absolute;inset:0;pointer-events:none;-webkit-backdrop-filter:blur(3px) saturate(.85);backdrop-filter:blur(3px) saturate(.85);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 20%,#000 55%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 20%,#000 55%)}.c23-demo__bar{position:absolute;left:0;right:0;top:calc(var(--c23-space-xl) + var(--c23-space-lg));z-index:1}