.modal__overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-10);padding:var(--space-6) var(--space-4);overflow-y:auto}.modal__content{background:var(--ui-50);border-radius:var(--radius-3);width:100%;max-width:500px;box-shadow:var(--shadow-raised-2);border:var(--border)}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:var(--border)}.modal__header h2{font-size:var(--font-m);font-weight:var(--font-medium);margin:0;color:var(--ui-800)}.modal__body{padding:var(--space-5)}@media (min-width: 600px){.modal__overlay{align-items:center}}