:root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-left: env(safe-area-inset-left);
    --safe-area-inset-right: env(safe-area-inset-right);  
    --safe-area-inset-bottom: env(safe-area-inset-bottom);   
}
body {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-overflow-scrolling: auto;
}
.app-modal {margin-top: max(15px, var(--safe-area-inset-top))}
.app-fixed-center {
    align-items: center;
    display: flex;    
    height: 100vh;
    width: 100%;
    justify-content: center;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
}
.app-container{
    opacity: .5;
}