.article.svelte-11x9u1e .title:where(.svelte-11x9u1e){min-height:300px;padding:0 0 20px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--border)}.article.svelte-11x9u1e .code{max-width:none;background-color:var(--bg-fr-code);border-radius:var(--border-radius);margin:1em 0;position:relative;overflow:hidden}@media (min-width: 1240px){.article.svelte-11x9u1e .code{max-width:50vw}}.article.svelte-11x9u1e .code:after{content:"";position:absolute;top:0;bottom:0;right:0;width:50px;background:linear-gradient(90deg,var(--bg-fr-code-gr-2) 0%,var(--bg-fr-code-gr-1) 100%);pointer-events:none}.article.svelte-11x9u1e .code+*{margin-top:1.6em}.article.svelte-11x9u1e .code+.code{margin-top:0}.article.svelte-11x9u1e .code code{display:block;padding:20px;overflow:hidden;overflow-x:scroll;max-width:none}.article.svelte-11x9u1e .code .copy{position:absolute;right:16px;top:16px;border-radius:4px;cursor:pointer;width:16px;height:16px;z-index:10}.article.svelte-11x9u1e .code .copy svg{position:absolute;left:0;top:0;height:auto}.article.svelte-11x9u1e .code .copy span{transition:opacity .6s var(--easing)}.article.svelte-11x9u1e .code .copy span:nth-child(2){opacity:0}.article.svelte-11x9u1e .code .copy.copied span:nth-child(1){opacity:0}.article.svelte-11x9u1e .code .copy.copied span:nth-child(2){opacity:1}