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

.families {
    --fm-r: .5628;
    --fm-shape: "phone"
}

.families .fm-panel {
    background-image: url(panel.webp), url(data:image/webp;base64,UklGRpAAAABXRUJQVlA4IIQAAAAwBgCdASoYACsAPu1srVIppaQipWsxMB2JYwC7AAttH4AK8EObAUB8G4+XQOXnfcAehFIK+HVzsMYAAP5u2hGsZpmJXwV3LZ+DZIpuR8jsIbrOuq+YEhIIItaj/DWfEDDBDc4muppx/iNKWdXE8xyewF3bBLGbh2FSgVU8rJ/bshe8AAA=)
}

.families .fm-top {
    left: 10.876%;
    top: 10.675%;
    width: 78.461%;
    height: 13.34%
}

.families .fm-left {
    left: 9.171%;
    top: 40.775%;
    width: 33.199%;
    height: 24.849%
}

.families .fm-right {
    left: 58.155%;
    top: 40.706%;
    width: 33.105%;
    height: 24.809%
}

.families .fm-bottom {
    left: 11.939%;
    top: 78.544%;
    width: 77.184%;
    height: 11.213%
}

@media(min-aspect-ratio:5/8) {
    html:root .families {
        --fm-r: .75;
        --fm-shape: "tab"
    }
    html:root .families .fm-panel {
        background-image: url(panel-tab.webp), url(data:image/webp;base64,UklGRoQAAABXRUJQVlA4IHgAAABwBACdASoYACAAPu1qqFCppaOiqA1RMB2JQBdgAe5nrOYi/+64MNXqJG/7AAD+FbjKiWmyQ9UkwKt0wPrjc3Xjh615+5F9ia8jCkh0snKbSHAzYnvIqnjh4PPnSt4OvH9tUOURZTU9Ev8V2wcxBSvJBaNSDBgAAAA=)
    }
    html:root .families .fm-top {
        left: 10.23%;
        top: 10.567%;
        width: 79.816%;
        height: 10.703%
    }
    html:root .families .fm-left {
        left: 8.133%;
        top: 37.627%;
        width: 34.195%;
        height: 26.956%
    }
    html:root .families .fm-right {
        left: 57.672%;
        top: 37.569%;
        width: 34.195%;
        height: 27.003%
    }
    html:root .families .fm-bottom {
        left: 11.252%;
        top: 78.525%;
        width: 78.232%;
        height: 10.215%
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .families {
        --fm-r: 1.33333;
        --fm-shape: "land"
    }
    html.is-tablet .families .fm-panel {
        background-image: url(panel-land.webp), url(data:image/webp;base64,UklGRmAAAABXRUJQVlA4IFQAAACwAwCdASoYABIAPu1sq1EppaOjqAqpMB2JQBdgAeuylr6s9Z1MQAD+FMbAEWuu+PetTYSSXy+DZI0qffI7CG7KziS1vvVGNr18/ETrwIKlO4AAAAA=)
    }
    html.is-tablet .families .fm-top {
        left: 20.367%;
        top: 12.714%;
        width: 59.68%;
        height: 9.287%
    }
    html.is-tablet .families .fm-left {
        left: 13.088%;
        top: 37.878%;
        width: 29.901%;
        height: 24.796%
    }
    html.is-tablet .families .fm-right {
        left: 57.348%;
        top: 37.816%;
        width: 29.779%;
        height: 24.921%
    }
    html.is-tablet .families .fm-bottom {
        left: 19.624%;
        top: 77.286%;
        width: 61.098%;
        height: 9.424%
    }
}