.pxl-modal{z-index:var(--z-modal,200);padding:var(--space-md,1rem);background:var(--overlay-scrim,#23241f57);justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0;overflow:hidden}.pxl-modal-dialog{background:var(--surface-raised,var(--surface-page));border:var(--border-width,1px) solid var(--card-border);width:100%;height:100%;max-height:100%;box-shadow:var(--elevation-overlay);font-family:var(--font-body), system-ui, sans-serif;border-radius:1.2rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.pxl-modal-dialog>.pxl-modal-main{flex-direction:column;flex:auto;min-height:0;display:flex}.pxl-modal-dialog-sm{max-width:46.8rem}.pxl-modal-dialog-md{max-width:56rem}.pxl-modal-dialog-lg{max-width:88rem}@media (prefers-reduced-motion:no-preference){.pxl-modal{animation:.28s ease-out pxl-modal-backdrop-in}.pxl-modal-dialog{animation:.36s cubic-bezier(.22,1,.36,1) pxl-modal-dialog-in}}@keyframes pxl-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pxl-modal-dialog-in{0%{opacity:0;transform:translateY(1.2rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pxl-modal-close{top:var(--space-md,1.2rem);right:var(--space-md,1.2rem);z-index:2;cursor:pointer;width:4.4rem;height:4.4rem;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.pxl-modal-close:hover:not(:disabled){color:var(--text-primary)}.pxl-modal-close:disabled{cursor:default;opacity:.75}.pxl-modal-aside{display:none}.pxl-modal-main,.pxl-modal-form,.pxl-modal-stack{flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;display:flex}.pxl-modal-form .pxl-modal-header,.pxl-modal-form .pxl-modal-footer,.pxl-modal-stack .pxl-modal-header,.pxl-modal-stack .pxl-modal-footer{flex-shrink:0}.pxl-modal-form .pxl-modal-body,.pxl-modal-stack .pxl-modal-body{flex:auto;min-height:0}.pxl-modal-header{border-bottom:1px solid var(--divider-rule);flex:none;margin:0;padding:2rem 5.6rem 2rem 2.4rem}.pxl-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:2.2rem;min-height:0;padding:2.6rem 3rem;display:flex;overflow:hidden auto}.pxl-modal-footer{border-top:1px solid var(--divider-rule);background:var(--surface-raised,var(--surface-page));flex:none;justify-content:flex-end;align-items:center;gap:1.4rem;margin:0;padding:1.6rem 2.4rem;display:flex}@media (min-width:768px){.pxl-modal{align-items:center;padding:2.4rem;overflow-y:auto}.pxl-modal-dialog{height:auto;max-height:calc(100vh - 4.8rem)}.pxl-modal-close{top:2rem;right:2rem}.pxl-modal-header{padding:2rem 5.6rem 2rem 2.4rem}.pxl-modal-body{padding:2.6rem 3rem}.pxl-modal-footer{padding:1.6rem 2.4rem}.pxl-modal-dialog.has-aside{grid-template-rows:minmax(0,1fr);grid-template-columns:31.8rem minmax(0,1fr);display:grid}.pxl-modal-dialog.has-aside>.pxl-modal-close{grid-area:1/2}.pxl-modal-dialog.has-aside>.pxl-modal-aside{background:var(--surface-inset);border-right:var(--border-width,1px) solid var(--card-border);flex-direction:column;grid-area:1/1;justify-content:space-between;gap:4rem;padding:4.4rem 3.4rem 3.8rem;display:flex;overflow:hidden}.pxl-modal-dialog.has-aside>.pxl-modal-main{grid-area:1/2;min-height:0;max-height:calc(100vh - 4.8rem)}}