.common-code-container{position:relative;display:none;z-index:1}.common-code-container .instructions{position:absolute;width:100%;padding:5px 10px;overflow-y:auto;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid #383830;font-family:monospace;color:#fff}.common-code-container .instructions a{color:#fff !important}.common-code-container.has-instructions .code{padding-top:40px}.common-code-container.has-instructions .copy-code{top:30px}.common-code-container.active{display:block}.common-code-container .code{margin-bottom:.2em;padding:10px;overflow:auto;white-space:pre;background:#201600;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.25);box-shadow:0 0 30px rgba(32,22,0,0.25);border-radius:3px}.common-code-container .copy-code{opacity:0;position:absolute;top:0;right:0;padding:3px 11px;transition-duration:100ms;cursor:pointer;background:#201600;border-radius:0 3px 0 5px}.common-code-container .copy-code img{width:18px;vertical-align:middle;image-rendering:-webkit-optimize-contrast}.common-code-container .copy-code:before{content:'Copy';margin-right:6px;color:#fff;font-size:12px}.common-code-container .copy-code.copied:before{content:'Copied!';color:#fff;font-size:12px}.common-code-container:hover .copy-code{opacity:1}.dark .common-code-container .code,.dark .common-code-container .copy-code{background:#090a0a}.tabbed-code{margin-bottom:5px}.tabbed-code .demo-text{float:left}@media (max-width:500px){.tabbed-code .demo-text{margin-top:10px}}.tabbed-code .bottom-left-btn{float:left;margin:5px 5px 0 0}.tabbed-code .tabs{float:right;text-align:right;font-size:12px}.tabbed-code .tabs>div{display:inline-block;width:37px;line-height:37px;cursor:pointer;font-weight:500;user-select:none;filter:grayscale(1);text-align:center}.tabbed-code .tabs>div img{width:25px;margin:0;vertical-align:middle;pointer-events:none}.tabbed-code .tabs>div.active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);border-radius:3px}.tabbed-code .tabs>div[data-tab=angular]{opacity:.5}.clear-float{clear:both}