.modalBackdrop.svelte-1ndct69{position:fixed;inset:0;background:color-mix(in oklch,var(--backgroundColor) 85%,black 15%);z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s ease;display:grid;place-items:center}.modalBackdrop.open.svelte-1ndct69{opacity:1;pointer-events:auto}.modalContent.svelte-1ndct69{width:calc(100% - 2rem);max-width:600px;background:color-mix(in oklch,var(--backgroundColor) 96%,black 4%);border-radius:20px;padding:clamp(2rem,4vw,3rem);max-height:85vh;overflow-y:auto;transform:translateY(100vh);transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:0 -26px 42px color-mix(in oklch,black 50%,transparent);position:relative}@media(max-width:600px){.modalContent.svelte-1ndct69{width:calc(100% - 1rem);padding:1rem}}.modalContent.open.svelte-1ndct69{transform:translateY(0)}.modalClose.svelte-1ndct69{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--contrastColor);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;z-index:1}.modalClose.svelte-1ndct69:hover{background:color-mix(in oklch,var(--backgroundColor) 80%,black 20%)}.modalTitle.svelte-1ndct69{margin:0 0 1.5rem;font-size:clamp(1.5rem,3vw,2.25rem);text-transform:none;letter-spacing:.02em;color:var(--contrastColor);padding-right:2rem}