Simmering Technology XpertJet Experience Lab
Live render
Initializing…
Initializing...
.stage-shell { position: relative; flex: 1 1 auto; border-radius: var(--stage-radius); overflow: hidden; background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(8, 14, 28, 0.78)); border: 1px solid var(--stage-border); box-shadow: var(--stage-shadow); display: flex; isolation: isolate; } .stage-shell::before { content: ""; position: absolute; inset: 0; background: radial-gradient(at 18% 22%, rgba(108, 200, 255, 0.28), transparent 60%), radial-gradient(at 80% 20%, rgba(255, 151, 234, 0.22), transparent 65%), radial-gradient(at 50% 85%, rgba(110, 255, 205, 0.16), transparent 60%); opacity: 0.85; mix-blend-mode: screen; pointer-events: none; z-index: 1; } .stage-shell::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.55)); opacity: 0.28; pointer-events: none; z-index: 2; } body[data-theme="light"] .stage-shell { background: linear-gradient(160deg, rgba(255, 255, 255, 0.75), rgba(218, 232, 255, 0.82)); } body[data-theme="light"] .stage-shell::after { opacity: 0.12; } body[data-theme="light"] .stage-shell::before { opacity: 0.6; }