.Code{color:#646464;white-space:pre-line;word-wrap:break-word;border-radius:4px;margin:16px 0;padding:16px;line-height:2rem;display:block;position:relative}.Code--blue{background:#f0f9ff;border:1px solid #d8ebfa}.Code--gray{background:#f4f4f4;border:1px solid #e1e1e1;font-family:Monaco,Menlo,Courier New,monospace}.Code--formatted code{white-space:pre-wrap}.Code--inline{margin:0 .3rem;padding:0 3.6rem 0 .5rem;display:inline-flex}.Code--inline .Code__copy-icon{opacity:1;position:absolute;top:-4px;right:-8px}.Code--inline .Code__copy-icon .Code__copy-icon-btn--with-label{display:none}.Code--inline .Code__copy-icon .Code__copy-icon-btn{opacity:1!important}.Code__copy-icon{opacity:.6;min-width:36px;position:absolute;top:16px;right:16px}.Code__copy-icon:hover{opacity:1}.Code__copy-icon .Code__copy-icon-btn{position:absolute;right:0}.Code__copy-icon .Code__copy-icon-btn--with-label,.Code__copy-icon:hover .Code__copy-icon-btn{opacity:0}.Code__copy-icon:hover .Code__copy-icon-btn--with-label{opacity:1}