.brickBg{z-index:-10;width:100%;height:100%;position:absolute;top:0;left:0}.brickBg:before{content:"";width:100%;height:100%;filter:brightness(calc(1 - .7 * var(--night-progress))) saturate(calc(1 - .15 * var(--night-progress)));background-image:url(/assets/bricks-BYd-9z1w.jpg);transition:filter 10s;position:absolute;top:0;left:0}.brickBg:after{content:"";pointer-events:none;mix-blend-mode:color;background:hsla(220, 100%, 50%, calc(.25 * var(--night-progress)));width:100%;height:100%;transition:background 10s;position:absolute;top:0;left:0}@property --night-progress{syntax:"<number>";inherits:true;initial-value:0}