.demo-showcase_dsFrame__1zEl3{position:relative;width:100%;aspect-ratio:12/5;border-radius:1.5rem;overflow:hidden;background:#0b0d0e}.demo-showcase_dsLayer__t5W5j{position:relative;width:100%;height:100%}.demo-showcase_dsImg__jhe2r{display:block;width:100%;height:100%;object-fit:cover}.demo-showcase_dsCursor__Zwh_j{position:absolute;width:18px;height:18px;pointer-events:none;transform:translate(-3px,-3px);transition:left .5s ease,top .5s ease;z-index:5}.demo-showcase_dsRing__MXgPV{position:absolute;width:64px;height:64px;border:3px solid #38bdf8;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}@keyframes demo-showcase_dsRingShot__JYUP2{0%{opacity:.95;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.22)}}.demo-showcase_dsRing__MXgPV.demo-showcase_dsShot___lEQW{opacity:.95;animation:demo-showcase_dsRingShot__JYUP2 .72s ease-out forwards}@keyframes demo-showcase_dsRingStay__iGMNs{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}}.demo-showcase_dsRing__MXgPV.demo-showcase_dsFinal__30QFM{opacity:.9;animation:demo-showcase_dsRingStay__iGMNs 1.4s ease-in-out infinite}.demo-showcase_dsIde__jk_CG{display:flex;flex-direction:column;width:100%;height:100%;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;background:#1e1e1e;border-radius:1.5rem;overflow:hidden}.demo-showcase_dsIdeBody__9YERf{display:flex;flex:1;min-height:0}.demo-showcase_dsIdeEditor__NdD7D{flex:1;display:flex;flex-direction:column;min-width:0;background:#1e1e1e;position:relative}.demo-showcase_dsIdeCode__d24_F{margin:0;padding:18px 24px;flex:1;color:#d4d4d4;font-size:14px;line-height:1.55;overflow:hidden;position:relative}.demo-showcase_dsIdeCode__d24_F>div{white-space:pre;position:relative;margin:0 -24px;padding:0 24px;box-sizing:content-box}.demo-showcase_dsIdeCode__d24_F>div.demo-showcase_dsLineHover__W7Jnl{background:rgba(56,189,248,.16)}.demo-showcase_dsIdeCode__d24_F>div.demo-showcase_dsPasteFlash__LHKEH{background:rgba(250,204,21,.4)}.demo-showcase_dsIdeCode__d24_F>div.demo-showcase_dsPasteFade__8pzw6{background:transparent;transition:background-color .55s ease}.demo-showcase_dsIdeCursor__Q_SCh{position:absolute;left:8px;width:18px;height:18px;pointer-events:none;transform:translate(-3px,-3px);transition:top .3s ease;z-index:5;opacity:0}.demo-showcase_dsIdeCursor__Q_SCh.demo-showcase_dsOn__cJDDM{opacity:1}@keyframes demo-showcase_dsCursorBlink__pBs9X{50%{opacity:.35}}.demo-showcase_dsIdeCursor__Q_SCh.demo-showcase_dsBlink__OjhBk{animation:demo-showcase_dsCursorBlink__pBs9X 1.05s steps(2) infinite}.demo-showcase_dsIdeCode__d24_F .demo-showcase_dsC__G1E3q{opacity:0}.demo-showcase_dsKw__WQBZV{color:#c586c0}.demo-showcase_dsStr__m_1XQ{color:#ce9178}.demo-showcase_dsNum__GLPez{color:#b5cea8}.demo-showcase_dsFn__V_QPt{color:#dcdcaa}.demo-showcase_dsCls__ds4Ky{color:#4ec9b0}.demo-showcase_dsTag__64Fvl{color:#569cd6}.demo-showcase_dsAttr__MgqD4{color:#9cdcfe}.demo-showcase_dsP__72QvI{color:#d4d4d4}.demo-showcase_dsCmt__2vEyl{color:#6a9955;font-style:italic}