:root{--city-item-width:80px;--city-item-height:calc(var(--city-item-width) * 3);--city-item-image-skew-width:calc(tan(10deg) * var(--city-item-height));--city-item-image-width:calc(var(--city-item-image-skew-width) + var(--city-item-width));--city-item-image-left:calc(var(--city-item-image-skew-width) / -2);--city-item-image-real-width:calc(var(--city-item-width) + var(--city-item-image-skew-width) / 2)}@media screen and (min-width:640px){:root{--city-item-width:120px}}@media screen and (min-width:768px){:root{--city-item-width:160px}}@media screen and (min-width:1024px){:root{--city-item-width:200px}}