ClockHomeCityItem{
    layout: homecity-portrait;
}
ClockHomeCityItem:landscape{
    layout: homecity-landscape;
}
ClockHomeCityItem::dayNightIcon{
    top: -var(hb-param-margin-gene-top);
    left: -var(hb-param-margin-gene-left);
    right: var(hb-param-margin-gene-middle-horizontal);
    bottom: var(hb-param-margin-gene-bottom);

    fixed-height: var(hb-param-graphic-size-primary-large);
    fixed-width: var(hb-param-graphic-size-primary-large);
}

ClockHomeCityItem::dateText{
    top: -var(hb-param-margin-gene-top);
    right: var(hb-param-margin-gene-middle-horizontal);
    text-height: var(hb-param-text-height-tiny);
    font-variant: secondary;
    text-align: left;
}

ClockHomeCityItem::cityText{
    top: -var(hb-param-margin-gene-middle-vertical);
    right: var(hb-param-margin-gene-middle-horizontal);
    text-height: var(hb-param-text-height-primary);
    font-variant: primary;
    text-align: left;
}

ClockHomeCityItem::dstIcon{
    top: -var(hb-param-margin-gene-top);
    right: var(hb-param-margin-gene-right);

    fixed-height: var(hb-param-graphic-size-secondary);
    fixed-width: var(hb-param-graphic-size-secondary);
}

ClockHomeCityItem::timeText{
    right: var(hb-param-margin-gene-right);
    text-height: var(hb-param-text-height-tiny);
    font-variant: secondary;
    text-align: right;
    fixed-width: 16un;
}