/*! © 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";
    --sky-l: 26%;
    --sky-r: 74%;
    --sky-t: 13.5%;
    --sky-b: 33.5%;
    --wat-l: 14%;
    --wat-r: 86%;
    --wat-t: 58.5%;
    --wat-b: 86.5%;
    --step-y: 91.8%
}

.closing .cl-garden {
    background-image: url(scene.webp), url(data:image/webp;base64,UklGRkwBAABXRUJQVlA4IEABAABwBwCdASoYACsAPu1srVIppaQiqrgIATAdiUAWXarogGajIX2nYt0tcBiYJmw5O/5XlpnO+/DyVY6Z0RRKYpjs7oAAAAD9HZF9gn+n27wsd22UTwFxEW/I8CWHgNCPXFHiHPC4hiQrTywBqD/bfZEVKammdCwDLU4J8posfnrieNWjqrxpoQ20+qG52LgDzGHC0M7nlfA9rB87VF3zOATGK2EQkXGsbb7lAY352Emsdb1FaHMyHrp1sNW5wb85JrnGvL0rpEDkOtyPbsVXpSuzP7HfX2h6O9A6RZymGFDjDScw0pqyMEoEL85ohAUfvIKVWAwNQy0nxx745HeQNrHkUBmkkBd0wBTP3+4JW5bhqJBPrlkfglISbXww09x7VAeOQgxMp9s9BSF7KD/QuPkWDRvg5tQz7NKt2kr7oAAAAA==)
}

.closing .cl-l0 {
    display: block;
    left: 8.502%;
    top: 82.596%;
    width: 81.615%;
    height: 17.404%;
    background-image: url(light-0.webp)
}

.closing .cl-l1 {
    display: block;
    left: 5.101%;
    top: 62.44%;
    width: 84.06%;
    height: 27.273%;
    background-image: url(light-1.webp)
}

.closing .cl-l2 {
    display: block;
    left: 17.96%;
    top: 58.672%;
    width: 67.163%;
    height: 10.108%;
    background-image: url(light-2.webp)
}

.closing .cl-l3 {
    display: block;
    left: 20.298%;
    top: 57.117%;
    width: 65.143%;
    height: 6.818%;
    background-image: url(light-3.webp)
}

.closing .cl-l4 {
    display: block;
    left: 32.625%;
    top: 55.801%;
    width: 42.614%;
    height: 4.725%;
    background-image: url(light-4.webp)
}

.closing .cl-l5 {
    display: block;
    left: 30.074%;
    top: 53.23%;
    width: 35.6%;
    height: 5.801%;
    background-image: url(light-5.webp)
}

.closing .cl-l6 {
    display: block;
    left: 25.505%;
    top: 52.153%;
    width: 42.402%;
    height: 3.648%;
    background-image: url(light-6.webp)
}

.closing .cl-l7 {
    display: block;
    left: 21.892%;
    top: 51.555%;
    width: 63.868%;
    height: 3.648%;
    background-image: url(light-7.webp)
}

.closing .cl-l8 {
    display: block;
    left: 14.559%;
    top: 50.778%;
    width: 69.182%;
    height: 3.409%;
    background-image: url(light-8.webp)
}

.closing .cl-l9 {
    display: block;
    left: 20.829%;
    top: 45.754%;
    width: 59.086%;
    height: 7.057%;
    background-image: url(light-9.webp)
}

@media(min-aspect-ratio:5/8) {
    html:root .closing {
        --cl-r: .75121;
        --cl-shape: "tab";
        --sky-l: 32%;
        --sky-r: 68%;
        --sky-t: 14%;
        --sky-b: 33.5%;
        --wat-l: 25%;
        --wat-r: 75%;
        --wat-t: 60%;
        --wat-b: 86.5%;
        --step-y: 91.8%
    }
    html:root .closing .cl-garden {
        background-image: url(scene-tab.webp), url(data:image/webp;base64,UklGRtYAAABXRUJQVlA4IMoAAACwBQCdASoYACAAPu1ip02ppaOiMAgBMB2JQBg9n+QYAVzFdOmEZ2fwe+QnVqrBG9BbPZ0sLAAA+dhH5ERZ7kUUsB5lZPZ4Nvl9n/6umY6kxfPrIhPSv2mMbMUuft46d3Hh/RYt3Iz5NMXflcsFw0YaWW4X47nNDqGAT33Wh80b5vIoKtvPxQzpVBZxVeQU9rkg3rbigLVYygPzOFfIhQ8T9lFPxK2DQ0bM+3nkA0y9UBT/6eEPe0JHnvIbV2GVutocHifa6Fx+dPAA)
    }
    html:root .closing .cl-l0 {
        display: block;
        left: 20.147%;
        top: 85.003%;
        width: 59.89%;
        height: 14.997%;
        background-image: url(light-tab-0.webp)
    }
    html:root .closing .cl-l1 {
        display: block;
        left: 21.803%;
        top: 61.714%;
        width: 57.13%;
        height: 20.18%;
        background-image: url(light-tab-1.webp)
    }
    html:root .closing .cl-l2 {
        display: block;
        left: 25.943%;
        top: 58.258%;
        width: 49.402%;
        height: 7.809%;
        background-image: url(light-tab-2.webp)
    }
    html:root .closing .cl-l3 {
        display: block;
        left: 28.243%;
        top: 56.738%;
        width: 47.47%;
        height: 7.533%;
        background-image: url(light-tab-3.webp)
    }
    html:root .closing .cl-l4 {
        display: block;
        left: 32.567%;
        top: 55.632%;
        width: 35.235%;
        height: 4.907%;
        background-image: url(light-tab-4.webp)
    }
    html:root .closing .cl-l5 {
        display: block;
        left: 35.419%;
        top: 55.149%;
        width: 33.027%;
        height: 5.183%;
        background-image: url(light-tab-5.webp)
    }
    html:root .closing .cl-l6 {
        display: block;
        left: 35.603%;
        top: 53.559%;
        width: 26.127%;
        height: 3.594%;
        background-image: url(light-tab-6.webp)
    }
    html:root .closing .cl-l7 {
        display: block;
        left: 23.459%;
        top: 52.661%;
        width: 42.318%;
        height: 2.419%;
        background-image: url(light-tab-7.webp)
    }
    html:root .closing .cl-l8 {
        display: block;
        left: 24.655%;
        top: 52.039%;
        width: 49.678%;
        height: 3.248%;
        background-image: url(light-tab-8.webp)
    }
    html:root .closing .cl-l9 {
        display: block;
        left: 26.403%;
        top: 51.071%;
        width: 50.23%;
        height: 3.248%;
        background-image: url(light-tab-9.webp)
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .closing {
        --cl-r: 1.33119;
        --cl-shape: "land";
        --sky-l: 29%;
        --sky-r: 71%;
        --sky-t: 17%;
        --sky-b: 34.5%;
        --wat-l: 21%;
        --wat-r: 79%;
        --wat-t: 64.5%;
        --wat-b: 89.5%;
        --step-y: 93%
    }
    html.is-tablet .closing .cl-garden {
        background-image: url(scene-land.webp), url(data:image/webp;base64,UklGRrIAAABXRUJQVlA4IKYAAABQBQCdASoYABIAPu1ur1KppiQiqAgBMB2JQBe6ZYAYi0Gy5oj2XDqUzv8adD85+GRRrAAA7r0WsphKQQCUghxFXcv35wKLmWuc9syrCggYCOmAPDlazNUAEEPKFAwoHM3NKYkdGL2uelq2u6CCrep25530xKHJ7QXRIITEBczMnINznzqVcNwQWEGgJuHH1a+MMYT/J/xl2/4hVIYxS3Y5z8yYAsQA)
    }
    html.is-tablet .closing .cl-l0 {
        display: block;
        left: 16.655%;
        top: 86.569%;
        width: 72.495%;
        height: 13.431%;
        background-image: url(light-land-0.webp)
    }
    html.is-tablet .closing .cl-l1 {
        display: block;
        left: 12.025%;
        top: 71.205%;
        width: 72.011%;
        height: 28.243%;
        background-image: url(light-land-1.webp)
    }
    html.is-tablet .closing .cl-l2 {
        display: block;
        left: 19.489%;
        top: 66.881%;
        width: 65.1%;
        height: 13.615%;
        background-image: url(light-land-2.webp)
    }
    html.is-tablet .closing .cl-l3 {
        display: block;
        left: 19.627%;
        top: 64.857%;
        width: 64.202%;
        height: 11.316%;
        background-image: url(light-land-3.webp)
    }
    html.is-tablet .closing .cl-l4 {
        display: block;
        left: 25.639%;
        top: 62.282%;
        width: 50.449%;
        height: 9.66%;
        background-image: url(light-land-4.webp)
    }
    html.is-tablet .closing .cl-l5 {
        display: block;
        left: 35.038%;
        top: 60.166%;
        width: 29.717%;
        height: 9.844%;
        background-image: url(light-land-5.webp)
    }
    html.is-tablet .closing .cl-l6 {
        display: block;
        left: 27.229%;
        top: 57.498%;
        width: 46.164%;
        height: 8.832%;
        background-image: url(light-land-6.webp)
    }
    html.is-tablet .closing .cl-l7 {
        display: block;
        left: 16.31%;
        top: 56.946%;
        width: 67.657%;
        height: 5.98%;
        background-image: url(light-land-7.webp)
    }
    html.is-tablet .closing .cl-l8 {
        display: block;
        left: 18.383%;
        top: 55.75%;
        width: 62.681%;
        height: 5.428%;
        background-image: url(light-land-8.webp)
    }
    html.is-tablet .closing .cl-l9 {
        display: block;
        left: 27.92%;
        top: 54.186%;
        width: 54.043%;
        height: 6.992%;
        background-image: url(light-land-9.webp)
    }
}