:root{--code-block-copy-space:4rem;--code-block-copy-button-color:currentcolor;--code-block-copy-button-success-color:currentcolor;--code-block-copy-button-hint-background:CanvasText;--code-block-copy-button-hint-color:Canvas;--code-block-copy-button-focus-color:currentcolor}.visually-hidden:where(:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}code-block{box-sizing:border-box;max-inline-size:100%;display:block}code-block .code-block-inner{min-inline-size:0;max-inline-size:100%;position:relative}code-block .code-block-inner pre{box-sizing:border-box;max-inline-size:100%;padding-block-start:var(--code-block-copy-space);padding-inline-end:var(--code-block-copy-space);overflow-x:auto}code-block .code-block-controls{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}code-block copy-button{block-size:44px;min-block-size:44px;inline-size:44px;min-inline-size:44px;color:var(--code-block-copy-button-color);display:inline-block;position:relative}code-block copy-button .copy-wrapper,code-block copy-button .success-wrapper{block-size:100%;inline-size:100%;display:inline-block}code-block copy-button .copy-wrapper{fill:var(--code-block-copy-button-color)}code-block copy-button .success-svg{fill:var(--code-block-copy-button-success-color)}code-block .code-block-controls button{block-size:100%;min-block-size:44px;inline-size:100%;min-inline-size:44px;color:inherit;cursor:pointer;background-color:#0000;border:0;padding:0;display:block;position:relative}code-block .code-block-controls button:focus-visible{outline:2px solid var(--code-block-copy-button-focus-color);outline-offset:2px}code-block copy-button .copy-hint{inset:unset;background:var(--code-block-copy-button-hint-background);color:var(--code-block-copy-button-hint-color);opacity:0;transition:opacity .15s ease-in-out, display .15s allow-discrete;white-space:nowrap;border:0;margin:0 0 4px;padding:.25rem .5rem;font-size:.75rem;display:none;position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%)}code-block copy-button .copy-hint:popover-open,code-block copy-button [class~=copy-hint--visible]{opacity:1;display:block}@media (prefers-reduced-motion:reduce){code-block copy-button .copy-hint{transition:none}}