.demo-article{position:relative;line-height:18px;color:#311b92}.demo-article h1,.demo-article h2,.demo-article h3{color:#673ab7;text-shadow:0 4px 2px rgba(73,0,146,.1803921568627451)}.demo-article__header{position:sticky;top:4em;left:0;right:0;z-index:2;padding:.4em;display:flex;border-radius:0;justify-content:center;background:rgba(49,27,146,.1411764705882353)}.demo-article .section-wrapper{margin-bottom:2em;padding:1em}.demo-article code{background:#e2e2e2;color:#8000ff;padding:0 .5em;border-radius:.2em;margin:0 .2em}.demo-article canvas{border:1px solid #8000ff;border-radius:.5em;display:block;margin:2em auto;box-shadow:0 4px 2px 4px #eaeaea}.demo-article details{margin:1em 0;background:#eaeaea;padding:1em;border-radius:.2em}.demo-article details summary{background:#8000ff;padding:.4em;cursor:pointer;color:#dce775;border-radius:.2em;transition:.2s ease;box-shadow:.3em .3em}.demo-article details summary:hover{box-shadow:.1em .1em}@media screen and (min-width:1366px){.demo-article{padding:0 10em}}@media screen and (min-width:1024px) and (max-width:1366px){.demo-article{padding:0 2em}}