.ui-syntax-code-block{border-radius:var(--lemn-radius-medium);color:#f8fafc;font-family:var(--lemn-font-code);background:#0f172a;border:1px solid #334155;position:relative}.ui-syntax-code-block__chrome{top:var(--lemn-space-2);right:var(--lemn-space-2);left:var(--lemn-space-2);z-index:1;justify-content:space-between;align-items:center;gap:var(--lemn-space-2);pointer-events:none;display:flex;position:absolute}.ui-syntax-code-block__language{padding:2px var(--lemn-space-2);color:#cbd5e1;font-family:var(--lemn-font-code);font-size:var(--lemn-font-size-caption);line-height:var(--lemn-line-height-caption);border-radius:var(--lemn-radius-small);-webkit-user-select:none;user-select:none;background:#1e293b;border:1px solid #475569}.ui-syntax-code-block__copy{color:#cbd5e1;border-radius:var(--lemn-radius-small);opacity:.86;pointer-events:auto;background:#1e293b;border-color:#475569;width:24px;min-width:24px;height:24px;min-height:24px;margin-left:auto;position:relative}.ui-syntax-code-block__copy svg{z-index:1;position:relative}.ui-syntax-code-block__copy:hover,.ui-syntax-code-block__copy:focus-visible{opacity:1}.ui-syntax-code-block[data-copied=true] .ui-syntax-code-block__copy{color:var(--lemn-color-success)}.ui-syntax-code-block__content{font-family:var(--lemn-font-code);font-size:var(--lemn-font-size-mono);line-height:var(--lemn-line-height-mono);overflow-x:auto}.ui-syntax-code-block__content pre{padding:calc(var(--lemn-space-6) + var(--lemn-space-2)) var(--lemn-space-3) var(--lemn-space-3);color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;background:0 0;margin:0;overflow:visible}.ui-syntax-code-block__content code{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;background:0 0;padding:0}.ui-syntax-code-block[data-wrap=true] .ui-syntax-code-block__content{overflow-x:hidden}.ui-syntax-code-block[data-wrap=true] .ui-syntax-code-block__content pre,.ui-syntax-code-block[data-wrap=true] .ui-syntax-code-block__content code{overflow-wrap:anywhere;white-space:pre-wrap}.ui-syntax-code-block__content .shiki{background:0 0!important}.ui-syntax-code-block .shiki,.ui-syntax-code-block .shiki span{color:var(--shiki-dark)!important}@media (width<=768px){.ui-syntax-code-block__copy{background:0 0;border-color:#0000;width:44px;min-width:44px;height:44px;min-height:44px}.ui-syntax-code-block__copy:before{border-radius:var(--lemn-radius-small);content:"";background:#1e293b;border:1px solid #475569;width:24px;height:24px;position:absolute;top:10px;right:10px}}
