body{background:#d3d3d3;margin:0}header,.container,footer{margin:0 auto;width:88%;max-width:1080px}main{padding:1em 0;background:#fff}.component-list{list-style:none;padding:0;text-transform:capitalize}h2{text-transform:capitalize}pre{overflow:auto;max-height:30em;padding:1rem}iframe{width:100%;height:100%;border:none;min-height:20em}pre[class*=language-],code[class*=language-]{background:#fdf6e3;color:#657b83;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:13px;line-height:1.5;text-align:left;direction:ltr;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1rem;margin:0 0 1.25rem;overflow:auto;border-radius:8px;border:1px solid rgba(101,123,131,.12);box-shadow:0 1px #00000005}:not(pre)>code[class*=language-]{padding:.2em .4em;border-radius:6px;border:1px solid rgba(101,123,131,.08);background:#eee8d5;color:#586e75;font-size:.95em}pre[class*=language-].line-numbers{padding-left:3.8rem;position:relative}.line-numbers .line-numbers-rows{left:0;width:3.2rem;background:transparent;border-right:1px solid rgba(101,123,131,.06)}.line-numbers .line-numbers-rows>span:before{color:#93a1a1}pre[class*=language-] ::selection,pre[class*=language-] ::-moz-selection{background:#b2995440}pre[class*=language-]>code,code[class*=language-]{line-height:1.5}pre[class*=language-]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}