.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}