:root {
    --sat: env(safe-area-inset-top, var(--gap-0));
    --sab: env(safe-area-inset-bottom, var(--gap-0));
}
.component {
    flex: 1;
    width: 100%;
    max-width: 600px;
}
@media (display-mode: standalone) {
.content {
        padding-top: var(--sat);
        padding-bottom: var(--sab);
}
    }