.modal.svelte-knngik{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);padding:0 20px;overflow-y:auto}.modal-blackout.svelte-knngik{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#2f2f2fb3;z-index:1;animation-duration:.5s}.modal-dialog.svelte-knngik{position:relative;z-index:2;width:100%;max-width:400px;padding:20px;border-radius:10px;background-color:var(--base-bg);color:var(--base-color);animation-duration:.4s}.modal-content.svelte-knngik{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:var(--base-bg)}.modal-header.svelte-knngik{display:flex;align-items:center;justify-content:space-between}.modal-title.svelte-knngik{margin-bottom:0;line-height:1.5}.modal-body.svelte-knngik{position:relative;flex:1 1 auto}.modal-footer.svelte-knngik{display:flex;align-items:center;justify-content:flex-end}.closeable.svelte-knngik{margin-top:22px}.close.svelte-knngik{background-color:var(--base-bg);position:absolute;top:-44px;width:44px;height:44px;left:calc(50% - 22px);border-radius:50%;border:0}.close.svelte-knngik:before,.close.svelte-knngik:after{position:absolute;left:21px;top:13px;content:" ";height:18px;width:2px;background-color:var(--base-color)}.close.svelte-knngik:before{transform:rotate(45deg)}.close.svelte-knngik:after{transform:rotate(-45deg)}.logo.svelte-knngik{font-size:11px;text-align:center}.logo.svelte-knngik .u-icon{width:auto;height:15px;margin-left:.5em}