main.svelte-f9l2dm {
    z-index: 100;
    width: 100%;
    height: 100%;

    img:where(.svelte-f9l2dm) {
      margin: auto;
      display: block;
      object-fit: scale-down;
      width: 80%;
      max-width: 1280px;
      max-height: 90%;
      border-radius: 2rem;
      border: 1px solid var(--vats-text-inverse);
    }

    .preview-caption:where(.svelte-f9l2dm) {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
      text-align: center;
      font-size: var(--vats-text-l);
    }
  }

  @keyframes svelte-f9l2dm-zoom {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }