.tablet-app-banner[hidden] { display: none !important; }
.tablet-app-banner {
  box-sizing: border-box; width: 100%; padding: .8rem 1rem;
  border: 1px solid #9ab2cb; border-radius: .65rem;
  background: #edf4fa; color: #102033; text-align: left;
  font-size: .8rem; line-height: 1.4;
}
.tablet-app-banner p { margin: 0 0 .35rem; color: #334155; }
.tablet-app-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .75rem; }
.tablet-app-banner a, .tablet-app-banner button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  box-sizing: border-box; font: inherit; padding: .45rem .65rem;
}
.tablet-app-banner .tablet-app-primary {
  background: #1e3a5f; color: #fff; border-radius: .4rem; font-weight: 700;
  text-decoration: none; text-align: center;
}
.tablet-app-banner .tablet-app-download { color: #183b61; text-decoration: underline; }
.tablet-app-banner button {
  background: transparent; border: 1px solid #9ab2cb; color: #334155;
  border-radius: .4rem; cursor: pointer; margin-left: auto;
}
.tablet-app-banner :is(a, button):focus-visible { outline: 3px solid #102033; outline-offset: 2px; }
.tablet-app-banner .tablet-app-help { margin: .4rem 0 0; font-size: .72rem; }
.kiosk-card > .tablet-app-banner { margin-bottom: 1rem; }
.kiosk-view > .tablet-app-banner { flex-shrink: 0; width: calc(100% - 2rem); max-width: 900px; margin: .5rem 1rem; }
body.kiosk-view.tablet-app-offer { justify-content: flex-start; overflow-y: auto; padding-top: 4rem; }
body.kiosk-view.tablet-update-offer { justify-content: flex-start; overflow-y: auto; padding-top: 4rem; }
.kiosk-view.tablet-update-offer > .kiosk-screen { flex-shrink: 0; }
.tablet-app-banner button.tablet-app-primary { margin-left: 0; }
.kiosk-view.tablet-app-offer > .kiosk-screen { flex-shrink: 0; }
@media (max-width: 600px) {
  .tablet-app-banner .tablet-app-primary { width: 100%; }
}