/* Compose the transparent catalog originals using the same proportions as the
   photographed set thumbnails: envelope behind, invitation in front. */
.weddingCatalogSetThumbnail {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--bj-template-media-surface, #f1f1f1);
}
.weddingCatalogSetThumbnail > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
    border: 0;
    border-radius: 0;
    pointer-events: none;
}
/* The published PNGs already include their print shadows. Keep the card
   unfiltered so downscaling does not rasterize its small lettering twice. */
.weddingCatalogSetThumbnail__envelope {
    opacity: .38;
}
.weddingCatalogSetThumbnail > .weddingCatalogSetThumbnail__composite {
    transform: none;
    filter: none;
    object-fit: cover;
}
.weddingCatalogSetThumbnail--portrait .weddingCatalogSetThumbnail__envelope { transform: translate(-8%, 6%) rotate(90deg) scale(1.3); }
.weddingCatalogSetThumbnail--portrait[data-envelope-orientation="portrait"] .weddingCatalogSetThumbnail__envelope { transform: translate(-8%, 5%) scale(1.12); }
.weddingCatalogSetThumbnail--portrait .weddingCatalogSetThumbnail__card { transform: translate(8%, -5%) scale(.9); }
.weddingCatalogSetThumbnail--landscape .weddingCatalogSetThumbnail__envelope { transform: translate(-4%, -5%) scale(1.2); }
.weddingCatalogSetThumbnail--landscape[data-default-envelope="bp002"] .weddingCatalogSetThumbnail__envelope { transform: translate(-4%, -11%) scale(1.02); }
.weddingCatalogSetThumbnail--landscape .weddingCatalogSetThumbnail__card { transform: translate(4%, 8%) scale(.83); }
.weddingCatalogSetThumbnail--slim .weddingCatalogSetThumbnail__envelope { transform: translate(-8%, 2%) rotate(90deg) scale(1.14); }
.weddingCatalogSetThumbnail--slim .weddingCatalogSetThumbnail__card { transform: translate(10%, -3%) scale(.88); }
.weddingCatalogSetThumbnail--square .weddingCatalogSetThumbnail__envelope { transform: translate(-9%, -5%) scale(1.07); }
.weddingCatalogSetThumbnail--square .weddingCatalogSetThumbnail__card { transform: translate(9%, 3%) scale(.84); }