.article-code-block{border-radius:var(--radius-card);counter-reset:code-line;tab-size:4;white-space:pre-wrap;margin:0 0 1.5em;padding:20px 16px 20px 58px;font:15px/1.55 monospace;overflow-x:auto}.article-code-block code,[data-blog-content] .article-code-block code{overflow-wrap:anywhere;color:inherit;font:inherit;background:0 0;padding:0}.article-code-block .line:before{float:left;color:#ccd;content:counter(code-line);counter-increment:code-line;text-align:right;user-select:none;width:3ch;margin-left:-43px;margin-right:calc(43px - 3ch)}.article-code-block .line:last-child:empty:before{content:none}.code-shell{position:relative}.code-shell .article-code-block{padding-top:46px}.code-copy{background:var(--ds-teal-soft);color:var(--ds-text);cursor:pointer;border:1px solid #ffffff2e;border-radius:6px;padding:4px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:600;line-height:normal;transition:color .12s,border-color .12s;position:absolute;top:8px;right:8px}.code-copy:hover{border-color:#fff}.code-copy:focus-visible{outline:3px solid var(--ds-teal);outline-offset:3px}