/* Web-only App Store banner. Native Build78 and shared resources are unchanged. */
:root{--app-store-banner-height:calc(64px + var(--safe-bottom,0px))}
.wave{bottom:var(--app-store-banner-height);height:calc(100% - var(--app-store-banner-height))}
body[data-phone-layout="portrait"] .information-button svg,body[data-phone-layout="portrait"] .word-audio-button svg{transform:translateY(var(--web-corner-glyph-offset-y,0px))}
.app{height:var(--keyboard-page-height,calc(100vh - var(--app-store-banner-height)))}
@supports(height:100svh){.app{height:var(--keyboard-page-height,calc(100svh - var(--app-store-banner-height)))}}
.app-store-banner{--banner-logo-inset:18.75px;--banner-close-inset:8px;--banner-close-width:32px;--banner-copy-gap:14px;--banner-logo-size:42px;position:fixed;z-index:4;right:0;bottom:0;left:0;height:var(--app-store-banner-height);padding-bottom:var(--safe-bottom,0px);border-top:1px solid #dce5ef;background:#fff;color:#071a53;box-shadow:0 -3px 14px #071a5309}
.app-store-banner-inner{display:grid;grid-template-columns:var(--banner-logo-size) var(--banner-copy-gap) minmax(0,1fr) var(--banner-copy-gap) auto var(--banner-close-inset) var(--banner-close-width);align-items:center;width:100%;height:63px;margin:0;padding:8px var(--banner-close-inset) 8px var(--banner-logo-inset)}
.app-store-banner-logo{grid-column:1;grid-row:1;display:block;width:42px;height:42px;border-radius:10px}
.app-store-banner-copy{grid-column:3;grid-row:1;min-width:0}
.app-store-banner-copy h2{margin:0 0 3px;font-size:15px;font-weight:700;line-height:1.25}
.app-store-banner-copy p{margin:0;color:#596173;font-size:12px;font-weight:400;line-height:1.4}
.app-store-banner-link{grid-column:5;grid-row:1;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border-radius:999px;background:#071a53;color:#fff;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.app-store-banner-link svg{flex:none;margin-left:6px}
.app-store-banner-link:focus-visible{outline:3px solid #0075ef;outline-offset:3px}
.app-store-banner-link:hover{text-decoration:underline;text-underline-offset:3px}
.app-store-banner-close{grid-column:7;grid-row:1;display:grid;place-items:center;width:var(--banner-close-width);height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:#596173;line-height:0;-webkit-tap-highlight-color:transparent}
.app-store-banner-close svg{pointer-events:none}
.app-store-banner-close:focus-visible{outline:3px solid #0075ef;outline-offset:1px}
:root[data-app-store-banner="closed"]{--app-store-banner-height:0px}
@media(max-width:620px){
  :root{--app-store-banner-height:calc(80px + var(--safe-bottom,0px))}
  .app-store-banner{--banner-logo-size:38px;--banner-copy-gap:8px}
  .app-store-banner-inner{height:79px}
  .app-store-banner-logo{width:38px;height:38px;border-radius:9px}
  .app-store-banner-copy h2{font-size:13px}
  .app-store-banner-copy p{font-size:10.5px;line-height:1.4}
  .app-store-banner-link{min-height:40px;padding:10px 12px;font-size:11px}
  .app-store-banner-link svg{width:13px;height:13px;margin-left:4px}
}
@media(max-width:350px){
  .app-store-banner{--banner-logo-size:32px;--banner-copy-gap:6px}
  .app-store-banner-inner{padding-top:7px;padding-bottom:7px}
  .app-store-banner-logo{width:32px;height:32px}
  .app-store-banner-link{padding-left:8px;padding-right:8px}
}