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

.countdown {
    --cd-r: .5628;
    --cd-shape: "phone";
    --moon-x: 51.43%;
    --moon-y: 33.09%;
    --moon-rx: 9.236%;
    --moon-ry: 5.198%;
    --w-head: 7%;
    --w-date: 16.8%;
    --w-nums: 56.4%;
    --w-line: 67.6%;
    --w-btn: 91.2%
}

.countdown :is(.cd-sky, .cd-moon) {
    background-image: url(sky.webp)
}

.countdown :is(.cd-clouds, .cd-cover) {
    background-image: url(clouds.webp)
}

@media(min-aspect-ratio:5/8) {
    html:root .countdown {
        --cd-r: .75;
        --cd-shape: "tab";
        --moon-x: 50.07%;
        --moon-y: 29.56%;
        --moon-rx: 7.559%;
        --moon-ry: 5.669%;
        --w-head: 6.2%;
        --w-date: 17.4%;
        --w-nums: 56%;
        --w-line: 67%;
        --w-btn: 91%
    }
    html:root .countdown :is(.cd-sky, .cd-moon) {
        background-image: url(sky-tab.webp)
    }
    html:root .countdown :is(.cd-clouds, .cd-cover) {
        background-image: url(clouds-tab.webp)
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .countdown {
        --cd-r: 1.33333;
        --cd-shape: "land";
        --moon-x: 49.95%;
        --moon-y: 32.31%;
        --moon-rx: 5.418%;
        --moon-ry: 7.224%;
        --w-head: 9%;
        --w-date: 21.6%;
        --w-nums: 60%;
        --w-line: 71%;
        --w-btn: 86.5%
    }
    html.is-tablet .countdown :is(.cd-sky, .cd-moon) {
        background-image: url(sky-land.webp)
    }
    html.is-tablet .countdown :is(.cd-clouds, .cd-cover) {
        background-image: url(clouds-land.webp)
    }
}