.learning-scene-surface{isolation:isolate;position:relative;overflow:hidden}.learning-scene{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.learning-scene>img{object-fit:cover;object-position:var(--scene-position,center);width:100%;height:100%;position:absolute;inset:0}.learning-scene:after{content:"";background:var(--scene-veil);position:absolute;inset:0}.learning-scene--first-step{--scene-veil:linear-gradient(90deg, #042e48e8 0%, #042e48b8 42%, #042e4826 100%), linear-gradient(0deg, #032b46e0, #032b4600 75%)}.learning-scene--journey{--scene-veil:linear-gradient(90deg, #f5fbfff2 0%, #f5fbffd6 40%, #f5fbff1a 100%), linear-gradient(0deg, #f5fbffed, #f5fbff00 75%)}.learning-scene--reading-garden{--scene-veil:linear-gradient(90deg, #fff8e8f2 0%, #fff8e8cc 38%, #fff8e81a 100%), linear-gradient(0deg, #fff8e8ed, #fff8e800 75%)}.learning-scene-compact .learning-scene--journey{--scene-veil:linear-gradient(90deg, #f5fbffe0, #f5fbffed 65%, #f5fbff94)}.learning-scene-compact .learning-scene--reading-garden{--scene-veil:linear-gradient(90deg, #fff8e8e0, #fff8e8ed 65%, #fff8e894)}.learning-scene-compact .learning-scene--first-step{--scene-veil:linear-gradient(90deg, #042e48d9, #042e48ed 65%, #042e487a)}