.rs-demo{--mic:0;display:block;position:relative;container-type:inline-size}.rs-demo__viewport{aspect-ratio:1280/800;border-radius:var(--radius-stage);background:radial-gradient(120% 90% at 18% 8%, color-mix(in srgb, var(--kind) 34%, transparent), transparent 62%), var(--color-bg-raised);box-shadow:var(--shadow-stage);isolation:isolate;will-change:transform;contain:layout paint;--mic:0;position:relative;overflow:hidden}@container (width<=639.98px){.rs-demo__viewport{aspect-ratio:640/860}}.rs-demo__viewport:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-line);pointer-events:none;z-index:5;position:absolute;inset:0}.rs-demo__world{transform-origin:0 0;visibility:hidden;width:1280px;height:800px;position:absolute;top:0;left:0}.rs-demo[data-narrow] .rs-demo__world{width:640px;height:860px}.rs-demo__wallpaper{background:radial-gradient(38% 42% at 30% 30%, color-mix(in srgb, var(--kind) 55%, transparent) 0%, color-mix(in srgb, var(--kind) 22%, transparent) 38%, transparent 72%), radial-gradient(34% 40% at 72% 68%, color-mix(in srgb, var(--kind-text) 26%, transparent) 0%, color-mix(in srgb, var(--kind) 12%, transparent) 45%, transparent 75%), radial-gradient(30% 34% at 68% 26%, #ffaa7829 0%, transparent 70%), linear-gradient(155deg, #15131f 0%, var(--color-bg) 46%, var(--color-bg-sunken) 100%);position:absolute;inset:-50%}.rs-player{--edge:#101118;background:var(--edge);--glass:#12121880;--feather:0 0 1px .5px var(--glass);border-radius:14px;width:1088px;height:664px;position:absolute;top:34px;left:96px;overflow:hidden;box-shadow:0 40px 90px -24px #000000bf,0 10px 24px -10px #0009}.rs-player:after{content:"";z-index:4;pointer-events:none;box-shadow:inset 0 0 0 4px var(--edge);background:linear-gradient(#ffffff17 2px,#0000 4.5px);border-radius:16px;position:absolute;inset:-2px}.rs-demo[data-narrow] .rs-player{width:600px;height:556px;top:76px;left:20px}.rs-demo[data-narrow][data-demo=subtitles] .rs-player{height:470px}.rs-player__bar{z-index:2;pointer-events:none;align-items:center;height:40px;padding:0 16px;display:flex;position:absolute;top:2px;left:2px;right:2px}.rs-player__lights{gap:8px;display:flex}.rs-player__lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #00000040,0 0 4px 1px #00000059}.rs-player__lights i:nth-child(2){background:#febc2e}.rs-player__lights i:nth-child(3){background:#28c840}.rs-player__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:500 13px/1 var(--font-sans);color:#ffffffe6;letter-spacing:.01em;text-shadow:0 1px 2px #0000008c,0 0 8px #00000059;pointer-events:none;margin-left:14px;overflow:hidden}.rs-player__video{background:#05060a;border-radius:12px;position:absolute;inset:2px;overflow:hidden}.rs-player__film{background:#0b0d1c;position:absolute;inset:0}.rs-player__film:after{content:"";opacity:0;transition:opacity .6s var(--ease-cinematic);background:#08080e2e;position:absolute;inset:0}.is-held .rs-player__film:after{opacity:1}.rs-film{width:100%;height:100%;animation:rs-film-push 26s var(--ease-in-out-soft) infinite alternate;position:absolute;inset:0}@keyframes rs-film-push{0%{transform:scale(1.04)translate(-.6%,.4%)}to{transform:scale(1.1)translate(.8%,-.5%)}}.rs-film__person,.rs-film__steam{transform-box:fill-box;transform-origin:50% 100%}.rs-film__far{animation:rs-film-drift 30s var(--ease-in-out-soft) infinite alternate;--dx:7px}.rs-film__mid{animation:rs-film-drift 24s var(--ease-in-out-soft) infinite alternate;--dx:-5px}.rs-film__lights{animation:rs-film-sway 7s var(--ease-in-out-soft) infinite alternate}.rs-film__near{animation:rs-film-drift 17s var(--ease-in-out-soft) infinite alternate;--dx:-26px;--dy:8px}.rs-film__wet{animation:5s ease-in-out infinite alternate rs-film-glint}.rs-film__person{animation:rs-film-nod 6.5s var(--ease-in-out-soft) infinite alternate}.rs-film__person--b{animation-duration:8s;animation-delay:-3s}.rs-film__steam{animation:3.4s ease-in-out infinite rs-film-steam}.rs-film__flame{transform-box:fill-box;transform-origin:50% 100%;animation:.9s ease-in-out infinite alternate rs-film-flame}@keyframes rs-film-drift{0%{transform:translate(calc(var(--dx,6px) * -1), 0)}to{transform:translate(var(--dx,6px), var(--dy,0))}}@keyframes rs-film-sway{0%{transform:translateY(-2px)}to{transform:translateY(3px)}}@keyframes rs-film-nod{0%{transform:rotate(-.7deg)translate(-2px)}to{transform:rotate(.9deg)translate(3px)}}@keyframes rs-film-steam{0%{opacity:0;transform:translateY(6px)}40%{opacity:.4}to{opacity:0;transform:translateY(-16px)}}@keyframes rs-film-flame{0%{transform:scale(.9,.92)}to{transform:scale(1.08,1.12)}}@keyframes rs-film-glint{0%{opacity:.38}to{opacity:.6}}.rs-player__grain{opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.rs-player__vignette{background:radial-gradient(95% 85%,#0000 55%,#0000005c 100%);position:absolute;inset:0}.rs-demo[data-narrow] .rs-player__vignette{background:radial-gradient(110% 85%,#0000 55%,#0000005c 100%)}.is-player-paused .rs-player__film *,.is-clock-paused .rs-player__film *,.is-player-paused .rs-player__wave i,.is-clock-paused .rs-player__wave i{animation-play-state:paused}.rs-player__paused{color:#fff;background:var(--glass);width:92px;height:92px;box-shadow:var(--feather), 0 20px 50px #00000059;opacity:0;transition:opacity .28s var(--ease-cinematic), transform .4s var(--ease-cinematic);border-radius:50%;place-items:center;margin:-46px 0 0 -46px;display:grid;position:absolute;top:50%;left:50%;transform:scale(.7)}.rs-demo[data-narrow] .rs-player__paused{transform-origin:50%;top:36%;scale:.8}.rs-player__paused svg{width:40px;height:40px}.is-held .rs-player__paused{opacity:1;transform:none}.rs-player__controls{z-index:3;background:var(--glass);height:56px;box-shadow:var(--feather);color:#ffffffe0;border-radius:28px;align-items:center;gap:16px;padding:0 22px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.rs-demo[data-narrow] .rs-player__controls{border-radius:24px;gap:12px;height:48px;padding:0 18px;bottom:14px;left:14px;right:14px}.rs-player__toggle{width:22px;height:22px;display:grid}.rs-player__toggle svg{grid-area:1/1;width:22px;height:22px}.rs-player__icon-play,.is-player-paused .rs-player__icon-pause{visibility:hidden}.is-player-paused .rs-player__icon-play{visibility:visible}.rs-player__wave{align-items:center;gap:3px;height:24px;display:flex}.rs-player__wave i{background:var(--kind-text);border-radius:2px;width:3px;height:22px;animation:.9s ease-in-out infinite alternate rs-wave;transform:scaleY(.2)}@keyframes rs-wave{0%{transform:scaleY(.16)}to{transform:scaleY(var(--amp,.8))}}.is-player-paused .rs-player__wave i{background:#fff6}.rs-player__progress{--track:#ffffff2e;background:var(--track);border-radius:3px;flex:1;height:5px;position:relative}.rs-player__progress-fill{border-radius:inherit;background:var(--kind);width:40%;position:absolute;inset:0 auto 0 0}.rs-player__progress-fill:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;right:-6px;box-shadow:0 1px 4px #00000080}.rs-player__time{text-align:right;min-width:108px;font:500 12.5px/1 var(--font-sans);font-variant-numeric:tabular-nums;color:#ffffffb3;flex:none}.rs-mic{--mic:0;background:linear-gradient(#fff7e8 0 60px,#7a4e28 640px);position:absolute;inset:0;overflow:hidden}.rs-speaker{width:1280px;height:800px;position:absolute;top:0;left:0}.rs-demo[data-narrow] .rs-speaker{width:1024px;height:640px;top:44px}.rs-speaker__body,.rs-speaker__head-idle,.rs-speaker__head,.rs-speaker__plant{transform-box:view-box}.rs-speaker__body{transform-origin:300px 600px;animation:rs-speaker-breathe 4.4s var(--ease-in-out-soft) infinite alternate}.rs-speaker__head-idle{transform-origin:296px 380px;animation:rs-speaker-sway 7s var(--ease-in-out-soft) infinite alternate}.rs-speaker__plant{transform-origin:1200px 640px;animation:rs-speaker-sway 9s var(--ease-in-out-soft) infinite alternate}.rs-speaker__city{animation:6s ease-in-out infinite alternate rs-film-glint}.rs-speaker__head{transform-origin:296px 380px;transform:translateY(calc(var(--mic) * -3px)) rotate(calc(var(--mic) * 2.4deg))}.rs-speaker__led{fill:var(--kind);opacity:calc(.25 + var(--mic) * 1.1)}@keyframes rs-speaker-breathe{0%{transform:scale(1)}to{transform:scale(1.006,1.016)}}@keyframes rs-speaker-sway{0%{transform:rotate(-.5deg)}to{transform:rotate(.6deg)}}.is-clock-paused .rs-mic *{animation-play-state:paused}.rs-mic__panel{justify-content:center;align-items:center;gap:30px;width:560px;display:flex;position:absolute;top:618px;left:34px}.rs-demo[data-narrow] .rs-mic__panel{gap:16px;width:496px;top:536px;left:8px}.rs-demo[data-narrow] .rs-mic__wave{gap:2px}.rs-mic__wave{flex:none;justify-content:center;align-items:center;gap:3px;height:68px;display:flex}.rs-mic__wave i{background:linear-gradient(var(--kind-text), var(--kind) 50%, var(--kind-text));width:4px;height:100%;transform:scaleY(calc(.05 + var(--mic) * var(--amp) * 1.3));animation:2.6s ease-in-out infinite rs-shimmer;animation-delay:calc(var(--i) * -70ms);border-radius:2px;flex:none}@keyframes rs-shimmer{0%,to{opacity:.4}50%{opacity:.95}}.rs-mic__hint{font:500 15px/1 var(--font-sans);letter-spacing:.02em;color:var(--color-ink-2);flex:none;align-items:center;gap:10px;display:inline-flex}.rs-mic__key{--down:0;min-width:108px;height:34px;font:500 13px/1 var(--font-sans);letter-spacing:.04em;color:var(--color-ink-2);background:#ffffff17;border-radius:9px;place-items:center;padding:0 14px;transition:translate .1s ease-out,color .1s ease-out,background-color .1s ease-out,box-shadow .1s ease-out;display:inline-grid;box-shadow:0 0 0 1px #ffffff2e,0 4px #0009}.rs-mic.is-ptt .rs-mic__key{color:var(--kind-text);background:color-mix(in srgb, var(--kind) 24%, #ffffff12);box-shadow:0 0 0 1px color-mix(in srgb, var(--kind) 62%, transparent), 0 1px 0 0 #0009;translate:0 3px}.rs-room{background:radial-gradient(46% 60% at 8% 14%,#ffe8b0f2,#0000 70%),radial-gradient(55% 70% at 64% 40%,#f5a3cd2e,#0000 70%),linear-gradient(160deg,#fff6e4 0%,#f7e6cf 55%,#ecd6bb 100%)}.rs-room>svg{position:absolute}.rs-room__screen{width:852px;height:590px;top:40px;left:392px}.rs-room__presenter{width:420px;height:800px;top:0;left:0}.rs-room__class{width:1280px;height:140px;top:652px;left:0}.rs-room__wave{width:260px;height:84px;position:absolute;top:604px;left:60px}.rs-room__wave i{background:linear-gradient(var(--kind), #a8307a 50%, var(--kind))}.rs-room__return{display:none}.rs-demo[data-narrow] .rs-room__screen{width:566px;height:392px;top:78px;left:37px}.rs-demo[data-narrow] .rs-room__presenter{width:252px;height:480px;top:262px;left:0}.rs-demo[data-narrow] .rs-room__return{display:inline}.rs-demo[data-narrow] .rs-room__window,.rs-demo[data-narrow] .rs-room__wall,.rs-demo[data-narrow] .rs-room__class{display:none}.rs-demo[data-narrow] .rs-room__wave{gap:4px;width:392px;height:52px;top:480px;left:214px}.rs-room__body,.rs-room__head-idle,.rs-room__head{transform-box:view-box}.rs-room__body{transform-origin:176px 548px;animation:rs-speaker-breathe 4.4s var(--ease-in-out-soft) infinite alternate}.rs-room__head-idle{transform-origin:173px 394px;animation:rs-speaker-sway 7s var(--ease-in-out-soft) infinite alternate}.rs-room__head{transform-origin:173px 394px;transform:translateY(calc(var(--mic) * -2px)) rotate(calc(var(--mic) * 2.4deg))}.rs-room__blinds{animation:6s ease-in-out infinite alternate rs-film-glint}.rs-room__led{fill:var(--kind);opacity:calc(.25 + var(--mic) * 1.1)}.rs-demo__frames{opacity:0;position:absolute;inset:0}.rs-demo[data-narrow] .rs-demo__frames{z-index:4}.rs-demo__frame{pointer-events:none;transition:opacity .26s var(--ease-cinematic,ease-out), transform .26s var(--ease-cinematic,ease-out), visibility 0s;background:0 0;border:0;position:absolute;overflow:hidden}.rs-demo__frame.is-away{opacity:0;visibility:hidden;transition-delay:0s,0s,.26s;transform:scale(.965)}.rs-demo__frame.is-snap{transition:none}.rs-demo__cursor{opacity:0;filter:drop-shadow(0 2px 3px #00000080);will-change:transform;z-index:3;width:26px;height:26px;transition:opacity .25s;position:absolute;top:-2px;left:-5px}.rs-demo__cursor-ring{width:0;height:0;position:absolute;top:2px;left:5px}.rs-demo__cursor-ring:after{content:"";opacity:0;border:2px solid #fff;border-radius:50%;width:36px;height:36px;position:absolute;top:-18px;left:-18px}.rs-demo__cursor.is-click .rs-demo__cursor-ring:after{animation:rs-click .5s var(--ease-cinematic)}@keyframes rs-click{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(1)}}.rs-demo__chip{inset-inline:5%;z-index:4;width:fit-content;font:500 clamp(13px, 1.85cqw, 25px) / 1.25 var(--font-sans);color:var(--color-ink-1);background:color-mix(in srgb, var(--color-bg) 95%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--kind) 45%, transparent), 0 12px 40px -10px #000c, 0 0 40px -12px color-mix(in srgb, var(--kind) 60%, transparent);opacity:0;transition:opacity .22s ease, transform .4s var(--ease-cinematic);pointer-events:none;text-wrap:balance;border-radius:999px;align-items:center;gap:.65em;margin-inline:auto;padding:.62em 1.15em .62em .95em;display:flex;position:absolute;bottom:4.4%;transform:translateY(.7em)}@container (width<=639.98px){.rs-demo__chip{inset-inline:3%;padding-block:.5em;font-size:clamp(12.5px,3.6cqw,17px);top:1.6%;bottom:auto;transform:translateY(-.7em)}}.rs-demo__chip.is-on{opacity:1;transform:none}.rs-demo__chip-dot{background:var(--kind);width:.55em;height:.55em;box-shadow:0 0 .7em var(--kind);border-radius:50%;flex:none}.rs-demo__scrim{z-index:3;background:linear-gradient(to top, color-mix(in srgb, var(--color-bg) 94%, transparent) 0%, color-mix(in srgb, var(--color-bg) 80%, transparent) 42%, transparent 100%);opacity:0;pointer-events:none;height:26%;transition:opacity .35s;position:absolute;inset:auto 0 0}.rs-demo__chip.is-on+.rs-demo__scrim{opacity:1}@container (width<=639.98px){.rs-demo__scrim{height:17%;inset:0 0 auto;rotate:180deg}}.rs-demo__controls{z-index:6;background:color-mix(in srgb, var(--color-bg) 88%, transparent);box-shadow:0 0 0 1px var(--color-line);opacity:0;transition:opacity var(--duration-base) var(--ease-cinematic);border-radius:999px;gap:2px;padding:2px;display:flex;position:absolute;top:10px;right:10px}.rs-demo:hover .rs-demo__controls,.rs-demo:focus-within .rs-demo__controls,.rs-demo[data-state=paused] .rs-demo__controls,.rs-demo[data-state=done] .rs-demo__controls{opacity:1}@media (hover:none){.rs-demo__controls{opacity:1}}@container (width<=639.98px){.rs-demo__controls{opacity:1;width:fit-content;margin:8px 0 0 auto;position:static}}.rs-demo[data-controls=false] .rs-demo__controls,.rs-demo[data-state=idle] .rs-demo__controls,.rs-demo[data-state=loading] .rs-demo__controls,.rs-demo[data-state=static] .rs-demo__controls,.rs-demo[data-state=error] .rs-demo__controls{display:none}.rs-demo__btn{width:44px;height:44px;color:var(--color-ink-2);cursor:pointer;transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease;border-radius:50%;place-items:center;display:grid}.rs-demo__btn:hover{color:var(--color-ink-1);background:var(--color-surface-hover)}.rs-demo__btn:focus-visible{border-radius:50%}.rs-demo__btn svg{grid-area:1/1;width:20px;height:20px}.rs-demo__icon-play,.rs-demo[data-state=paused] .rs-demo__icon-pause,.rs-demo[data-state=done] .rs-demo__icon-pause{visibility:hidden}.rs-demo[data-state=paused] .rs-demo__icon-play,.rs-demo[data-state=done] .rs-demo__icon-play{visibility:visible}.rs-demo__sound-on,.rs-demo__btn[aria-pressed=true] .rs-demo__sound-off{display:none}.rs-demo__btn[aria-pressed=true] .rs-demo__sound-on{display:inline}.rs-demo[data-record]{position:fixed;top:0;left:0;width:1280px!important}.rs-demo[data-record=narrow]{width:540px!important}.rs-demo[data-record] .rs-demo__viewport{box-shadow:none;border-radius:0}.rs-demo[data-record] .rs-demo__viewport:after{display:none}.rs-slot{display:block}.rs-slot[data-offscreen] .rs-demo__viewport{content-visibility:hidden}.rs-video{display:block;position:relative;container-type:inline-size}.rs-video__frame{aspect-ratio:1280/800;border-radius:var(--radius-stage);background:var(--color-bg-raised);box-shadow:var(--shadow-stage);isolation:isolate;position:relative;overflow:hidden}@container (width<=639.98px){.rs-video__frame{aspect-ratio:640/860}}.rs-video__frame:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-line);pointer-events:none;position:absolute;inset:0}.rs-video__frame picture,.rs-video__poster,.rs-video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rs-video video{opacity:0}.rs-video[data-started] video{opacity:1}.rs-video__start{color:#fff;cursor:pointer;background:#0c0c10b8;border-radius:50%;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #ffffff2e,0 20px 50px #00000080}.rs-video__start svg{width:32px;height:32px;margin-left:4px}.rs-video[data-state=manual] .rs-video__start{display:grid}.rs-video[data-state=manual] .rs-video__start:hover{background:#0c0c10db}.rs-video:hover .rs-demo__controls,.rs-video:focus-within .rs-demo__controls,.rs-video[data-state=paused] .rs-demo__controls{opacity:1}.rs-video[data-controls=false] .rs-demo__controls,.rs-video[data-state=idle] .rs-demo__controls,.rs-video[data-state=manual] .rs-demo__controls{display:none}.rs-video[data-state=paused] .rs-demo__icon-pause{visibility:hidden}.rs-video[data-state=paused] .rs-demo__icon-play{visibility:visible}