.ds-modal{z-index:100;padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.ds-modal__panel{z-index:1;width:min(100%,32rem);max-height:calc(100vh - var(--space-8));background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);outline:none;margin:auto;position:relative;overflow:auto}.ds-modal__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);display:flex}.ds-modal__title{margin:0}.ds-modal__content{padding:var(--space-6);color:var(--text-color-secondary)}@media (width<=640px){.ds-modal{place-items:end;padding:0}.ds-modal__panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:none;width:100%;max-height:90vh;margin:0}}body:has(.ds-modal){overflow:hidden}