.sf-contenu pre{font-family:var(--sf-police-code);white-space:pre;-moz-tab-size:4;tab-size:4;color:var(--sf-code-texte);background:var(--sf-code-fond);border-radius:var(--sf-rayon-grand);padding:0 20px 20px;font-size:.84375rem;line-height:1.75;overflow-x:auto}.sf-contenu pre:before{content:attr(data-sf-langage);height:38px;font-family:var(--sf-police-texte);font-size:.75rem;font-weight:var(--sf-graisse-forte);letter-spacing:var(--sf-approche-navigation);text-transform:uppercase;color:var(--sf-couleur-sur-primaire-discret);background-color:var(--sf-code-barre);background-image:radial-gradient(circle at 20px 50%, var(--sf-code-pastille-1) 5px, transparent 5.5px), radial-gradient(circle at 38px 50%, var(--sf-code-pastille-2) 5px, transparent 5.5px), radial-gradient(circle at 56px 50%, var(--sf-code-pastille-3) 5px, transparent 5.5px);background-repeat:no-repeat;margin:0 -20px 18px;padding-left:76px;line-height:38px;display:block}.sf-contenu pre>code{font:inherit;color:inherit;white-space:inherit;background:0 0;border:0;display:block}.sf-code{position:relative}.sf-code__copier{height:26px;font-family:var(--sf-police-texte);font-size:.75rem;font-weight:var(--sf-graisse-forte);color:var(--sf-code-texte);background:var(--sf-couleur-filet-sur-primaire-doux);cursor:pointer;border:0;border-radius:6px;padding:0 10px;position:absolute;top:6px;right:10px}.sf-code__copier:hover{background:var(--sf-couleur-filet-sur-primaire)}.sf-code__copier:focus{outline-color:var(--sf-couleur-accent)}@media (min-width:48em){.sf-contenu pre{padding:0 24px 22px;font-size:.9375rem}.sf-contenu pre:before{margin:0 -24px 20px}}