.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:var(--overlay-1);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-backdrop .close{font-family:ui-monospace;position:absolute;top:.5rem;right:.5rem;background:none;font-size:2rem;color:var(--text-3);cursor:pointer;width:1.625rem;height:1.625rem;line-height:1.25rem;border-radius:50%;border:.0625rem solid var(--border-1);transition:color .3s ease;display:flex;padding:0 0 .1875rem;margin:0;-webkit-user-select:none;user-select:none;flex-wrap:wrap;place-content:center}.modal-backdrop .close:hover{color:var(--text-1);border-color:var(--text-1);background:var(--surface-1);box-shadow:0 0 .625rem var(--shadow-1)}.modal-content{position:relative;background-color:var(--surface-0);padding:2rem 1rem 1.25rem;border-radius:.5rem;box-shadow:0 .3125rem .9375rem var(--shadow-2);max-width:25em;text-align:center;flex-direction:column}