/*! © 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";
    --cd-swag: 1
}

.countdown .cd-panel {
    background-image: url(panel.webp), url(data:image/webp;base64,UklGRrgAAABXRUJQVlA4IKwAAACwBACdASoYACsAPu1iqE2ppaOiMBqqqTAdiUAYyALLO1i4yzS/dVeNn1lyydmwAP4UEPWtuGu9lFj4Nkim5H3Z20LPqVTu1OGVNbPBgoE+GTD0sqpAyxcOXxUV4VmZxvVU8PlhMwHKkfXpYRfveTqqqH3j3mQmv79ItVzUqm2RjKnIBVSlG15xuPeDkrAD019mvBBaYgMGY6+BeMHHKStnaavcBWqUtD1nUAAA)
}

.countdown .cd-top {
    left: 11.308%;
    top: 11.306%;
    width: 78.022%;
    height: 15.725%
}

.countdown .cd-bottom {
    left: 22.878%;
    top: 69.03%;
    width: 54.775%;
    height: 7.275%
}

.countdown .cd-d1 {
    left: 6.631%;
    top: 52.775%;
    width: 16.493%;
    height: 9.282%
}

.countdown .cd-d2 {
    left: 29.798%;
    top: 52.775%;
    width: 16.493%;
    height: 9.282%
}

.countdown .cd-d3 {
    left: 54.028%;
    top: 52.775%;
    width: 16.493%;
    height: 9.282%
}

.countdown .cd-d4 {
    left: 77.407%;
    top: 52.775%;
    width: 16.493%;
    height: 9.282%
}

.countdown .cd-down {
    left: .418%;
    top: 29.342%;
    width: 99.894%;
    height: 57.476%;
    background-image: url(cloth-down.webp)
}

.countdown .cd-up {
    left: 0%;
    top: 29.187%;
    width: 100%;
    height: 26.316%;
    background-image: url(cloth-up.webp)
}

@media(min-aspect-ratio:5/8) {
    html:root .countdown {
        --cd-r: .75;
        --cd-shape: "tab";
        --cd-swag: 0
    }
    html:root .countdown .cd-panel {
        background-image: url(panel-tab.webp), url(data:image/webp;base64,UklGRpgAAABXRUJQVlA4IIwAAACwBACdASoYACAAPuFcp02opSOiMAwBEBwJQBhQA1uqDhWfClmB5Dxh8ZR/Q6fAAP4td9UsAj8spH9PM2zbC9Wkl95BkJ8vr1pbNy7+LuzxYOxCjiGCBbd2tfgX2ML3/XpLCAJjMoTEIy9e4LKTwqV8KteiqHp13fUxftR7Az3nBDyhZ1FX1nAXBxwAAA==)
    }
    html:root .countdown .cd-top {
        left: 12.263%;
        top: 11.404%;
        width: 75.934%;
        height: 15.313%
    }
    html:root .countdown .cd-bottom {
        left: 21.929%;
        top: 67.178%;
        width: 56.51%;
        height: 8.877%
    }
    html:root .countdown .cd-d1 {
        left: 5.773%;
        top: 46.457%;
        width: 16.077%;
        height: 12.058%
    }
    html:root .countdown .cd-d2 {
        left: 29.715%;
        top: 46.457%;
        width: 16.077%;
        height: 12.058%
    }
    html:root .countdown .cd-d3 {
        left: 54.116%;
        top: 46.457%;
        width: 16.077%;
        height: 12.058%
    }
    html:root .countdown .cd-d4 {
        left: 78.057%;
        top: 46.457%;
        width: 16.077%;
        height: 12.058%
    }
    html:root .countdown .cd-down {
        left: -1.247%;
        top: 29.191%;
        width: 102.394%;
        height: 59.945%;
        background-image: url(cloth-down-tab.webp)
    }
    html:root .countdown .cd-up {
        display: none
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .countdown {
        --cd-r: 1.33333;
        --cd-shape: "land";
        --cd-swag: 0
    }
    html.is-tablet .countdown .cd-panel {
        background-image: url(panel-land.webp), url(data:image/webp;base64,UklGRmoAAABXRUJQVlA4IF4AAACwAwCdASoYABIAPu1sq1EppiOyKAqqQB2JQBdgAhvaFV8t6RHAgAD+ERez9OSimTOimzv2lzydP1fri5sjDXrXoAncjXZ2ZaybMCZFBFtYpW/V1FpTOH5KL882AAAA)
    }
    html.is-tablet .countdown .cd-top {
        left: 23.005%;
        top: 14.868%;
        width: 54.335%;
        height: 15.568%
    }
    html.is-tablet .countdown .cd-bottom {
        left: 29.02%;
        top: 69.159%;
        width: 42.443%;
        height: 13.247%
    }
    html.is-tablet .countdown .cd-d1 {
        left: 8.901%;
        top: 43.451%;
        width: 12.862%;
        height: 17.149%
    }
    html.is-tablet .countdown .cd-d2 {
        left: 31.483%;
        top: 43.451%;
        width: 12.862%;
        height: 17.149%
    }
    html.is-tablet .countdown .cd-d3 {
        left: 55.724%;
        top: 43.451%;
        width: 12.862%;
        height: 17.149%
    }
    html.is-tablet .countdown .cd-d4 {
        left: 78.583%;
        top: 43.451%;
        width: 12.862%;
        height: 17.149%
    }
    html.is-tablet .countdown .cd-down {
        left: 4.905%;
        top: 32.486%;
        width: 90.746%;
        height: 51.289%;
        background-image: url(cloth-down-land.webp)
    }
    html.is-tablet .countdown .cd-up {
        display: none
    }
}