.delete-dialog{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:calc(100% - 2rem);max-width:28rem;max-height:85dvh;overflow:auto;padding:1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem;background:#fff;color:#0f172a;font:inherit;text-align:start;box-shadow:0 25px 50px -12px #0000004d}.delete-dialog::backdrop{background:#02061799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark .delete-dialog{background:#0f172a;color:#f1f5f9;border-color:#334155}.delete-dialog .delete-dialog-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:1rem;color:#e11d48;background:#fff1f2}.delete-dialog-icon svg{width:1.5rem;height:1.5rem}.dark .delete-dialog .delete-dialog-icon{color:#fda4af;background:#e11d4826}.delete-dialog :is(h2,h3,h5){margin:0 0 .75rem;font-size:1.125rem;font-weight:700;color:inherit;text-align:start}.delete-dialog p{margin:.75rem 0;font-size:.875rem;line-height:1.9;color:#475569;overflow-wrap:anywhere;text-align:start}.dark .delete-dialog p{color:#cbd5e1}.delete-dialog .delete-dialog-actions{display:flex;gap:.75rem;margin-top:1.5rem}.delete-dialog .delete-dialog-actions>form{flex:1}.delete-dialog button:not([aria-label]){display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.delete-dialog button:focus-visible{outline:2px solid #6366f1;outline-offset:3px}.delete-dialog button:disabled{opacity:.5;cursor:not-allowed}.delete-dialog button svg{width:1.125rem;height:1.125rem}.delete-dialog [data-delete-legacy-panel]{display:contents}.delete-dialog header{display:block;margin:0;padding:0;border:0}.delete-dialog header>button[aria-label]{display:none}.delete-dialog [data-delete-body]{padding:0;margin:0;border:0;background:transparent}html:has(dialog.delete-dialog[open]){overflow:hidden}.delete-dialog [data-delete-cancel]:not([aria-label]){order:0}.delete-dialog [data-delete-accept]{order:1}.delete-dialog [aria-label][data-delete-cancel]{display:none}body dialog.delete-dialog{max-width:26rem;padding:1.5rem;border-radius:1.25rem;box-shadow:0 24px 80px -24px #02061766}.delete-dialog .delete-dialog-icon{width:3.75rem;height:3.75rem;margin-bottom:1.125rem;border:1px solid #ffe4e6;border-radius:1.125rem;background:linear-gradient(145deg,#fff1f2,#ffe4e6);box-shadow:0 4px 12px #e11d480f}.delete-dialog-icon svg{width:2.75rem;height:2.75rem;overflow:visible}.dark .delete-dialog .delete-dialog-icon{background:#e11d481f;border-color:#fb718533}.delete-dialog[open] .delete-icon-lid{transform-origin:34px 16px;animation:delete-lid 2.8s ease-in-out 2}.delete-dialog[open] .delete-icon-bin{transform-origin:24px 39px;animation:delete-bin 2.8s ease-in-out 2}.delete-dialog[open] .delete-icon-spark{animation:delete-spark 2.8s ease-in-out 2}.delete-dialog[open]{animation:delete-dialog-enter .2s ease-out}.delete-dialog :is(h2,h3,h5){margin-bottom:.5rem;font-size:1.0625rem;font-weight:800;line-height:1.8}.delete-dialog .delete-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--alert-line,#e2e8f0)}.delete-dialog .delete-dialog-actions>form{flex:0 1 auto;margin:0}body .delete-dialog button:not([aria-label]){flex:0 1 auto;width:auto;min-width:5rem;min-height:2.5rem;margin:0;padding:.5rem .875rem;gap:.375rem;border:1px solid var(--alert-line,#e2e8f0);border-radius:.625rem;background:var(--alert-soft,#f1f5f9);font-size:.8125rem;line-height:1.6;box-shadow:none;transition:background-color .18s,border-color .18s,transform .18s}body .delete-dialog button[data-delete-accept]{background:#e11d48;border-color:#e11d48;color:#fff;box-shadow:0 3px 8px #e11d4826}@media (hover:hover){body .delete-dialog button[data-delete-accept]:not(:disabled):hover{background:#be123c;border-color:#be123c}body .delete-dialog button[data-delete-cancel]:not(:disabled):hover{background:var(--alert-line,#e2e8f0)}}body .delete-dialog button:not(:disabled):active{transform:scale(.98)}.delete-dialog button svg{width:1rem;height:1rem;flex-shrink:0}@keyframes delete-lid{0%,15%,65%,to{transform:translateY(0) rotate(0)}30%,45%{transform:translateY(-3px) rotate(-12deg)}}@keyframes delete-bin{0%,20%,60%,to{transform:rotate(0)}35%{transform:rotate(-3deg)}45%{transform:rotate(2deg)}}@keyframes delete-spark{0%,15%,65%,to{opacity:.25}35%,45%{opacity:.8}}@keyframes delete-dialog-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.delete-dialog[open],.delete-dialog[open] .delete-dialog-icon *{animation:none}body .delete-dialog button{transition:none}}@media (max-width:380px){body dialog.delete-dialog{padding:1.125rem}}