@keyframes demoLayoutGradientDash{0%{transform:translateZ(0)}to{transform:translate3d(400px,0,0)}}.DemoLayout{position:relative;background:0 0/8px 8px #0a2540 radial-gradient(rgba(16,62,105,.6) 18.75%,transparent 0);box-shadow:var(--cardShadowXLarge);border:1px solid #0d2e4f;border-radius:8px;max-width:1080px;padding:8px;box-shadow:0 18px 36px -18px rgba(0,0,0,.10196078431372549);box-shadow:0 30px 45px -30px rgba(50,50,93,.25098039215686274)}.DemoLayout .ColumnLayout,.DemoLayout__displaySection{height:100%;width:100%}.DemoLayout__controlsContainer{background-color:#0d2e4f;border:1px solid #25598e;border-radius:4px;color:#fff;display:flex;flex-direction:column;font-size:15px;height:100%;padding:16px;position:relative}.DemoLayout__controlsInner{display:flex;flex-direction:column;justify-content:center;height:100%}.DemoLayout__displaySection{align-items:center;display:flex;justify-content:center;padding:16px 24px 24px 32px;overflow:hidden}.DemoLayout__interactiveDemoHeader{position:absolute;top:0;left:0;width:100%;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px;padding-bottom:1px}.DemoLayout__interactiveDemoHeaderInner{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:100%;padding:8px 15px;background-color:transparent;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:20px;background:#0d2e4f;z-index:1}.DemoLayout__interactiveDemoHeaderInner span{white-space:nowrap}.DemoLayout__interactiveDemoHeaderMask{position:relative;width:100%;height:1px;overflow:hidden;background:#25598e;z-index:1}.DemoLayout__interactiveDemoHeaderGradient{position:absolute;left:-128px;width:128px;height:1px;background:linear-gradient(90deg,rgba(122,115,255,0),#7a73ff 32.77%,#80e9ff 66.28%,rgba(128,233,255,0));animation:demoLayoutGradientDash 3s cubic-bezier(.3,0,.3,1) 0ms 2 paused}