.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1.5rem}.modal__backdrop{position:absolute;inset:0;background:#12203375;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal__dialog{position:relative;width:min(100%,42rem);z-index:1}.modal__dialog--sm{width:min(100%,28rem)}.modal__dialog--lg{width:min(100%,56rem)}.modal__dialog--xl{width:min(100%,68rem)}.modal__panel{display:grid;gap:1.25rem;padding:clamp(1.25rem,2vw,1.6rem);border:1px solid color-mix(in oklab,var(--color-border) 78%,white);border-radius:var(--radius-xl);background:linear-gradient(180deg,#fffffffa,color-mix(in oklab,var(--surface-panel-muted) 86%,white));box-shadow:var(--shadow-lg)}.modal__header,.modal__footer{display:flex;justify-content:space-between;gap:1rem;align-items:center}.modal__body{display:grid;gap:1rem}