dialog.svelte-167uvf9{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;flex-direction:column;margin:0;padding:0;border:none;max-height:calc(100% - 4rem);max-width:calc(100% - .5rem);background-color:var(--color-white);font-family:var(--font-primary);color:var(--color-black);border-radius:.375rem;overflow:hidden;box-sizing:border-box;opacity:0;transition:opacity .3s ease-in-out,translate .3s ease-in-out}dialog.state-start.svelte-167uvf9{opacity:0;translate:0% 5%}dialog.state-opening.svelte-167uvf9,dialog.state-open.svelte-167uvf9{opacity:1;translate:0% 0%}dialog.state-removing.svelte-167uvf9,dialog.state-closing.svelte-167uvf9{opacity:0;translate:0% 5%}dialog.svelte-167uvf9 .close-button:where(.svelte-167uvf9){position:absolute;top:2rem;right:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;outline:none;width:1.25rem;height:1.25rem;font-size:1.25rem;color:var(--color-dark-grey);box-sizing:border-box;cursor:pointer}dialog.svelte-167uvf9 .close-button:where(.svelte-167uvf9):hover,dialog.svelte-167uvf9 .close-button:where(.svelte-167uvf9):active,dialog.svelte-167uvf9 .close-button:where(.svelte-167uvf9):focus{color:var(--color-md-primary-100)}dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9){display:flex;flex-direction:column;gap:2rem;padding:2rem 0;overflow:auto}dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .header:where(.svelte-167uvf9),dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .content:where(.svelte-167uvf9),dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .footer:where(.svelte-167uvf9){padding:0 2rem}dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .header:where(.svelte-167uvf9):empty,dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .content:where(.svelte-167uvf9):empty,dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .footer:where(.svelte-167uvf9):empty{display:none}dialog.svelte-167uvf9 .modal-content.custom-header:where(.svelte-167uvf9){padding:0 0 2rem}dialog.svelte-167uvf9 .modal-content.custom-header:where(.svelte-167uvf9) .header:where(.svelte-167uvf9){padding:0}dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .header:where(.svelte-167uvf9){font-size:1.375rem;font-weight:600;line-height:1.25rem}dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .header.showCloseButton:where(.svelte-167uvf9){padding-right:4.5rem}dialog.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .content:where(.svelte-167uvf9){display:flex;font-size:.75rem;font-weight:400;line-height:1.25rem;overflow:auto}dialog.size-small.svelte-167uvf9{width:min(30rem,100%)}dialog.size-large.svelte-167uvf9{width:min(65rem,100%);background-color:var(--color-lightest-grey)}dialog.size-large.svelte-167uvf9 .close-button:where(.svelte-167uvf9){width:2rem;height:2rem;font-size:3rem}dialog.size-large.svelte-167uvf9 .modal-content:where(.svelte-167uvf9){gap:1.5rem}dialog.size-large.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .header:where(.svelte-167uvf9){line-height:2rem}dialog.size-large.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .header.showCloseButton:where(.svelte-167uvf9){padding-right:5.5rem}dialog.size-large.svelte-167uvf9 .modal-content:where(.svelte-167uvf9) .content:where(.svelte-167uvf9){line-height:normal}dialog.bg-white.svelte-167uvf9{background-color:var(--color-white)}dialog.bg-light-grey.svelte-167uvf9{background-color:var(--color-lightest-grey)}