/*! © 2026 Dastan Invites, dastaninvites.com. All rights reserved. This invitation's design, code, artwork and music may not be copied, reused or resold. */

.closing {
    --cl-r: .5628;
    --cl-shape: "phone";
    --w-l: 17.584%;
    --w-r: 82.31%;
    --w-t: 10.87%;
    --w-b: 35.679%;
    --land-t: 37.679%
}

.closing .cl-view {
    background-image: url(scene.webp), url(data:image/webp;base64,UklGRkYBAABXRUJQVlA4IDoBAABwCACdASoYACsAPu1urFKppiOipWsxMB2JbACdMrjAH5dmb6q8L/0wAIBImmWtqDOpnngUkQ2BzSwefe/xbKXd14pa3P7FnsvzBe4AAP70fGcsGu+mzYD3lZu82E+sht9wrD8GM7G5mHNMawFLFkHSX5pGdDj0FkfZGUjOwC/OKyYdhSotZ5zTLoAuaiAejpFUUsN0VT9sb4GDEhsz1ybE+VRyDTyyujRpVdFkp/6mVX/Kr9O40yQTF9XwOo55igJS46bO3QyCoTjEKFV3t74KTAI1d4SIrIZN6lmzGXt3o5Mxl6tjcGF9y65zl3XBXqd1rikhIcGjrkQEKINEEnua72g+kjY7j2Xp4EG+o8pXIcuhiuw7YwQf5bmt484LDs+j2SgZBPSFjXdHVbxlA8w6zRooyf42DwAAAA==)
}

.closing .cl-gold-land {
    background-image: url(gold-land.webp)
}

.closing .cl-gold-sky {
    background-image: url(gold-sky.webp)
}

.closing .cl-unlit {
    background-image: url(lamp.webp);
    left: 71.095%;
    top: 70.574%;
    width: 16.153%;
    height: 8.433%
}

.closing .cl-flame {
    left: 79.239%;
    top: 74.808%;
    width: 13.2%
}

@media(min-aspect-ratio:5/8) {
    html:root .closing {
        --cl-r: .75;
        --cl-shape: "tab";
        --w-l: 13.558%;
        --w-r: 86.442%;
        --w-t: 9.749%;
        --w-b: 32.807%;
        --land-t: 34.669%
    }
    html:root .closing .cl-view {
        background-image: url(scene-tab.webp), url(data:image/webp;base64,UklGRggBAABXRUJQVlA4IPwAAAAwBgCdASoYACAAPu1ur1KppiQiqAgBMB2JbACdMoR9DzRh/2SAD+NVIig62QaGVNrT341NVf7NgB+gAP7y49+jkiKNn421tIpvW0R+NXypP73HE4osKyoih16O/2XP6SuCakZbdZWEf7b5BJzU+TZ9CmA1QK0XN82JH4LLJHg2LW9ZKHfiCO8p4ERgry/+yupoLP3bQqtye1O0RW/G1VY3/DPN0PCOROi79A4SXnyE9XRnrXZikwHSlzS1/XDrhJHdahNFG0UsPGU9cCOgaC67e0hqA42P2l771VIwSSYkYuvghg8TeVhnMNTpGDzTvgKlsCGhLyemhXHEAAA=)
    }
    html:root .closing .cl-gold-land {
        background-image: url(gold-land-tab.webp)
    }
    html:root .closing .cl-gold-sky {
        background-image: url(gold-sky-tab.webp)
    }
    html:root .closing .cl-unlit {
        background-image: url(lamp-tab.webp);
        left: 75.138%;
        top: 68.37%;
        width: 16.206%;
        height: 11.257%
    }
    html:root .closing .cl-flame {
        left: 83.287%;
        top: 74.023%;
        width: 13.2%
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .closing {
        --cl-r: 1.33333;
        --cl-shape: "land";
        --w-l: 13.719%;
        --w-r: 86.281%;
        --w-t: 11.453%;
        --w-b: 30.505%;
        --land-t: 31.952%
    }
    html.is-tablet .closing .cl-view {
        background-image: url(scene-land.webp), url(data:image/webp;base64,UklGRqQAAABXRUJQVlA4IJgAAABQBQCdASoYABIAPuVgpE2pJaOiMAwBIByJZACxHuI6Jn/AeRNfIfMbdfLzSghEfrlaf8AA/sBmcBLHp0FEXI6/Ne85dOsTFb2IB6f/a7Rb0S/5UrBgsH1GTmKMcjKj1SXU0o+8WFHm3GGG5RYeKyBixlaE++ZxXh8Y2XiMSBT8Sr6Tl4T7TAUgPOXBJJjy0aJzKMOGkoAAAA==)
    }
    html.is-tablet .closing .cl-gold-land {
        background-image: url(gold-land-land.webp)
    }
    html.is-tablet .closing .cl-gold-sky {
        background-image: url(gold-sky-land.webp)
    }
    html.is-tablet .closing .cl-unlit {
        background-image: url(lamp-land.webp);
        left: 79.765%;
        top: 69.245%;
        width: 12.155%;
        height: 15.009%
    }
    html.is-tablet .closing .cl-flame {
        left: 85.887%;
        top: 76.829%;
        width: 9.9%
    }
}