/* TO SHOW MAP IN STATUS BAR (APPLE IPHONE) */

@supports (margin-top: constant(safe-area-inset-top)) {

    body {

        margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    
    }

} 

.status-bar {
    width: 100%;
    height: env(safe-area-inset-top);
    background-color: transparent;
}