.dph-modal-root{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:70}.dph-modal-scrim{background:#141e2d52;inset:0;position:absolute}.dph-modal{background:var(--dph-sheet);border:1px solid var(--dph-line);border-radius:4px;box-shadow:0 16px 40px #141e2d38;display:flex;flex-direction:column;max-height:calc(100vh - 32px);outline:none;position:relative;width:100%}.dph-modal--sm{max-width:400px}.dph-modal--md{max-width:520px}.dph-modal--lg{max-width:720px}.dph-modal--xl{max-width:960px}.dph-modal--full{height:calc(100vh - 32px);max-width:960px}.dph-modal--full .dph-modal-body{flex:1 1 auto}.dph-modal-body[tabindex]:focus-visible{outline:2px solid var(--brand-600);outline-offset:-2px}.dph-modal-head{align-items:flex-start;border-bottom:1px solid var(--dph-line-2);display:flex;gap:12px;padding:12px 16px}.dph-modal-head>.min-w-0{flex:1 1 auto}.dph-modal-title{color:var(--dph-ink);font-size:16px;font-weight:700;line-height:1.3;margin:0;overflow-wrap:anywhere}.dph-modal-desc{color:var(--dph-ink-3);font-size:13px;margin:2px 0 0;overflow-wrap:anywhere}.dph-modal-close{border-radius:4px;color:var(--dph-ink-2);display:grid;flex:none;height:32px;margin-left:auto;place-items:center;width:32px}.dph-modal-close:hover{background:#f3f5f8;color:var(--dph-ink)}.dph-modal-body{overflow-y:auto;padding:14px 16px}.dph-modal-foot{background:#fafbfc;border-top:1px solid var(--dph-line-2);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:10px 16px}@media(max-width:639px){.dph-modal-root{align-items:flex-end;padding:0}.dph-modal{border-radius:8px 8px 0 0;max-height:92vh;max-width:none}.dph-modal--full{border-radius:0;height:100vh;height:100dvh;max-height:none}.dph-modal-foot>*{flex:1 1 auto;min-height:44px}.dph-modal-close{height:44px;width:44px}}.dph-modal-enter-active,.dph-modal-leave-active{transition:opacity .16s ease-out}.dph-modal-enter-active .dph-modal,.dph-modal-leave-active .dph-modal{transition:transform .18s cubic-bezier(.2,.7,.2,1)}.dph-modal-enter-from,.dph-modal-leave-to{opacity:0}.dph-modal-enter-from .dph-modal{transform:translateY(8px)}