@@ -94,19 +94,19 @@ body.page-home {
9494
9595.site-atmosphere__layer {
9696 position : absolute;
97- inset : 0 ;
97+ top : 0 ;
98+ bottom : 0 ;
99+ left : -16vw ;
100+ right : -16vw ;
98101 background :
99- radial-gradient (64 % 52 % at 22 % 24 % , rgba (255 , 157 , 77 , 0.11 ) 0% , rgba (255 , 157 , 77 , 0.085 ) 28 % , rgba (255 , 157 , 77 , 0.028 ) 52 % , rgba (255 , 157 , 77 , 0 ) 70 % ),
100- radial-gradient (58 % 48 % at 78 % 32 % , rgba (82 , 104 , 255 , 0.1 ) 0% , rgba (82 , 104 , 255 , 0.076 ) 30% , rgba (82 , 104 , 255 , 0.024 ) 54% , rgba (82 , 104 , 255 , 0 ) 72% ),
101- radial-gradient (72 % 58 % at 56 % 94 % , rgba (255 , 255 , 255 , 0.035 ) 0% , rgba (255 , 255 , 255 , 0.016 ) 38 % , rgba (255 , 255 , 255 , 0 ) 68 % ),
102- linear-gradient (180deg , rgba (6 , 6 , 8 , 0.08 ) 0% , rgba (6 , 6 , 8 , 0.03 ) 42% , rgba (6 , 6 , 8 , 0.14 ) 100% );
102+ radial-gradient (68 % 54 % at 34 % 26 % , rgba (255 , 157 , 77 , 0.115 ) 0% , rgba (255 , 157 , 77 , 0.082 ) 30 % , rgba (255 , 157 , 77 , 0.024 ) 54 % , rgba (255 , 157 , 77 , 0 ) 72 % ),
103+ radial-gradient (62 % 50 % at 66 % 30 % , rgba (82 , 104 , 255 , 0.105 ) 0% , rgba (82 , 104 , 255 , 0.074 ) 30% , rgba (82 , 104 , 255 , 0.022 ) 54% , rgba (82 , 104 , 255 , 0 ) 72% ),
104+ radial-gradient (76 % 60 % at 52 % 92 % , rgba (255 , 255 , 255 , 0.032 ) 0% , rgba (255 , 255 , 255 , 0.014 ) 36 % , rgba (255 , 255 , 255 , 0 ) 66 % ),
105+ linear-gradient (180deg , rgba (6 , 6 , 8 , 0.085 ) 0% , rgba (6 , 6 , 8 , 0.032 ) 42% , rgba (6 , 6 , 8 , 0.145 ) 100% );
103106 opacity : var (--site-atmosphere-opacity );
104107 will-change : opacity;
105- -webkit-mask-image : linear-gradient (to bottom, transparent 0% , # 000 12% , # 000 88% , transparent 100% );
106- mask-image : linear-gradient (to bottom, transparent 0% , # 000 12% , # 000 88% , transparent 100% );
107108}
108109
109-
110110body .no-scroll {
111111 overflow : hidden;
112112}
0 commit comments