.modal-backdrop.svelte-ql40hi{background:var(--background-elevated-surface);z-index:998;border:0;width:100%;position:fixed;inset:0}.modal-root.svelte-ql40hi{z-index:999;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi){background:var(--background-secondary);color:var(--text-primary);border-radius:12px;width:100%;max-width:620px;padding:24px 20px 20px;position:relative}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi) h3:where(.svelte-ql40hi){color:var(--text-primary);font-size:24px;font-weight:var(--font-bold);text-align:center;margin:24px 12px;line-height:1.2}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi) p:where(.svelte-ql40hi){color:var(--text-primary);max-width:560px;margin:0 auto 24px;font-size:15px;line-height:1.4}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi) p.text-center:where(.svelte-ql40hi){text-align:center}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi) div.modal-footer:where(.svelte-ql40hi){justify-content:center;margin-top:16px;display:flex}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi) .close-btn:where(.svelte-ql40hi){cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi) .got-it-btn:where(.svelte-ql40hi){background:var(--brand-primary);color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:var(--font-bold);border:0;border-radius:999px;min-width:160px;margin:16px auto;padding:12px 24px;transition:background-color .2s}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi) .got-it-btn:where(.svelte-ql40hi):hover{background:var(--brand-primary-hover)}.modal-root.svelte-ql40hi .modal-card:where(.svelte-ql40hi) .got-it-btn:where(.svelte-ql40hi):active{background:var(--brand-primary-pressed)}@media (width<=768px){.modal-card.svelte-ql40hi{padding:20px 14px 14px}.modal-card.svelte-ql40hi h3:where(.svelte-ql40hi){margin:0 20px 10px;font-size:20px}.modal-card.svelte-ql40hi p:where(.svelte-ql40hi){margin-bottom:20px;font-size:15px}.got-it-btn.svelte-ql40hi{min-width:132px;padding:10px 20px;font-size:16px}}
