.code-source{font:400 clamp(.6875rem, 1vw, .875rem) / 1.55 var(--mono);white-space:pre-wrap;overflow:hidden}.code-face:before,.code-hatch{background-color:color-mix(in srgb, var(--accent) 55%, transparent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Cpath d='M-1 8 8-1M-1 1 1-1M6 8 8 6' stroke='%23000' fill='none'/%3E%3C/svg%3E") 0 0/7px 7px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Cpath d='M-1 8 8-1M-1 1 1-1M6 8 8 6' stroke='%23000' fill='none'/%3E%3C/svg%3E") 0 0/7px 7px}.code-face{border-radius:inherit;outline:1px solid var(--accent);outline-offset:-1px;color:var(--ink);font:500 .75rem/1 var(--mono);letter-spacing:0;white-space:nowrap;place-items:center;display:grid;position:absolute;inset:0}.code-face:before{content:"";border-radius:inherit;position:absolute;inset:0}.code-face>span{background:var(--page);outline:1px solid color-mix(in srgb, var(--accent) 60%, transparent);padding:1px 2px;display:block;position:relative}