#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;max-width:80vw;margin:60px auto 0 auto}.example-header{text-align:center;margin-bottom:2em}.example-back,.example-list{font-size:1.2em}.example-list>li{margin:.5em 0}.example-demo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:1.5em}.example-comp{width:50%}.example-comp,.example-demo-code{-ms-flex-negative:0;flex-shrink:0}.example-demo-code{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1em;margin-right:1em;background-color:#ffebcd;width:calc(50% - 1em);overflow-x:auto}p img{display:inline-block;max-width:25vw}