@layer theme,base;@layer components{[data-jx-entity] .jx-html-control-shell,[data-jx-entity] [data-jx-igroup]{background:0 0}[data-jx-entity] [data-assert-border].jx-html-control-shell,[data-jx-entity] [data-assert-border][data-jx-igroup]{background:var(--background)}:is([data-jx-entity] [data-dissolve-border].jx-html-control-shell:not(:has(:focus)),[data-jx-entity] [data-dissolve-border][data-jx-igroup]:not(:has(:focus))){border-color:#0000}:where(.jx-dialog){corner-shape:var(--jx-shape-effective,round);border-radius:var(--jx-radius-consumed,calc(max(0px, calc(var(--jx-radius-effective,0px) - var(--jx-inset-effective,0px))) * var(--jx-radius-factor-effective,1)));flex-direction:column}:where(.jx-dialog[open]),:where(.jx-dialog:popover-open){display:flex}:where([data-jx-dialog-surface]){flex-direction:column;min-height:0;display:flex}:where([data-jx-dialog-surface])>:where([data-jx-card]){min-height:0}:where(.jx-dialog)::backdrop{background:var(--scrim)}:where(.jx-dialog-x) svg{width:14px;height:14px}}