.doc-code{background:var(--color-code-bg);border-radius:.5rem;box-shadow:inset 0 0 0 1px var(--color-border);font-family:var(--font-mono);margin:1rem 0 1.5rem;overflow:hidden;position:relative}.doc-code--flush{border-radius:0;box-shadow:none;margin:0}.doc-code__bar{align-items:center;box-shadow:inset 0 -1px 0 var(--color-border);color:var(--color-text-muted);display:flex;font-size:.6875rem;gap:.5rem;padding:.5rem .75rem}.doc-code__filename{color:var(--color-text-dim)}.doc-code__lang{font-size:.625rem;letter-spacing:.06em;text-transform:uppercase}.doc-code__bar-spacer{flex:1}.doc-code__body{color:var(--color-text);font-size:.75rem;line-height:1.65;overflow-x:auto;padding:.75rem 1rem;position:relative}.doc-code__body .shiki,.doc-code__body pre{background:transparent!important;color:inherit;margin:0}.doc-code__copy{align-items:center;background:transparent;border:0;border-radius:.25rem;color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:1.75rem;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .15s ease,color .15s ease;width:1.75rem}.doc-code:hover .doc-code__copy,.doc-code__copy:focus-visible,.doc-code__copy[data-copied]{opacity:1}.doc-code__copy:hover{color:var(--color-text)}.doc-code__copy[data-copied]{color:var(--color-accent)}