.ui-dialog__overlay{padding:calc(var(--spacing) * 4);background-color:color-mix(in srgb, var(--colors-black) 50%, transparent) ;width:100%;height:100%;inset:calc(var(--spacing) * 0);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;overflow-y:auto}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.ui-dialog__overlay{background-color:color-mix(in oklab, var(--colors-black) 50%, transparent) }}.ui-dialog__content{border-width:2px;border-color:color-mix(in srgb, oklch(from var(--colors-muted) l c h) var(--un-border-opacity), transparent) ;border-radius:var(--radius-4xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) var(--un-bg-opacity), transparent) ;--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);width:max-content;max-width:100%;max-height:100%;box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);margin:auto}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}