.rm-stage{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;font-family:var(--font-sans);--spacing:4px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px}.rm-backdrop{position:absolute;inset:0;opacity:0;background:radial-gradient(60% 70% at 50% 0,rgb(148 163 191/.3),transparent 70%),linear-gradient(180deg,#eaf3fc,#dde9f4);transition:opacity 1s ease}.rm-backdrop-on{opacity:1}.rm-box{position:absolute;left:0;top:0;overflow:hidden;transform-origin:0 0;box-shadow:0 30px 60px -30px rgb(6 16 36/.45);transition:transform 1.1s cubic-bezier(.65,0,.25,1),opacity .9s ease,border-radius 1.1s ease}.rm-box,.rm-room{width:600px;height:600px}.rm-room{position:relative}.rm-text{font-family:var(--font-sans)}.rm-stage text{text-rendering:geometricPrecision}.rm-device{position:absolute;z-index:3;left:0;top:0;transform-origin:50% 100%;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .7s ease}.ds-shadow{position:absolute;left:6%;right:6%;bottom:-16px;height:34px;border-radius:50%;background:radial-gradient(closest-side,rgb(6 16 36/.55),rgb(6 16 36/.18) 60%,transparent);filter:blur(4px)}.ds-glare{position:absolute;inset:0;z-index:20;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgb(255 255 255/.2),rgb(255 255 255/.06) 26%,transparent 40%)}.ds-phone{position:relative;width:270px;height:556px;padding:11px;border-radius:50px;background:linear-gradient(150deg,#5a606b,#22252c 30%,#121419 62%,#454a54);box-shadow:inset 0 0 0 1.5px rgb(255 255 255/.22),inset 0 0 0 4px #0a0b0e,0 60px 80px -40px rgb(6 16 36/.7),0 24px 30px -18px rgb(6 16 36/.5)}.ds-phone-btn{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#2a2d33,#6b717c)}.ds-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:40px;background:#fff}.ds-island{position:absolute;z-index:21;top:11px;left:50%;width:88px;height:25px;margin-left:-44px;border-radius:20px;background:#050506}.ds-laptop{position:relative;width:720px;height:408px}.ds-lid{left:50px;top:0;width:620px;height:392px;padding:16px 15px 20px;border-radius:20px 20px 6px 6px;background:#15171c;box-shadow:inset 0 0 0 1.5px #3a3f48,inset 0 0 0 3px #0b0c0f,0 40px 60px -35px rgb(6 16 36/.55)}.ds-cam,.ds-lid{position:absolute}.ds-cam{top:6px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#2b3240}.ds-lid-screen{position:relative;height:100%;overflow:hidden;border-radius:3px;background:#fff}.ds-base{position:absolute;left:0;bottom:0;width:720px;height:16px;border-radius:3px 3px 18px 18px/3px 3px 12px 12px;background:linear-gradient(180deg,#f4f6f9,#d3d8df 45%,#9aa2ad);box-shadow:0 26px 36px -16px rgb(6 16 36/.6)}.ds-base:before{content:"";position:absolute;top:0;left:50%;width:120px;height:6px;margin-left:-60px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#aeb5bf,#d7dbe1)}.ds-monitor{position:relative;width:640px;height:474px}.ds-mon-body{position:absolute;left:0;top:0;width:640px;height:384px;padding:14px 14px 38px;border-radius:16px;background:linear-gradient(180deg,#f7f8fa,#e2e6eb);box-shadow:inset 0 0 0 1px rgb(10 27 61/.08),inset 0 -2px 0 rgb(10 27 61/.06),0 40px 60px -34px rgb(6 16 36/.5)}.ds-mon-screen{position:relative;height:100%;overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 0 0 5px #121418}.ds-neck{top:380px;width:116px;height:84px;margin-left:-58px;background:linear-gradient(90deg,#b9c0c9,#eef0f3 38%,#d6dbe1 70%,#aab2bc);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.ds-foot,.ds-neck{position:absolute;left:50%}.ds-foot{bottom:0;width:240px;height:12px;margin-left:-120px;border-radius:4px 4px 8px 8px;background:linear-gradient(180deg,#eef0f3,#b9c0c9);box-shadow:0 10px 16px -6px rgb(6 16 36/.45)}.ds-temp{visibility:hidden}.ds-sel{background:#eef6fe;box-shadow:inset 3px 0 0 #94a3bf}.ds-live .ds-in{animation:ds-in .55s cubic-bezier(.2,.8,.2,1) calc(var(--d, 0s) + var(--o, 0s)) both}.ds-live .ds-in.ds-sel{animation:ds-in .55s cubic-bezier(.2,.8,.2,1) calc(var(--d, 0s) + var(--o, 0s)) both,ds-sel .4s ease var(--s,0s) both}.ds-live .ds-temp{visibility:visible;animation:ds-in .4s ease calc(var(--d, 0s) + var(--o, 0s)) both,ds-out .3s ease calc(var(--e, 999s) + var(--o, 0s)) forwards}.ds-live .ds-type{animation:ds-type var(--t,1.6s) steps(var(--n,28)) calc(var(--d, 0s) + var(--o, 0s)) both}.ds-live .ds-type.ds-temp{animation:ds-type var(--t,1.6s) steps(var(--n,28)) calc(var(--d, 0s) + var(--o, 0s)) both,ds-out .15s ease calc(var(--e, 999s) + var(--o, 0s)) forwards}.ds-live .ds-press{animation:ds-press .35s ease calc(var(--d, 0s) + var(--o, 0s)) both}.ds-live .ds-draw{animation:ds-draw .9s cubic-bezier(.4,0,.2,1) calc(var(--d, 0s) + var(--o, 0s)) both}.ds-live .ds-pop{animation:ds-pop .5s cubic-bezier(.3,1.6,.5,1) calc(var(--d, 0s) + var(--o, 0s)) both}.ds-live .ds-count{animation:ds-count 1.8s cubic-bezier(.2,.7,.2,1) calc(var(--d, 0s) + var(--o, 0s)) both}@keyframes ds-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes ds-out{to{opacity:0;visibility:hidden}}@keyframes ds-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes ds-press{50%{transform:scale(.9);filter:brightness(1.2)}}@keyframes ds-sel{0%{background:transparent;box-shadow:inset 0 0 0 #94a3bf}}.ds-draw{stroke-dasharray:1;stroke-dashoffset:0}@keyframes ds-draw{0%{stroke-dashoffset:1}}.ds-pop{transform-box:fill-box;transform-origin:center}@keyframes ds-pop{0%{opacity:0;transform:scale(0)}}@property --ds-n{syntax:"<integer>";inherits:false;initial-value:0}.ds-count{--ds-n:var(--to);counter-reset:ds var(--ds-n)}.ds-count:after{content:counter(ds)}@keyframes ds-count{0%{--ds-n:0}}.ds-spin{animation:ds-spin .8s linear infinite}@keyframes ds-spin{to{transform:rotate(1turn)}}.ds-blink{animation:ds-blink 1s ease-in-out infinite}@keyframes ds-blink{50%{opacity:.3;transform:translateY(-2px)}}.ds-ping{transform-box:fill-box;transform-origin:center;animation:ds-ping 2.4s ease-out infinite}@keyframes ds-ping{0%{transform:scale(.5);opacity:.5}to{transform:scale(1.6);opacity:0}}.ds-hub-glow{position:absolute;left:-140px;top:-140px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgb(77 168 247/.45),transparent);animation:ds-breathe 3s ease-in-out infinite}@keyframes ds-breathe{50%{transform:scale(1.15);opacity:.7}}.ds-dot{position:absolute;z-index:8;left:0;top:0;width:16px;height:16px;border-radius:50%;border:3px solid #fff;opacity:0;offset-rotate:0deg}.ds-dot-q{background:#94a3bf;box-shadow:0 0 0 6px rgb(148 163 191/.25),0 0 18px rgb(148 163 191/.8)}.ds-dot-a{background:#4da8f7;box-shadow:0 0 0 6px rgb(77 168 247/.25),0 0 18px rgb(77 168 247/.8)}.ds-live .ds-dot{animation:ds-travel 5.6s cubic-bezier(.45,0,.55,1) calc(var(--d, 0s) + var(--o, 0s)) infinite}@keyframes ds-travel{0%{offset-distance:0;opacity:0}3%{opacity:1}18%{offset-distance:100%;opacity:1}22%,to{offset-distance:100%;opacity:0}}.ds-paused *,.ds-paused :after,.ds-paused :before{animation-play-state:paused!important}.ds-reduced *,.ds-reduced :after,.ds-reduced :before{animation:none!important;transition:none!important}.ds-live svg .ds-in{animation-name:ds-fade}.ds-live svg .ds-temp{animation-name:ds-fade,ds-out}@keyframes ds-fade{0%{opacity:0}}.rm-blink{transform-box:fill-box;transform-origin:center;animation:rm-blink 5.2s ease-in-out infinite}@keyframes rm-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.rm-breathe{animation:rm-breathe 4.6s ease-in-out infinite}@keyframes rm-breathe{50%{transform:translateY(1.4px)}}.rm-glow{opacity:.3}.ds-live .rm-lean{animation:rm-lean-in .7s ease calc(var(--d, 0s) + var(--o, 0s)) both,rm-lean-out .7s ease calc(var(--e, 999s) + var(--o, 0s)) forwards}@keyframes rm-lean-in{to{transform:translateY(6px)}}@keyframes rm-lean-out{0%{transform:translateY(6px)}to{transform:translateY(0)}}.ds-live .rm-bob{animation:rm-bob .12s ease-in-out calc(var(--d, 0s) + var(--o, 0s)) var(--n,20) alternate}@keyframes rm-bob{to{transform:translateY(1.2px)}}.rm-tap{transform-box:fill-box;transform-origin:center;animation:rm-tap .24s ease-in-out infinite alternate}.rm-tap-2{animation-delay:-.12s}@keyframes rm-tap{to{transform:translateY(-3px)}}.ds-live .rm-join{animation:rm-join .6s ease calc(var(--d, 0s) + var(--o, 0s)) both}@keyframes rm-join{0%{opacity:.45;filter:grayscale(1)}}.rm-fly{position:absolute;z-index:5;left:0;top:0;width:20px;height:20px;border-radius:50%;border:3px solid #fff;opacity:0;offset-rotate:0deg}.ds-live .rm-fly{animation:rm-fly var(--t,.9s) cubic-bezier(.45,0,.55,1) calc(var(--d, 0s) + var(--o, 0s)) both}@keyframes rm-fly{0%{offset-distance:0;opacity:0}12%,88%{opacity:1}to{offset-distance:100%;opacity:0}}.rm-fill{transform-origin:left}.ds-live .rm-fill{animation:rm-fill .5s ease calc(var(--d, 0s) + var(--o, 0s)) both}@keyframes rm-fill{0%{transform:scaleX(0)}}.ds-live .rm-cap.ds-in{animation:rm-cap-in .45s cubic-bezier(.2,.8,.2,1) calc(var(--d, 0s) + var(--o, 0s)) both}.ds-live .rm-cap.ds-temp{animation:rm-cap-in .45s cubic-bezier(.2,.8,.2,1) calc(var(--d, 0s) + var(--o, 0s)) both,rm-cap-out .3s ease-in calc(var(--e, 999s) + var(--o, 0s)) forwards}@keyframes rm-cap-in{0%{opacity:0;transform:translateY(18px)}}@keyframes rm-cap-out{to{opacity:0;transform:translateY(-18px);visibility:hidden}}