.dialog-overlay{background-color:color-mix(in srgb,var(--colors-black) 50%,transparent);inset:calc(var(--spacing) * 0);position:fixed;z-index:50}.dialog-overlay[data-state=open]{@apply animate-in fade-in-0;}.dialog-overlay[data-state=closed]{@apply animate-out fade-out-0;}@supports (color: color-mix(in lab,red,red)){.dialog-overlay{background-color:color-mix(in oklab,var(--colors-black) 50%,transparent)}}.dialog-content{display:grid;width:100%;max-width:calc(100% - 2rem);--un-translate-x:-50%;--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);top:50%;left:50%;position:fixed;z-index:50;padding:calc(var(--spacing) * 6);border-width:1px;border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--background) var(--un-bg-opacity),transparent);gap:calc(var(--spacing) * 4);--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-duration:.2s;transition-duration:.2s}.dialog-content[data-state=open]{@apply animate-in fade-in-0 zoom-in-95;}.dialog-content[data-state=closed]{@apply animate-out fade-out-0 zoom-out-95;}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;syntax:"*";inherits:false;initial-value:0;}@media(min-width:640px){.dialog-content{max-width:var(--container-lg)}}.dialog-close{border-radius:var(--radius-xs);--un-ring-offset-color:color-mix(in srgb, var(--background) var(--un-ring-offset-opacity), transparent) ;transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));inset-inline-end:calc(var(--spacing) * 4);top:calc(var(--spacing) * 4);position:absolute;background-color:color-mix(in srgb,var(--background) var(--un-bg-opacity),transparent)}.dialog-close svg{flex-shrink:0;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);pointer-events:none}@property --un-ring-offset-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.dialog-close:hover{opacity:100%}.dialog-close:disabled{pointer-events:none}.dialog-close:focus{outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)}@media(forced-colors:active){.dialog-close:focus{outline:2px solid transparent;outline-offset:2px}}@property --un-bg-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:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}