.ds-modal-root{z-index:90;padding:var(--ds-space-5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ds-modal-backdrop{cursor:pointer;animation:ds-modal-fade var(--ds-duration-base) var(--ds-easing-out);background:#0a0a0a38;border:0;position:absolute;inset:0}.ds-modal{background:var(--ds-elevated);border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);width:100%;max-height:calc(100dvh - 64px);animation:ds-modal-rise var(--ds-duration-slow) var(--ds-easing-sig);padding:28px;position:relative;overflow-y:auto;box-shadow:0 8px 28px -8px #0a0a0a1f,0 24px 56px -16px #0a0a0a29}.ds-modal--sm{max-width:400px}.ds-modal--md{max-width:560px}.ds-modal--lg{max-width:720px}.ds-modal--xl{max-width:920px}.ds-modal--full{width:100%;max-width:none;height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}.ds-modal__close{width:32px;height:32px;color:var(--ds-ink-3);cursor:pointer;transition:background var(--ds-duration-base) var(--ds-easing-out), color var(--ds-duration-base) var(--ds-easing-out);background:0 0;border:0;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:14px;right:14px}@media (hover:hover) and (pointer:fine){.ds-modal__close:hover{color:var(--ds-ink);background:#0a0a0a0d}}.ds-modal__close:focus-visible{outline:2px solid var(--ds-ink);outline-offset:2px}@keyframes ds-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-rise{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:720px){.ds-modal{padding:20px;padding-bottom:max(20px, env(safe-area-inset-bottom,20px))}.ds-modal--sm,.ds-modal--md,.ds-modal--lg,.ds-modal--xl{border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;align-self:flex-end;max-width:100%;max-height:92dvh}.ds-modal-root{align-items:flex-end;padding:0}}