.dm-code{margin:24px 0 0;position:relative}.dm-code:first-child{margin-top:0}.dm-code>pre{margin:0;padding-top:44px}.dm-code__toolbar{align-items:center;display:flex;gap:12px;height:44px;justify-content:space-between;left:0;padding:0 0 0 24px;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dm-code__language{color:var(--dm-on-dark-2);font-family:var(--dm-font-mono);font-size:12px;letter-spacing:.04em;text-transform:lowercase}.dm-code__copy{-webkit-appearance:none;background:transparent;border:0;cursor:pointer;height:44px;margin-left:auto;padding:0;pointer-events:auto;width:44px}.dm-code__copy,.dm-code__face{align-items:center;display:inline-flex;justify-content:center}.dm-code__face{border:1px solid var(--dm-navy-line);border-radius:6px;color:var(--dm-on-dark-2);height:28px;transition:background-color var(--dm-dur) var(--dm-ease),color var(--dm-dur) var(--dm-ease);width:28px}.dm-code__copy:hover .dm-code__face,.dm-code__copy[data-state=copied] .dm-code__face{background:var(--dm-navy-800);color:var(--dm-white)}.dm-code__copy:focus-visible{outline:none}.dm-code__copy:focus-visible .dm-code__face{outline:2px solid var(--dm-cyan-hover);outline-offset:2px}@media print{.dm-code__toolbar{display:none}.dm-code>pre{padding-top:20px}}