/* websites-ui InstallAppBar.module.scss parity: hidden by default, flex
     below the sm breakpoint (576px). */
  .install-app-bar { display: none; }
.install-app-bar__close { display: inline-flex;
    border: 0;
    padding: 0;
    background: none;
    cursor: pointer; }
.install-app-bar__close svg { transition: transform 0.3s ease; }
.install-app-bar__close:hover svg { transform: rotate(90deg) scale(1.1); }
.install-app-bar__close:active svg { transform: rotate(90deg) scale(0.9); }
.install-app-bar__inner { height: 100%;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.33333;
    flex: 1 1 auto;
    display: flex;
    align-items: center; }
.install-app-bar__text { padding: 0 8px;
    flex-grow: 1; }
.install-app-bar__btn { font-size: 17px;
    color: #006fbb; }
.install-app-bar__logo { border: 0.8px #d5d5d5 solid;
    border-radius: 11.3px;
    width: 48px;
    height: 48px;
    background: #fff
      url(https://websites.am-static.com/assets/brands/glyph/aftership-colored.svg)
      no-repeat center;
    flex-shrink: 0; }
@media (max-width: 575.98px) { .install-app-bar { background: #f2f2f2;
      display: flex;
      align-items: center;
      position: relative;
      will-change: transform;
      padding: 8px 16px;
      gap: 8px; } }