.dp-overlay{z-index:1100;background:#00000026;position:fixed;inset:0}.dp{background:var(--bg-card);z-index:1101;flex-direction:column;height:100vh;animation:.2s dpIn;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #00000014}@keyframes dpIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dp-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.dp-head h3{font-size:15px;font-weight:var(--fw-medium)}.dp-body{padding:var(--sp-4) var(--sp-5);flex:1;overflow-y:auto}.dp-footer{gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-light);flex-shrink:0;display:flex}.dp-footer .btn{flex:1;justify-content:center}.dp-modal{width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text-primary);border:0;margin:0;padding:0;inset:0 0 0 auto}.dp-modal:not([open]){display:none}.dp-modal::backdrop{background:#0f172a66}.dp-modal.dp-centered{width:min(680px, calc(100vw - var(--sp-6)));border-radius:var(--r-xl);height:fit-content;max-height:90dvh;margin:auto;animation:.15s dpCenterIn;inset:0}.dp-centered .dp-body{min-height:0}.dp-centered .dp-footer{justify-content:flex-end}.dp-centered .dp-footer .btn{flex:none}.dp-centered :focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes dpCenterIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}