.cam-image[data-preview-state]{background:#e4e9df}
.camera-preview-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:26px 15px 35px;text-align:center;color:#44594a;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap}
.camera-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.cam-image .camera-preview-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.camera-preview-caption{max-width:calc(100% - 64px);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.city-tile .camera-preview-frame,.city-tile .camera-preview-video,.city-tile .camera-preview-caption,.city-preview-message{pointer-events:none}
.city-tile .camera-preview-caption{font-size:9px;max-width:calc(100% - 24px);top:10px;left:12px}
.city-tile .city-preview-message{position:absolute;top:12px;left:18px;right:18px;font-size:9px;line-height:1.4;color:#536357}
.city-tile[data-preview-state]:not([data-preview-state=ready]){background:#e4e9df;color:#1e302c}
.city-tile[data-preview-state]:not([data-preview-state=ready]):after{background:none}
@media(max-width:700px){.camera-preview-message{font-size:11px;padding:20px 10px 31px}.camera-preview-caption{font-size:8px;left:8px;top:8px;padding:3px 5px}}