@layer native {
  .app-body--native {
    --bottom-bar-clearance: calc(1.5rem + var(--safe-area-bottom));

    :is(.app-main, .guest-main) {
      padding-block: var(--safe-area-top) var(--bottom-bar-clearance);
    }
  }

  :root[data-text-size="xsmall"] { font-size: 14px; }
  :root[data-text-size="small"] { font-size: 15px; }
  :root[data-text-size="medium"] { font-size: 16px; }
  :root[data-text-size="large"] { font-size: 17px; }
  :root[data-text-size="xlarge"] { font-size: 19px; }
  :root[data-text-size="xxlarge"] { font-size: 21px; }
  :root[data-text-size="xxxlarge"] { font-size: 23px; }
  :root[data-text-size="accessibility-medium"] { font-size: 28px; }
  :root[data-text-size="accessibility-large"] { font-size: 33px; }
  :root[data-text-size="accessibility-xlarge"] { font-size: 40px; }
  :root[data-text-size="accessibility-xxlarge"] { font-size: 47px; }
  :root[data-text-size="accessibility-xxxlarge"] { font-size: 53px; }
}

[data-bridge-components~="form"] [data-controller~="bridge--form"] [data-bridge--form-target~="submit"] {
  display: none;
}