:root  > * {
  --md-primary-fg-color:        #305CDE; /* rgb(48,92,222), used below */
}

:root {
  --md-admonition-icon--code-output: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25Zm1.75-.25a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25ZM7.25 8a.75.75 0 0 1-.22.53l-2.25 2.25a.749.749 0 0 1-1.275-.326.75.75 0 0 1 .215-.734L5.44 8 3.72 6.28a.749.749 0 0 1 .326-1.275.75.75 0 0 1 .734.215l2.25 2.25c.141.14.22.331.22.53m1.5 1.5h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5"/></svg>')
}
.md-typeset .admonition.code-output,
.md-typeset details.code-output {
  border-color: var(--md-primary-fg-color);
}
.md-typeset .code-output > .admonition-title,
.md-typeset .code-output > summary {
  background-color: rgba(rgb(89, 181 247), 0.3);
}
.md-typeset .code-output > .admonition-title::before,
.md-typeset .code-output > summary::before {
  background-color: var(--md-primary-fg-color);
  -webkit-mask-image: var(--md-admonition-icon--code-output);
          mask-image: var(--md-admonition-icon--code-output);
}