@property --ui-code-font-family{syntax:"*";inherits:true}@property --ui-code-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-code-border{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-code-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-code-border-width{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-code-font-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-code-radius{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-code-padding-block{syntax:"<length-percentage>+";inherits:true;initial-value:0px}@property --ui-code-padding-inline{syntax:"<length-percentage>+";inherits:true;initial-value:0px}@layer reset, base, components, utilities;@layer base{:root{--ui-code-bg: var(--ui-surface, Canvas);--ui-code-fg: var(--ui-fg, CanvasText);--ui-code-border: var(--ui-border, ButtonBorder);--ui-code-border-width: var(--ui-border-width, 0.0625rem);--ui-code-radius: max( 0px, calc(var(--ui-radius, 0.375rem) - 0.125rem) );--ui-code-padding-block: 0.125rem;--ui-code-padding-inline: 0.375rem;--ui-code-font-size: 0.875em;--ui-code-font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace}}@layer base{:not(pre)>code{box-sizing:border-box;display:inline-block;padding:var(--ui-code-padding-block, 0.125rem) var(--ui-code-padding-inline, 0.375rem);font-family:var(--ui-code-font-family, ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace);font-size:var(--ui-code-font-size, 0.875em);line-height:1.4;border-radius:var(--ui-code-radius, 0.25rem)}}@layer components{:not(pre)>code{border:var(--ui-code-border-width, 0.0625rem) solid var(--ui-code-border, ButtonBorder);background:var(--ui-code-bg, Canvas);color:var(--ui-code-fg, CanvasText)}}
