dialog.svelte-1d2ticc{--closeButtonSize:2rem;--closeButtonGap:1rem;--closeButtonTotalSize:calc(var(--closeButtonSize) + var(--closeButtonGap));--closeButtonAddedWidth:0rem;--closeButtonAddedHeight:var(--closeButtonTotalSize);--dialogMargin:2.5rem}@media (width>=640px){dialog.svelte-1d2ticc{--closeButtonAddedWidth:calc(var(--closeButtonTotalSize) * 2);--closeButtonAddedHeight:0rem;--dialogMargin:4rem}}dialog.svelte-1d2ticc[open] .image-wrapper:where(.svelte-1d2ticc){view-transition-name:image-modal}.modal-container.svelte-1d2ticc{align-items:end;gap:var(--closeButtonGap);flex-direction:column;display:flex}@media (width>=640px){.modal-container.svelte-1d2ticc{margin-left:var(--closeButtonTotalSize);flex-direction:row;align-items:start}}.image-wrapper.svelte-1d2ticc{max-width:min(var(--imageWidth), 100svw - var(--dialogMargin) - var(--closeButtonAddedWidth));max-height:min(var(--imageHeight), 100svh - var(--dialogMargin) - var(--closeButtonAddedHeight))}.close-button.svelte-1d2ticc{width:var(--closeButtonSize);height:var(--closeButtonSize)}
