.Web-module-scss-module__wJl5sG__stage{margin-inline:-8% calc(var(--gut)*-1);position:relative}@media (min-width:901px){.Web-module-scss-module__wJl5sG__stage{height:clamp(420px,36vw,500px)}}@media (max-width:900px){.Web-module-scss-module__wJl5sG__stage{aspect-ratio:6/5;margin:-24px calc(var(--gut)*-1) 0}}.Web-module-scss-module__wJl5sG__heroScene{aspect-ratio:6/5;opacity:0;transition:opacity .8s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000),linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000),linear-gradient(#0000,#000 16% 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.Web-module-scss-module__wJl5sG__heroScene canvas{width:100%;height:100%;display:block}@media (min-width:901px){.Web-module-scss-module__wJl5sG__heroScene{left:-12%}}@media (min-width:1240px){.Web-module-scss-module__wJl5sG__heroScene{left:-26%}}.Web-module-scss-module__wJl5sG__scene{opacity:0;transition:opacity .8s;position:absolute;inset:0}.Web-module-scss-module__wJl5sG__scene canvas{width:100%;height:100%;display:block}.Web-module-scss-module__wJl5sG__sceneOn{opacity:1}.Web-module-scss-module__wJl5sG__tall pre{min-height:392px}.Web-module-scss-module__wJl5sG__exportOptions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.Web-module-scss-module__wJl5sG__exportOptions button{background:var(--panel);color:var(--mute);font:400 13px/18px var(--body);white-space:nowrap;cursor:pointer;border:0;border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:8px;padding:12px 14px;transition:color .2s,background-color .2s;display:inline-flex}.Web-module-scss-module__wJl5sG__exportOptions button svg{opacity:.55;flex:none;width:18px;height:18px;transition:opacity .2s}.Web-module-scss-module__wJl5sG__exportOptions button:hover,.Web-module-scss-module__wJl5sG__exportOptions button.Web-module-scss-module__wJl5sG__exportOn{color:var(--fg)}.Web-module-scss-module__wJl5sG__exportOptions button:hover svg,.Web-module-scss-module__wJl5sG__exportOptions button.Web-module-scss-module__wJl5sG__exportOn svg{opacity:1}.Web-module-scss-module__wJl5sG__exportOptions button.Web-module-scss-module__wJl5sG__exportOn{background:var(--line)}.Web-module-scss-module__wJl5sG__browser{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:16px;overflow:hidden}.Web-module-scss-module__wJl5sG__browserBar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex}.Web-module-scss-module__wJl5sG__copyPrompt{border:1px solid var(--line-2);height:28px;color:var(--fg);font:500 12px/1 var(--body);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;margin-left:auto;padding:0 12px;transition:border-color .2s}.Web-module-scss-module__wJl5sG__copyPrompt:hover{border-color:var(--mute)}@media (max-width:480px){.Web-module-scss-module__wJl5sG__copyPrompt{display:none}}.Web-module-scss-module__wJl5sG__toggle{border:1px solid var(--line-2);height:28px;color:var(--fg);font:500 12px/1 var(--body);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px 0 6px;transition:border-color .2s;display:inline-flex}.Web-module-scss-module__wJl5sG__toggle:hover{border-color:var(--mute)}.Web-module-scss-module__wJl5sG__track{background:var(--line-2);border-radius:999px;width:24px;height:14px;transition:background-color .2s;position:relative}.Web-module-scss-module__wJl5sG__track:after{content:"";background:var(--mute);border-radius:50%;width:10px;height:10px;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s;position:absolute;top:2px;left:2px}[aria-checked=true]>.Web-module-scss-module__wJl5sG__track{background:var(--fg)}[aria-checked=true]>.Web-module-scss-module__wJl5sG__track:after{background:#000;transform:translate(10px)}.Web-module-scss-module__wJl5sG__dots{gap:6px;display:flex}.Web-module-scss-module__wJl5sG__dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px}.Web-module-scss-module__wJl5sG__url{min-width:0;font-family:var(--mono);color:var(--mute);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:8px;flex:0 260px;margin-left:6px;padding:5px 12px;font-size:11px;overflow:hidden}.Web-module-scss-module__wJl5sG__browserView{aspect-ratio:16/10;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.Web-module-scss-module__wJl5sG__viewerScene{left:22%;right:-12%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%);mask-image:linear-gradient(90deg,#0000,#000 22%)}.Web-module-scss-module__wJl5sG__mockSite{pointer-events:none;position:absolute;inset:0}.Web-module-scss-module__wJl5sG__mockSite :where(i){background:#ffffff12;border-radius:999px;display:block}.Web-module-scss-module__wJl5sG__mockNav{align-items:center;gap:18px;display:flex;position:absolute;top:18px;left:22px;right:22px}.Web-module-scss-module__wJl5sG__mockLogo{background:#ffffff1f;border-radius:7px;width:22px;height:22px}.Web-module-scss-module__wJl5sG__mockLinks{gap:14px;margin-inline:auto;display:flex}.Web-module-scss-module__wJl5sG__mockLinks i{width:38px;height:7px}.Web-module-scss-module__wJl5sG__mockCta{background:#fff3;width:64px;height:22px}.Web-module-scss-module__wJl5sG__mockHero{justify-items:start;gap:9px;width:40%;display:grid;position:absolute;top:36%;left:7%}.Web-module-scss-module__wJl5sG__mockTitle{width:100%;height:16px}.Web-module-scss-module__wJl5sG__mockTitle+.Web-module-scss-module__wJl5sG__mockTitle{width:72%;margin-bottom:8px}.Web-module-scss-module__wJl5sG__mockLine{background:#ffffff0b;width:86%;height:6px}.Web-module-scss-module__wJl5sG__mockLine+.Web-module-scss-module__wJl5sG__mockLine{width:64%}.Web-module-scss-module__wJl5sG__mockButtons{gap:8px;margin-top:10px;display:flex}.Web-module-scss-module__wJl5sG__mockButtons i{width:70px;height:24px}.Web-module-scss-module__wJl5sG__mockButtons i:first-child{background:#fff3}.Web-module-scss-module__wJl5sG__browserCode{pointer-events:none;opacity:0;background:var(--panel);transition:opacity .25s;position:absolute;inset:0}.Web-module-scss-module__wJl5sG__browserView[data-code] .Web-module-scss-module__wJl5sG__browserCode{opacity:1;pointer-events:auto;-webkit-user-select:text;user-select:text}.Web-module-scss-module__wJl5sG__browserCode pre{font-family:var(--mono);color:var(--fg);margin:0;padding:48px 16px 18px 0;font-size:12px;line-height:20px;position:relative}