@layer native {
  [data-platform~=native] {
    --footer-height: 0;

    -webkit-tap-highlight-color: transparent;

    .hide-on-native {
      display: none;
    }

    /* Layout
    /* ------------------------------------------------------------------------ */

    &:not(.contained-scrolling) {
      #main {
        padding-block-end: var(--custom-safe-inset-bottom);
      }
    }

    /* Header
    /* ------------------------------------------------------------------------ */

    .header {
      padding-block-start: var(--custom-safe-inset-top);
    }

    .header--mobile-actions-stack {
      .header__title {
        margin-block-start: 0;
      }
    }

    .header__actions {
      .btn--back {
        display: none;
      }
    }
  }
}