.x-dialog{max-width:var(--dialog-max-width,90vw);max-height:var(--dialog-max-height,90vh);width:var(--dialog-width,min(50rem,90vw));height:var(--dialog-height,auto);background:0 0;border:none;outline:none;margin:0;padding:0;position:fixed;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.x-dialog::backdrop{display:none}.x-dialog .dialog-content{background:var(--background-card);border:var(--card-border);border-radius:var(--corner-outer);box-shadow:var(--box-shadow);width:100%;height:100%;max-height:inherit;pointer-events:auto;flex-direction:column;display:flex;position:relative;overflow:hidden}.x-dialog .dialog-header{-moz-column-gap:var(--space-8);column-gap:var(--space-8);padding:var(--space-4);grid-template-columns:max-content 1fr min-content;align-items:center;display:grid}.x-dialog .dialog-header .dialog-header-title h2{font-size:var(--step-1);font-weight:var(--weight-strong);margin:0;line-height:1}.x-dialog .dialog-header .dialog-header-tools{align-items:center;gap:var(--space-1);justify-content:flex-end;display:flex}.x-dialog .dialog-header .dialog-close{cursor:pointer;width:2rem;height:2rem;transition:all var(--transition-duration) ease;border-radius:50%;justify-content:center;align-items:center;display:flex}.x-dialog .dialog-header .dialog-close:hover{background:var(--surface-hover)}.x-dialog .dialog-header .dialog-close .icon{stroke:#fff;width:1rem;height:1rem}.x-dialog .dialog-body{padding:0 var(--space-5) 0;flex:1;overflow-y:auto}.x-dialog .dialog-footer{padding:var(--space-4);gap:var(--space-2);justify-content:flex-end;display:flex}.x-dialog.animation-default .dialog-content{transition:all .5s}.x-dialog.animation-default.dialog-closed .dialog-content{opacity:0;transform:translate(0)}.x-dialog.animation-default.dialog-open .dialog-content{transform:translate(var(--translate-x,0),var(--translate-y,0));opacity:1}.x-dialog.animation-scale-origin .dialog-content{transform-origin:var(--origin-x,center) var(--origin-y,center);transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94)}.x-dialog.animation-scale-origin.dialog-closed .dialog-content{opacity:0;transform:scale(.3)}.x-dialog.animation-scale-origin.dialog-open .dialog-content{opacity:1;transform:scale(1)}.x-dialog.animation-none .dialog-content{opacity:1;transition:none;transform:none}.x-dialog.is-headless .dialog-content{box-shadow:none;background:0 0;border:none}.x-dialog-backdrop,.x-dialog.is-open{z-index:var(--z-modal,1050)}.x-dialog-backdrop{background:var(--backdrop-bg,#000000b3);width:100%;height:100%;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:opacity .9s ease-in-out;position:fixed;top:0;left:0}.x-dialog-backdrop.is-clickable{cursor:pointer}.x-dialog-backdrop.no-css-fade{transition:none}.x-dialog-floating-close{top:var(--space-4);right:var(--space-4);z-index:calc(var(--z-modal,1050) + 1);width:var(--ui-component-height);height:var(--ui-component-height);background:var(--overlay-dark);color:var(--text-on-dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex;position:fixed}.x-dialog-floating-close .icon{width:1.25rem;height:1.25rem}.modal-backdrop-enter-from,.modal-backdrop-leave-to{opacity:0}@media (width<=768px){.x-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;top:0;left:0;transform:none}.x-dialog .dialog-content{border-radius:0}.x-dialog-floating-close{right:auto;left:calc(100vw - var(--space-4) - var(--ui-component-height))}}