.rive-demo{position:relative;isolation:isolate;aspect-ratio:16/9;min-height:300px;background:#201e1e;border:1px solid #373333;overflow:hidden}.rive-demo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.rive-demo.ready .rive-demo-poster{visibility:hidden}.rive-demo-canvas{position:absolute;inset:0;width:100%;height:100%;margin:0;touch-action:pan-y;opacity:0}.rive-demo.ready .rive-demo-canvas{opacity:1}.rive-demo-canvas[role=button]{cursor:pointer}.rive-demo-canvas:focus-visible{outline:2px solid #f26522;outline-offset:-4px}.rive-demo[data-demo=pickWhip] .rive-demo-canvas{touch-action:none;cursor:grab}.rive-demo[data-demo=graph] .rive-demo-canvas{pointer-events:none}.rive-demo-hint{position:absolute;bottom:18px;left:20px;right:20px;color:#c5bfbb;text-align:center;font-size:13px;line-height:1.5;pointer-events:none}.rive-community{justify-self:center;max-width:100%}.rive-element{scroll-margin-top:100px}@media(max-width:599px){.rive-demo{aspect-ratio:1;min-height:0}.rive-demo-hint{font-size:11px;bottom:12px}}.rive-elements-case[data-theme=light] .prose,.rive-elements-case[data-theme=light] .project-overview aside ul{color:#49413b}.rive-elements-case[data-theme=light] .project-overview small{color:#665d55}.rive-tool-icon{position:relative;display:block;width:64px;height:64px;isolation:isolate}.rive-tool-icon:before{content:"";position:absolute;inset:0;background:#fff;mask:url(/assets/LjlsQasAD0MuAoLMQE0QbhhnlE.png) center/contain no-repeat;z-index:-1}.rive-elements-case .tools .rive-tool-icon img{width:100%;height:100%;clip-path:inset(18.48% 17.73% 18.48% 17.73% round 11.65%)}@media(max-width:599px){.rive-tool-icon{width:48px;height:48px}}