extra-tailwindcss-safe-area/test/snapshots/main.js.md

Tailwind CSS safe area helpers

# Snapshot report for `test/main.js`

The actual snapshot is saved in `main.js.snap`.

Generated by [AVA](https://avajs.dev).

## generates all utilities

> Snapshot 1

    `.m-safe {␊
        margin-top: env(safe-area-inset-top);␊
        margin-right: env(safe-area-inset-right);␊
        margin-bottom: env(safe-area-inset-bottom);␊
        margin-left: env(safe-area-inset-left)␊
    }␊
    .mx-safe {␊
        margin-right: env(safe-area-inset-right);␊
        margin-left: env(safe-area-inset-left)␊
    }␊
    .my-safe {␊
        margin-top: env(safe-area-inset-top);␊
        margin-bottom: env(safe-area-inset-bottom)␊
    }␊
    .ms-safe {␊
        margin-inline-start: env(safe-area-inset-left)␊
    }␊
    .me-safe {␊
        margin-inline-end: env(safe-area-inset-left)␊
    }␊
    .mt-safe {␊
        margin-top: env(safe-area-inset-top)␊
    }␊
    .mr-safe {␊
        margin-right: env(safe-area-inset-right)␊
    }␊
    .mb-safe {␊
        margin-bottom: env(safe-area-inset-bottom)␊
    }␊
    .ml-safe {␊
        margin-left: env(safe-area-inset-left)␊
    }␊
    .p-safe {␊
        padding-top: env(safe-area-inset-top);␊
        padding-right: env(safe-area-inset-right);␊
        padding-bottom: env(safe-area-inset-bottom);␊
        padding-left: env(safe-area-inset-left)␊
    }␊
    .px-safe {␊
        padding-right: env(safe-area-inset-right);␊
        padding-left: env(safe-area-inset-left)␊
    }␊
    .py-safe {␊
        padding-top: env(safe-area-inset-top);␊
        padding-bottom: env(safe-area-inset-bottom)␊
    }␊
    .ps-safe {␊
        padding-inline-start: env(safe-area-inset-left)␊
    }␊
    .pe-safe {␊
        padding-inline-end: env(safe-area-inset-left)␊
    }␊
    .pt-safe {␊
        padding-top: env(safe-area-inset-top)␊
    }␊
    .pr-safe {␊
        padding-right: env(safe-area-inset-right)␊
    }␊
    .pb-safe {␊
        padding-bottom: env(safe-area-inset-bottom)␊
    }␊
    .pl-safe {␊
        padding-left: env(safe-area-inset-left)␊
    }␊
    .scroll-m-safe {␊
        scroll-margin-top: env(safe-area-inset-top);␊
        scroll-margin-right: env(safe-area-inset-right);␊
        scroll-margin-bottom: env(safe-area-inset-bottom);␊
        scroll-margin-left: env(safe-area-inset-left)␊
    }␊
    .scroll-mx-safe {␊
        scroll-margin-right: env(safe-area-inset-right);␊
        scroll-margin-left: env(safe-area-inset-left)␊
    }␊
    .scroll-my-safe {␊
        scroll-margin-top: env(safe-area-inset-top);␊
        scroll-margin-bottom: env(safe-area-inset-bottom)␊
    }␊
    .scroll-ms-safe {␊
        scroll-margin-inline-start: env(safe-area-inset-left)␊
    }␊
    .scroll-me-safe {␊
        scroll-margin-inline-end: env(safe-area-inset-left)␊
    }␊
    .scroll-mt-safe {␊
        scroll-margin-top: env(safe-area-inset-top)␊
    }␊
    .scroll-mr-safe {␊
        scroll-margin-right: env(safe-area-inset-right)␊
    }␊
    .scroll-mb-safe {␊
        scroll-margin-bottom: env(safe-area-inset-bottom)␊
    }␊
    .scroll-ml-safe {␊
        scroll-margin-left: env(safe-area-inset-left)␊
    }␊
    .scroll-p-safe {␊
        scroll-padding-top: env(safe-area-inset-top);␊
        scroll-padding-right: env(safe-area-inset-right);␊
        scroll-padding-bottom: env(safe-area-inset-bottom);␊
        scroll-padding-left: env(safe-area-inset-left)␊
    }␊
    .scroll-px-safe {␊
        scroll-padding-right: env(safe-area-inset-right);␊
        scroll-padding-left: env(safe-area-inset-left)␊
    }␊
    .scroll-py-safe {␊
        scroll-padding-top: env(safe-area-inset-top);␊
        scroll-padding-bottom: env(safe-area-inset-bottom)␊
    }␊
    .scroll-ps-safe {␊
        scroll-padding-inline-start: env(safe-area-inset-left)␊
    }␊
    .scroll-pe-safe {␊
        scroll-padding-inline-end: env(safe-area-inset-left)␊
    }␊
    .scroll-pt-safe {␊
        scroll-padding-top: env(safe-area-inset-top)␊
    }␊
    .scroll-pr-safe {␊
        scroll-padding-right: env(safe-area-inset-right)␊
    }␊
    .scroll-pb-safe {␊
        scroll-padding-bottom: env(safe-area-inset-bottom)␊
    }␊
    .scroll-pl-safe {␊
        scroll-padding-left: env(safe-area-inset-left)␊
    }␊
    .inset-safe {␊
        top: env(safe-area-inset-top);␊
        right: env(safe-area-inset-right);␊
        bottom: env(safe-area-inset-bottom);␊
        left: env(safe-area-inset-left)␊
    }␊
    .inset-x-safe {␊
        right: env(safe-area-inset-right);␊
        left: env(safe-area-inset-left)␊
    }␊
    .inset-y-safe {␊
        top: env(safe-area-inset-top);␊
        bottom: env(safe-area-inset-bottom)␊
    }␊
    .start-safe {␊
        inset-inline-start: env(safe-area-inset-left)␊
    }␊
    .end-safe {␊
        inset-inline-end: env(safe-area-inset-left)␊
    }␊
    .top-safe {␊
        top: env(safe-area-inset-top)␊
    }␊
    .right-safe {␊
        right: env(safe-area-inset-right)␊
    }␊
    .bottom-safe {␊
        bottom: env(safe-area-inset-bottom)␊
    }␊
    .left-safe {␊
        left: env(safe-area-inset-left)␊
    }␊
    .min-h-screen-safe {␊
        min-height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));␊
        min-height: -webkit-fill-available␊
    }␊
    .max-h-screen-safe {␊
        max-height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));␊
        max-height: -webkit-fill-available␊
    }␊
    .h-screen-safe {␊
        height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));␊
        height: -webkit-fill-available␊
    }␊
    .h-safe-top {␊
        height: env(safe-area-inset-top)␊
    }␊
    .h-safe-bottom {␊
        height: env(safe-area-inset-bottom)␊
    }␊
    .min-w-screen-safe {␊
        min-height: calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)));␊
        min-height: -webkit-fill-available␊
    }␊
    .max-w-screen-safe {␊
        max-height: calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)));␊
        max-height: -webkit-fill-available␊
    }␊
    .w-screen-safe {␊
        height: calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)));␊
        height: -webkit-fill-available␊
    }␊
    .w-safe-left {␊
        height: env(safe-area-inset-left)␊
    }␊
    .w-safe-right {␊
        height: env(safe-area-inset-right)␊
    }␊
    .-bottom-safe-offset-1 {␊
        bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-end-safe-offset-1 {␊
        inset-inline-end: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-h-safe-bottom-offset-1 {␊
        height: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-h-safe-top-offset-1 {␊
        height: calc(env(safe-area-inset-top) + -8px)␊
    }␊
    .-h-screen-safe-offset-1 {␊
        height: calc(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))) + -8px);␊
        height: -webkit-fill-available␊
    }␊
    .-inset-safe-offset-1 {␊
        top: calc(env(safe-area-inset-top) + -8px);␊
        right: calc(env(safe-area-inset-right) + -8px);␊
        bottom: calc(env(safe-area-inset-bottom) + -8px);␊
        left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-inset-x-safe-offset-1 {␊
        right: calc(env(safe-area-inset-right) + -8px);␊
        left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-inset-y-safe-offset-1 {␊
        top: calc(env(safe-area-inset-top) + -8px);␊
        bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-left-safe-offset-1 {␊
        left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-m-safe-offset-1 {␊
        margin-top: calc(env(safe-area-inset-top) + -8px);␊
        margin-right: calc(env(safe-area-inset-right) + -8px);␊
        margin-bottom: calc(env(safe-area-inset-bottom) + -8px);␊
        margin-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-max-h-screen-safe-offset-1 {␊
        max-height: calc(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))) + -8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .-max-w-screen-safe-offset-1 {␊
        max-height: calc(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))) + -8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .-mb-safe-offset-1 {␊
        margin-bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-me-safe-offset-1 {␊
        margin-inline-end: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-min-h-screen-safe-offset-1 {␊
        min-height: calc(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))) + -8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .-min-w-screen-safe-offset-1 {␊
        min-height: calc(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))) + -8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .-ml-safe-offset-1 {␊
        margin-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-mr-safe-offset-1 {␊
        margin-right: calc(env(safe-area-inset-right) + -8px)␊
    }␊
    .-ms-safe-offset-1 {␊
        margin-inline-start: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-mt-safe-offset-1 {␊
        margin-top: calc(env(safe-area-inset-top) + -8px)␊
    }␊
    .-mx-safe-offset-1 {␊
        margin-right: calc(env(safe-area-inset-right) + -8px);␊
        margin-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-my-safe-offset-1 {␊
        margin-top: calc(env(safe-area-inset-top) + -8px);␊
        margin-bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-p-safe-offset-1 {␊
        padding-top: calc(env(safe-area-inset-top) + -8px);␊
        padding-right: calc(env(safe-area-inset-right) + -8px);␊
        padding-bottom: calc(env(safe-area-inset-bottom) + -8px);␊
        padding-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-pb-safe-offset-1 {␊
        padding-bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-pe-safe-offset-1 {␊
        padding-inline-end: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-pl-safe-offset-1 {␊
        padding-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-pr-safe-offset-1 {␊
        padding-right: calc(env(safe-area-inset-right) + -8px)␊
    }␊
    .-ps-safe-offset-1 {␊
        padding-inline-start: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-pt-safe-offset-1 {␊
        padding-top: calc(env(safe-area-inset-top) + -8px)␊
    }␊
    .-px-safe-offset-1 {␊
        padding-right: calc(env(safe-area-inset-right) + -8px);␊
        padding-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-py-safe-offset-1 {␊
        padding-top: calc(env(safe-area-inset-top) + -8px);␊
        padding-bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-right-safe-offset-1 {␊
        right: calc(env(safe-area-inset-right) + -8px)␊
    }␊
    .-scroll-m-safe-offset-1 {␊
        scroll-margin-top: calc(env(safe-area-inset-top) + -8px);␊
        scroll-margin-right: calc(env(safe-area-inset-right) + -8px);␊
        scroll-margin-bottom: calc(env(safe-area-inset-bottom) + -8px);␊
        scroll-margin-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-mb-safe-offset-1 {␊
        scroll-margin-bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-scroll-me-safe-offset-1 {␊
        scroll-margin-inline-end: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-ml-safe-offset-1 {␊
        scroll-margin-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-mr-safe-offset-1 {␊
        scroll-margin-right: calc(env(safe-area-inset-right) + -8px)␊
    }␊
    .-scroll-ms-safe-offset-1 {␊
        scroll-margin-inline-start: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-mt-safe-offset-1 {␊
        scroll-margin-top: calc(env(safe-area-inset-top) + -8px)␊
    }␊
    .-scroll-mx-safe-offset-1 {␊
        scroll-margin-right: calc(env(safe-area-inset-right) + -8px);␊
        scroll-margin-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-my-safe-offset-1 {␊
        scroll-margin-top: calc(env(safe-area-inset-top) + -8px);␊
        scroll-margin-bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-scroll-p-safe-offset-1 {␊
        scroll-padding-top: calc(env(safe-area-inset-top) + -8px);␊
        scroll-padding-right: calc(env(safe-area-inset-right) + -8px);␊
        scroll-padding-bottom: calc(env(safe-area-inset-bottom) + -8px);␊
        scroll-padding-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-pb-safe-offset-1 {␊
        scroll-padding-bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-scroll-pe-safe-offset-1 {␊
        scroll-padding-inline-end: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-pl-safe-offset-1 {␊
        scroll-padding-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-pr-safe-offset-1 {␊
        scroll-padding-right: calc(env(safe-area-inset-right) + -8px)␊
    }␊
    .-scroll-ps-safe-offset-1 {␊
        scroll-padding-inline-start: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-pt-safe-offset-1 {␊
        scroll-padding-top: calc(env(safe-area-inset-top) + -8px)␊
    }␊
    .-scroll-px-safe-offset-1 {␊
        scroll-padding-right: calc(env(safe-area-inset-right) + -8px);␊
        scroll-padding-left: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-scroll-py-safe-offset-1 {␊
        scroll-padding-top: calc(env(safe-area-inset-top) + -8px);␊
        scroll-padding-bottom: calc(env(safe-area-inset-bottom) + -8px)␊
    }␊
    .-start-safe-offset-1 {␊
        inset-inline-start: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-top-safe-offset-1 {␊
        top: calc(env(safe-area-inset-top) + -8px)␊
    }␊
    .-w-safe-left-offset-1 {␊
        height: calc(env(safe-area-inset-left) + -8px)␊
    }␊
    .-w-safe-right-offset-1 {␊
        height: calc(env(safe-area-inset-right) + -8px)␊
    }␊
    .-w-screen-safe-offset-1 {␊
        height: calc(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))) + -8px);␊
        height: -webkit-fill-available␊
    }␊
    .bottom-safe-offset-1 {␊
        bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .end-safe-offset-1 {␊
        inset-inline-end: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .h-safe-bottom-offset-1 {␊
        height: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .h-safe-top-offset-1 {␊
        height: calc(env(safe-area-inset-top) + 8px)␊
    }␊
    .h-screen-safe-offset-1 {␊
        height: calc(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))) + 8px);␊
        height: -webkit-fill-available␊
    }␊
    .inset-safe-offset-1 {␊
        top: calc(env(safe-area-inset-top) + 8px);␊
        right: calc(env(safe-area-inset-right) + 8px);␊
        bottom: calc(env(safe-area-inset-bottom) + 8px);␊
        left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .inset-x-safe-offset-1 {␊
        right: calc(env(safe-area-inset-right) + 8px);␊
        left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .inset-y-safe-offset-1 {␊
        top: calc(env(safe-area-inset-top) + 8px);␊
        bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .left-safe-offset-1 {␊
        left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .m-safe-offset-1 {␊
        margin-top: calc(env(safe-area-inset-top) + 8px);␊
        margin-right: calc(env(safe-area-inset-right) + 8px);␊
        margin-bottom: calc(env(safe-area-inset-bottom) + 8px);␊
        margin-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .max-h-screen-safe-offset-1 {␊
        max-height: calc(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))) + 8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .max-w-screen-safe-offset-1 {␊
        max-height: calc(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))) + 8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .mb-safe-offset-1 {␊
        margin-bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .me-safe-offset-1 {␊
        margin-inline-end: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .min-h-screen-safe-offset-1 {␊
        min-height: calc(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))) + 8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .min-w-screen-safe-offset-1 {␊
        min-height: calc(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))) + 8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .ml-safe-offset-1 {␊
        margin-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .mr-safe-offset-1 {␊
        margin-right: calc(env(safe-area-inset-right) + 8px)␊
    }␊
    .ms-safe-offset-1 {␊
        margin-inline-start: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .mt-safe-offset-1 {␊
        margin-top: calc(env(safe-area-inset-top) + 8px)␊
    }␊
    .mx-safe-offset-1 {␊
        margin-right: calc(env(safe-area-inset-right) + 8px);␊
        margin-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .my-safe-offset-1 {␊
        margin-top: calc(env(safe-area-inset-top) + 8px);␊
        margin-bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .p-safe-offset-1 {␊
        padding-top: calc(env(safe-area-inset-top) + 8px);␊
        padding-right: calc(env(safe-area-inset-right) + 8px);␊
        padding-bottom: calc(env(safe-area-inset-bottom) + 8px);␊
        padding-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .pb-safe-offset-1 {␊
        padding-bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .pe-safe-offset-1 {␊
        padding-inline-end: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .pl-safe-offset-1 {␊
        padding-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .pr-safe-offset-1 {␊
        padding-right: calc(env(safe-area-inset-right) + 8px)␊
    }␊
    .ps-safe-offset-1 {␊
        padding-inline-start: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .pt-safe-offset-1 {␊
        padding-top: calc(env(safe-area-inset-top) + 8px)␊
    }␊
    .px-safe-offset-1 {␊
        padding-right: calc(env(safe-area-inset-right) + 8px);␊
        padding-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .py-safe-offset-1 {␊
        padding-top: calc(env(safe-area-inset-top) + 8px);␊
        padding-bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .right-safe-offset-1 {␊
        right: calc(env(safe-area-inset-right) + 8px)␊
    }␊
    .scroll-m-safe-offset-1 {␊
        scroll-margin-top: calc(env(safe-area-inset-top) + 8px);␊
        scroll-margin-right: calc(env(safe-area-inset-right) + 8px);␊
        scroll-margin-bottom: calc(env(safe-area-inset-bottom) + 8px);␊
        scroll-margin-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-mb-safe-offset-1 {␊
        scroll-margin-bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .scroll-me-safe-offset-1 {␊
        scroll-margin-inline-end: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-ml-safe-offset-1 {␊
        scroll-margin-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-mr-safe-offset-1 {␊
        scroll-margin-right: calc(env(safe-area-inset-right) + 8px)␊
    }␊
    .scroll-ms-safe-offset-1 {␊
        scroll-margin-inline-start: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-mt-safe-offset-1 {␊
        scroll-margin-top: calc(env(safe-area-inset-top) + 8px)␊
    }␊
    .scroll-mx-safe-offset-1 {␊
        scroll-margin-right: calc(env(safe-area-inset-right) + 8px);␊
        scroll-margin-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-my-safe-offset-1 {␊
        scroll-margin-top: calc(env(safe-area-inset-top) + 8px);␊
        scroll-margin-bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .scroll-p-safe-offset-1 {␊
        scroll-padding-top: calc(env(safe-area-inset-top) + 8px);␊
        scroll-padding-right: calc(env(safe-area-inset-right) + 8px);␊
        scroll-padding-bottom: calc(env(safe-area-inset-bottom) + 8px);␊
        scroll-padding-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-pb-safe-offset-1 {␊
        scroll-padding-bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .scroll-pe-safe-offset-1 {␊
        scroll-padding-inline-end: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-pl-safe-offset-1 {␊
        scroll-padding-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-pr-safe-offset-1 {␊
        scroll-padding-right: calc(env(safe-area-inset-right) + 8px)␊
    }␊
    .scroll-ps-safe-offset-1 {␊
        scroll-padding-inline-start: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-pt-safe-offset-1 {␊
        scroll-padding-top: calc(env(safe-area-inset-top) + 8px)␊
    }␊
    .scroll-px-safe-offset-1 {␊
        scroll-padding-right: calc(env(safe-area-inset-right) + 8px);␊
        scroll-padding-left: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .scroll-py-safe-offset-1 {␊
        scroll-padding-top: calc(env(safe-area-inset-top) + 8px);␊
        scroll-padding-bottom: calc(env(safe-area-inset-bottom) + 8px)␊
    }␊
    .start-safe-offset-1 {␊
        inset-inline-start: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .top-safe-offset-1 {␊
        top: calc(env(safe-area-inset-top) + 8px)␊
    }␊
    .w-safe-left-offset-1 {␊
        height: calc(env(safe-area-inset-left) + 8px)␊
    }␊
    .w-safe-right-offset-1 {␊
        height: calc(env(safe-area-inset-right) + 8px)␊
    }␊
    .w-screen-safe-offset-1 {␊
        height: calc(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))) + 8px);␊
        height: -webkit-fill-available␊
    }␊
    .-bottom-safe-min-1 {␊
        bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-end-safe-min-1 {␊
        inset-inline-end: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-h-safe-bottom-min-1 {␊
        height: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-h-safe-top-min-1 {␊
        height: min(env(safe-area-inset-top), -8px)␊
    }␊
    .-h-screen-safe-min-1 {␊
        height: min(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), -8px);␊
        height: -webkit-fill-available␊
    }␊
    .-inset-safe-min-1 {␊
        top: min(env(safe-area-inset-top), -8px);␊
        right: min(env(safe-area-inset-right), -8px);␊
        bottom: min(env(safe-area-inset-bottom), -8px);␊
        left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-inset-x-safe-min-1 {␊
        right: min(env(safe-area-inset-right), -8px);␊
        left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-inset-y-safe-min-1 {␊
        top: min(env(safe-area-inset-top), -8px);␊
        bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-left-safe-min-1 {␊
        left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-m-safe-min-1 {␊
        margin-top: min(env(safe-area-inset-top), -8px);␊
        margin-right: min(env(safe-area-inset-right), -8px);␊
        margin-bottom: min(env(safe-area-inset-bottom), -8px);␊
        margin-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-max-h-screen-safe-min-1 {␊
        max-height: min(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), -8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .-max-w-screen-safe-min-1 {␊
        max-height: min(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), -8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .-mb-safe-min-1 {␊
        margin-bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-me-safe-min-1 {␊
        margin-inline-end: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-min-h-screen-safe-min-1 {␊
        min-height: min(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), -8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .-min-w-screen-safe-min-1 {␊
        min-height: min(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), -8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .-ml-safe-min-1 {␊
        margin-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-mr-safe-min-1 {␊
        margin-right: min(env(safe-area-inset-right), -8px)␊
    }␊
    .-ms-safe-min-1 {␊
        margin-inline-start: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-mt-safe-min-1 {␊
        margin-top: min(env(safe-area-inset-top), -8px)␊
    }␊
    .-mx-safe-min-1 {␊
        margin-right: min(env(safe-area-inset-right), -8px);␊
        margin-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-my-safe-min-1 {␊
        margin-top: min(env(safe-area-inset-top), -8px);␊
        margin-bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-p-safe-min-1 {␊
        padding-top: min(env(safe-area-inset-top), -8px);␊
        padding-right: min(env(safe-area-inset-right), -8px);␊
        padding-bottom: min(env(safe-area-inset-bottom), -8px);␊
        padding-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-pb-safe-min-1 {␊
        padding-bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-pe-safe-min-1 {␊
        padding-inline-end: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-pl-safe-min-1 {␊
        padding-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-pr-safe-min-1 {␊
        padding-right: min(env(safe-area-inset-right), -8px)␊
    }␊
    .-ps-safe-min-1 {␊
        padding-inline-start: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-pt-safe-min-1 {␊
        padding-top: min(env(safe-area-inset-top), -8px)␊
    }␊
    .-px-safe-min-1 {␊
        padding-right: min(env(safe-area-inset-right), -8px);␊
        padding-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-py-safe-min-1 {␊
        padding-top: min(env(safe-area-inset-top), -8px);␊
        padding-bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-right-safe-min-1 {␊
        right: min(env(safe-area-inset-right), -8px)␊
    }␊
    .-scroll-m-safe-min-1 {␊
        scroll-margin-top: min(env(safe-area-inset-top), -8px);␊
        scroll-margin-right: min(env(safe-area-inset-right), -8px);␊
        scroll-margin-bottom: min(env(safe-area-inset-bottom), -8px);␊
        scroll-margin-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-mb-safe-min-1 {␊
        scroll-margin-bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-scroll-me-safe-min-1 {␊
        scroll-margin-inline-end: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-ml-safe-min-1 {␊
        scroll-margin-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-mr-safe-min-1 {␊
        scroll-margin-right: min(env(safe-area-inset-right), -8px)␊
    }␊
    .-scroll-ms-safe-min-1 {␊
        scroll-margin-inline-start: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-mt-safe-min-1 {␊
        scroll-margin-top: min(env(safe-area-inset-top), -8px)␊
    }␊
    .-scroll-mx-safe-min-1 {␊
        scroll-margin-right: min(env(safe-area-inset-right), -8px);␊
        scroll-margin-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-my-safe-min-1 {␊
        scroll-margin-top: min(env(safe-area-inset-top), -8px);␊
        scroll-margin-bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-scroll-p-safe-min-1 {␊
        scroll-padding-top: min(env(safe-area-inset-top), -8px);␊
        scroll-padding-right: min(env(safe-area-inset-right), -8px);␊
        scroll-padding-bottom: min(env(safe-area-inset-bottom), -8px);␊
        scroll-padding-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-pb-safe-min-1 {␊
        scroll-padding-bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-scroll-pe-safe-min-1 {␊
        scroll-padding-inline-end: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-pl-safe-min-1 {␊
        scroll-padding-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-pr-safe-min-1 {␊
        scroll-padding-right: min(env(safe-area-inset-right), -8px)␊
    }␊
    .-scroll-ps-safe-min-1 {␊
        scroll-padding-inline-start: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-pt-safe-min-1 {␊
        scroll-padding-top: min(env(safe-area-inset-top), -8px)␊
    }␊
    .-scroll-px-safe-min-1 {␊
        scroll-padding-right: min(env(safe-area-inset-right), -8px);␊
        scroll-padding-left: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-py-safe-min-1 {␊
        scroll-padding-top: min(env(safe-area-inset-top), -8px);␊
        scroll-padding-bottom: min(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-start-safe-min-1 {␊
        inset-inline-start: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-top-safe-min-1 {␊
        top: min(env(safe-area-inset-top), -8px)␊
    }␊
    .-w-safe-left-min-1 {␊
        height: min(env(safe-area-inset-left), -8px)␊
    }␊
    .-w-safe-right-min-1 {␊
        height: min(env(safe-area-inset-right), -8px)␊
    }␊
    .-w-screen-safe-min-1 {␊
        height: min(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), -8px);␊
        height: -webkit-fill-available␊
    }␊
    .bottom-safe-min-1 {␊
        bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .end-safe-min-1 {␊
        inset-inline-end: min(env(safe-area-inset-left), 8px)␊
    }␊
    .h-safe-bottom-min-1 {␊
        height: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .h-safe-top-min-1 {␊
        height: min(env(safe-area-inset-top), 8px)␊
    }␊
    .h-screen-safe-min-1 {␊
        height: min(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), 8px);␊
        height: -webkit-fill-available␊
    }␊
    .inset-safe-min-1 {␊
        top: min(env(safe-area-inset-top), 8px);␊
        right: min(env(safe-area-inset-right), 8px);␊
        bottom: min(env(safe-area-inset-bottom), 8px);␊
        left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .inset-x-safe-min-1 {␊
        right: min(env(safe-area-inset-right), 8px);␊
        left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .inset-y-safe-min-1 {␊
        top: min(env(safe-area-inset-top), 8px);␊
        bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .left-safe-min-1 {␊
        left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .m-safe-min-1 {␊
        margin-top: min(env(safe-area-inset-top), 8px);␊
        margin-right: min(env(safe-area-inset-right), 8px);␊
        margin-bottom: min(env(safe-area-inset-bottom), 8px);␊
        margin-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .max-h-screen-safe-min-1 {␊
        max-height: min(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), 8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .max-w-screen-safe-min-1 {␊
        max-height: min(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), 8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .mb-safe-min-1 {␊
        margin-bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .me-safe-min-1 {␊
        margin-inline-end: min(env(safe-area-inset-left), 8px)␊
    }␊
    .min-h-screen-safe-min-1 {␊
        min-height: min(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), 8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .min-w-screen-safe-min-1 {␊
        min-height: min(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), 8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .ml-safe-min-1 {␊
        margin-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .mr-safe-min-1 {␊
        margin-right: min(env(safe-area-inset-right), 8px)␊
    }␊
    .ms-safe-min-1 {␊
        margin-inline-start: min(env(safe-area-inset-left), 8px)␊
    }␊
    .mt-safe-min-1 {␊
        margin-top: min(env(safe-area-inset-top), 8px)␊
    }␊
    .mx-safe-min-1 {␊
        margin-right: min(env(safe-area-inset-right), 8px);␊
        margin-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .my-safe-min-1 {␊
        margin-top: min(env(safe-area-inset-top), 8px);␊
        margin-bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .p-safe-min-1 {␊
        padding-top: min(env(safe-area-inset-top), 8px);␊
        padding-right: min(env(safe-area-inset-right), 8px);␊
        padding-bottom: min(env(safe-area-inset-bottom), 8px);␊
        padding-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .pb-safe-min-1 {␊
        padding-bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .pe-safe-min-1 {␊
        padding-inline-end: min(env(safe-area-inset-left), 8px)␊
    }␊
    .pl-safe-min-1 {␊
        padding-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .pr-safe-min-1 {␊
        padding-right: min(env(safe-area-inset-right), 8px)␊
    }␊
    .ps-safe-min-1 {␊
        padding-inline-start: min(env(safe-area-inset-left), 8px)␊
    }␊
    .pt-safe-min-1 {␊
        padding-top: min(env(safe-area-inset-top), 8px)␊
    }␊
    .px-safe-min-1 {␊
        padding-right: min(env(safe-area-inset-right), 8px);␊
        padding-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .py-safe-min-1 {␊
        padding-top: min(env(safe-area-inset-top), 8px);␊
        padding-bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .right-safe-min-1 {␊
        right: min(env(safe-area-inset-right), 8px)␊
    }␊
    .scroll-m-safe-min-1 {␊
        scroll-margin-top: min(env(safe-area-inset-top), 8px);␊
        scroll-margin-right: min(env(safe-area-inset-right), 8px);␊
        scroll-margin-bottom: min(env(safe-area-inset-bottom), 8px);␊
        scroll-margin-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-mb-safe-min-1 {␊
        scroll-margin-bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .scroll-me-safe-min-1 {␊
        scroll-margin-inline-end: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-ml-safe-min-1 {␊
        scroll-margin-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-mr-safe-min-1 {␊
        scroll-margin-right: min(env(safe-area-inset-right), 8px)␊
    }␊
    .scroll-ms-safe-min-1 {␊
        scroll-margin-inline-start: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-mt-safe-min-1 {␊
        scroll-margin-top: min(env(safe-area-inset-top), 8px)␊
    }␊
    .scroll-mx-safe-min-1 {␊
        scroll-margin-right: min(env(safe-area-inset-right), 8px);␊
        scroll-margin-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-my-safe-min-1 {␊
        scroll-margin-top: min(env(safe-area-inset-top), 8px);␊
        scroll-margin-bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .scroll-p-safe-min-1 {␊
        scroll-padding-top: min(env(safe-area-inset-top), 8px);␊
        scroll-padding-right: min(env(safe-area-inset-right), 8px);␊
        scroll-padding-bottom: min(env(safe-area-inset-bottom), 8px);␊
        scroll-padding-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-pb-safe-min-1 {␊
        scroll-padding-bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .scroll-pe-safe-min-1 {␊
        scroll-padding-inline-end: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-pl-safe-min-1 {␊
        scroll-padding-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-pr-safe-min-1 {␊
        scroll-padding-right: min(env(safe-area-inset-right), 8px)␊
    }␊
    .scroll-ps-safe-min-1 {␊
        scroll-padding-inline-start: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-pt-safe-min-1 {␊
        scroll-padding-top: min(env(safe-area-inset-top), 8px)␊
    }␊
    .scroll-px-safe-min-1 {␊
        scroll-padding-right: min(env(safe-area-inset-right), 8px);␊
        scroll-padding-left: min(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-py-safe-min-1 {␊
        scroll-padding-top: min(env(safe-area-inset-top), 8px);␊
        scroll-padding-bottom: min(env(safe-area-inset-bottom), 8px)␊
    }␊
    .start-safe-min-1 {␊
        inset-inline-start: min(env(safe-area-inset-left), 8px)␊
    }␊
    .top-safe-min-1 {␊
        top: min(env(safe-area-inset-top), 8px)␊
    }␊
    .w-safe-left-min-1 {␊
        height: min(env(safe-area-inset-left), 8px)␊
    }␊
    .w-safe-right-min-1 {␊
        height: min(env(safe-area-inset-right), 8px)␊
    }␊
    .w-screen-safe-min-1 {␊
        height: min(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), 8px);␊
        height: -webkit-fill-available␊
    }␊
    .-bottom-safe-max-1 {␊
        bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-end-safe-max-1 {␊
        inset-inline-end: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-h-safe-bottom-max-1 {␊
        height: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-h-safe-top-max-1 {␊
        height: max(env(safe-area-inset-top), -8px)␊
    }␊
    .-h-screen-safe-max-1 {␊
        height: max(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), -8px);␊
        height: -webkit-fill-available␊
    }␊
    .-inset-safe-max-1 {␊
        top: max(env(safe-area-inset-top), -8px);␊
        right: max(env(safe-area-inset-right), -8px);␊
        bottom: max(env(safe-area-inset-bottom), -8px);␊
        left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-inset-x-safe-max-1 {␊
        right: max(env(safe-area-inset-right), -8px);␊
        left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-inset-y-safe-max-1 {␊
        top: max(env(safe-area-inset-top), -8px);␊
        bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-left-safe-max-1 {␊
        left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-m-safe-max-1 {␊
        margin-top: max(env(safe-area-inset-top), -8px);␊
        margin-right: max(env(safe-area-inset-right), -8px);␊
        margin-bottom: max(env(safe-area-inset-bottom), -8px);␊
        margin-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-max-h-screen-safe-max-1 {␊
        max-height: max(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), -8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .-max-w-screen-safe-max-1 {␊
        max-height: max(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), -8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .-mb-safe-max-1 {␊
        margin-bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-me-safe-max-1 {␊
        margin-inline-end: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-min-h-screen-safe-max-1 {␊
        min-height: max(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), -8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .-min-w-screen-safe-max-1 {␊
        min-height: max(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), -8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .-ml-safe-max-1 {␊
        margin-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-mr-safe-max-1 {␊
        margin-right: max(env(safe-area-inset-right), -8px)␊
    }␊
    .-ms-safe-max-1 {␊
        margin-inline-start: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-mt-safe-max-1 {␊
        margin-top: max(env(safe-area-inset-top), -8px)␊
    }␊
    .-mx-safe-max-1 {␊
        margin-right: max(env(safe-area-inset-right), -8px);␊
        margin-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-my-safe-max-1 {␊
        margin-top: max(env(safe-area-inset-top), -8px);␊
        margin-bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-p-safe-max-1 {␊
        padding-top: max(env(safe-area-inset-top), -8px);␊
        padding-right: max(env(safe-area-inset-right), -8px);␊
        padding-bottom: max(env(safe-area-inset-bottom), -8px);␊
        padding-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-pb-safe-max-1 {␊
        padding-bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-pe-safe-max-1 {␊
        padding-inline-end: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-pl-safe-max-1 {␊
        padding-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-pr-safe-max-1 {␊
        padding-right: max(env(safe-area-inset-right), -8px)␊
    }␊
    .-ps-safe-max-1 {␊
        padding-inline-start: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-pt-safe-max-1 {␊
        padding-top: max(env(safe-area-inset-top), -8px)␊
    }␊
    .-px-safe-max-1 {␊
        padding-right: max(env(safe-area-inset-right), -8px);␊
        padding-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-py-safe-max-1 {␊
        padding-top: max(env(safe-area-inset-top), -8px);␊
        padding-bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-right-safe-max-1 {␊
        right: max(env(safe-area-inset-right), -8px)␊
    }␊
    .-scroll-m-safe-max-1 {␊
        scroll-margin-top: max(env(safe-area-inset-top), -8px);␊
        scroll-margin-right: max(env(safe-area-inset-right), -8px);␊
        scroll-margin-bottom: max(env(safe-area-inset-bottom), -8px);␊
        scroll-margin-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-mb-safe-max-1 {␊
        scroll-margin-bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-scroll-me-safe-max-1 {␊
        scroll-margin-inline-end: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-ml-safe-max-1 {␊
        scroll-margin-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-mr-safe-max-1 {␊
        scroll-margin-right: max(env(safe-area-inset-right), -8px)␊
    }␊
    .-scroll-ms-safe-max-1 {␊
        scroll-margin-inline-start: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-mt-safe-max-1 {␊
        scroll-margin-top: max(env(safe-area-inset-top), -8px)␊
    }␊
    .-scroll-mx-safe-max-1 {␊
        scroll-margin-right: max(env(safe-area-inset-right), -8px);␊
        scroll-margin-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-my-safe-max-1 {␊
        scroll-margin-top: max(env(safe-area-inset-top), -8px);␊
        scroll-margin-bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-scroll-p-safe-max-1 {␊
        scroll-padding-top: max(env(safe-area-inset-top), -8px);␊
        scroll-padding-right: max(env(safe-area-inset-right), -8px);␊
        scroll-padding-bottom: max(env(safe-area-inset-bottom), -8px);␊
        scroll-padding-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-pb-safe-max-1 {␊
        scroll-padding-bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-scroll-pe-safe-max-1 {␊
        scroll-padding-inline-end: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-pl-safe-max-1 {␊
        scroll-padding-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-pr-safe-max-1 {␊
        scroll-padding-right: max(env(safe-area-inset-right), -8px)␊
    }␊
    .-scroll-ps-safe-max-1 {␊
        scroll-padding-inline-start: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-pt-safe-max-1 {␊
        scroll-padding-top: max(env(safe-area-inset-top), -8px)␊
    }␊
    .-scroll-px-safe-max-1 {␊
        scroll-padding-right: max(env(safe-area-inset-right), -8px);␊
        scroll-padding-left: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-scroll-py-safe-max-1 {␊
        scroll-padding-top: max(env(safe-area-inset-top), -8px);␊
        scroll-padding-bottom: max(env(safe-area-inset-bottom), -8px)␊
    }␊
    .-start-safe-max-1 {␊
        inset-inline-start: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-top-safe-max-1 {␊
        top: max(env(safe-area-inset-top), -8px)␊
    }␊
    .-w-safe-left-max-1 {␊
        height: max(env(safe-area-inset-left), -8px)␊
    }␊
    .-w-safe-right-max-1 {␊
        height: max(env(safe-area-inset-right), -8px)␊
    }␊
    .-w-screen-safe-max-1 {␊
        height: max(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), -8px);␊
        height: -webkit-fill-available␊
    }␊
    .bottom-safe-max-1 {␊
        bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .end-safe-max-1 {␊
        inset-inline-end: max(env(safe-area-inset-left), 8px)␊
    }␊
    .h-safe-bottom-max-1 {␊
        height: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .h-safe-top-max-1 {␊
        height: max(env(safe-area-inset-top), 8px)␊
    }␊
    .h-screen-safe-max-1 {␊
        height: max(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), 8px);␊
        height: -webkit-fill-available␊
    }␊
    .inset-safe-max-1 {␊
        top: max(env(safe-area-inset-top), 8px);␊
        right: max(env(safe-area-inset-right), 8px);␊
        bottom: max(env(safe-area-inset-bottom), 8px);␊
        left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .inset-x-safe-max-1 {␊
        right: max(env(safe-area-inset-right), 8px);␊
        left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .inset-y-safe-max-1 {␊
        top: max(env(safe-area-inset-top), 8px);␊
        bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .left-safe-max-1 {␊
        left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .m-safe-max-1 {␊
        margin-top: max(env(safe-area-inset-top), 8px);␊
        margin-right: max(env(safe-area-inset-right), 8px);␊
        margin-bottom: max(env(safe-area-inset-bottom), 8px);␊
        margin-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .max-h-screen-safe-max-1 {␊
        max-height: max(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), 8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .max-w-screen-safe-max-1 {␊
        max-height: max(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), 8px);␊
        max-height: -webkit-fill-available␊
    }␊
    .mb-safe-max-1 {␊
        margin-bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .me-safe-max-1 {␊
        margin-inline-end: max(env(safe-area-inset-left), 8px)␊
    }␊
    .min-h-screen-safe-max-1 {␊
        min-height: max(calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))), 8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .min-w-screen-safe-max-1 {␊
        min-height: max(calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right))), 8px);␊
        min-height: -webkit-fill-available␊
    }␊
    .ml-safe-max-1 {␊
        margin-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .mr-safe-max-1 {␊
        margin-right: max(env(safe-area-inset-right), 8px)␊
    }␊
    .ms-safe-max-1 {␊
        margin-inline-start: max(env(safe-area-inset-left), 8px)␊
    }␊
    .mt-safe-max-1 {␊
        margin-top: max(env(safe-area-inset-top), 8px)␊
    }␊
    .mx-safe-max-1 {␊
        margin-right: max(env(safe-area-inset-right), 8px);␊
        margin-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .my-safe-max-1 {␊
        margin-top: max(env(safe-area-inset-top), 8px);␊
        margin-bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .p-safe-max-1 {␊
        padding-top: max(env(safe-area-inset-top), 8px);␊
        padding-right: max(env(safe-area-inset-right), 8px);␊
        padding-bottom: max(env(safe-area-inset-bottom), 8px);␊
        padding-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .pb-safe-max-1 {␊
        padding-bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .pe-safe-max-1 {␊
        padding-inline-end: max(env(safe-area-inset-left), 8px)␊
    }␊
    .pl-safe-max-1 {␊
        padding-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .pr-safe-max-1 {␊
        padding-right: max(env(safe-area-inset-right), 8px)␊
    }␊
    .ps-safe-max-1 {␊
        padding-inline-start: max(env(safe-area-inset-left), 8px)␊
    }␊
    .pt-safe-max-1 {␊
        padding-top: max(env(safe-area-inset-top), 8px)␊
    }␊
    .px-safe-max-1 {␊
        padding-right: max(env(safe-area-inset-right), 8px);␊
        padding-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .py-safe-max-1 {␊
        padding-top: max(env(safe-area-inset-top), 8px);␊
        padding-bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .right-safe-max-1 {␊
        right: max(env(safe-area-inset-right), 8px)␊
    }␊
    .scroll-m-safe-max-1 {␊
        scroll-margin-top: max(env(safe-area-inset-top), 8px);␊
        scroll-margin-right: max(env(safe-area-inset-right), 8px);␊
        scroll-margin-bottom: max(env(safe-area-inset-bottom), 8px);␊
        scroll-margin-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-mb-safe-max-1 {␊
        scroll-margin-bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .scroll-me-safe-max-1 {␊
        scroll-margin-inline-end: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-ml-safe-max-1 {␊
        scroll-margin-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-mr-safe-max-1 {␊
        scroll-margin-right: max(env(safe-area-inset-right), 8px)␊
    }␊
    .scroll-ms-safe-max-1 {␊
        scroll-margin-inline-start: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-mt-safe-max-1 {␊
        scroll-margin-top: max(env(safe-area-inset-top), 8px)␊
    }␊
    .scroll-mx-safe-max-1 {␊
        scroll-margin-right: max(env(safe-area-inset-right), 8px);␊
        scroll-margin-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-my-safe-max-1 {␊
        scroll-margin-top: max(env(safe-area-inset-top), 8px);␊
        scroll-margin-bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .scroll-p-safe-max-1 {␊
        scroll-padding-top: max(env(safe-area-inset-top), 8px);␊
        scroll-padding-right: max(env(safe-area-inset-right), 8px);␊
        scroll-padding-bottom: max(env(safe-area-inset-bottom), 8px);␊
        scroll-padding-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-pb-safe-max-1 {␊
        scroll-padding-bottom: max(env(safe-area-inset-bottom), 8px)␊
    }␊
    .scroll-pe-safe-max-1 {␊
        scroll-padding-inline-end: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-pl-safe-max-1 {␊
        scroll-padding-left: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-pr-safe-max-1 {␊
        scroll-padding-right: max(env(safe-area-inset-right), 8px)␊
    }␊
    .scroll-ps-safe-max-1 {␊
        scroll-padding-inline-start: max(env(safe-area-inset-left), 8px)␊
    }␊
    .scroll-pt-safe-max-1 {␊
        scroll-padding-top: max(env(safe-area-inset-top), 8px)␊
    }␊
    .scroll-px-safe-max-1 {␊
        scrol