/* CLIENT-APP-INSTALL-R1 */

.client-app-entry-legacy{
  display:none!important;
}

.client-install-banner{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:2147482000;

  display:grid;
  grid-template-columns:
    46px
    minmax(0,1fr)
    auto;

  align-items:center;
  gap:11px;

  width:min(
    390px,
    calc(100vw - 36px)
  );

  box-sizing:border-box;

  min-height:74px;

  padding:10px 10px 10px 11px;

  border:
    1px solid rgba(
      204,
      157,
      66,
      .34
    );

  border-radius:16px;

  background:
    linear-gradient(
      145deg,
      rgba(19,18,15,.985),
      rgba(11,11,9,.985)
    );

  color:#F2ECE2;

  box-shadow:
    0 18px 60px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.035);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  transform:translateY(0);
  opacity:1;

  transition:
    opacity .18s ease,
    transform .18s ease;
}

.client-install-banner[hidden]{
  display:none!important;
}

.client-install-banner.leaving{
  opacity:0;
  transform:translateY(10px);
}

.client-install-icon{
  display:grid;
  place-items:center;

  width:46px;
  height:46px;

  border:
    1px solid rgba(
      214,
      168,
      76,
      .26
    );

  border-radius:12px;

  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(207,159,66,.12),
      rgba(5,5,4,.92)
    );

  overflow:hidden;
}

.client-install-icon img{
  display:block;

  width:38px;
  height:38px;

  object-fit:contain;
}

.client-install-copy{
  display:flex;
  flex-direction:column;

  min-width:0;

  gap:3px;
}

.client-install-copy strong{
  overflow:hidden;

  color:#F6F0E7;

  font-size:11px;
  font-weight:900;
  line-height:1.2;

  white-space:nowrap;
  text-overflow:ellipsis;
}

.client-install-copy span{
  max-width:190px;

  color:#968C80;

  font-size:8px;
  font-weight:600;
  line-height:1.35;
}

.client-install-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

.client-install-later{
  padding:7px 4px;

  border:0;

  background:transparent;

  color:#A89D90;

  font:inherit;
  font-size:8px;
  font-weight:800;

  cursor:pointer;
}

.client-install-later:hover{
  color:#D6A84E;
}

.client-install-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:66px;
  min-height:34px;

  box-sizing:border-box;

  padding:8px 12px;

  border:
    1px solid #B57F28;

  border-radius:10px;

  background:
    linear-gradient(
      180deg,
      #D7A74C,
      #B77E28
    );

  color:#171107;

  font-size:9px;
  font-weight:950;
  line-height:1;

  text-decoration:none;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 6px 16px rgba(178,123,37,.12);
}

.client-install-button:hover{
  filter:brightness(1.06);
}

@media(max-width:620px){

  .client-install-banner{
    right:8px;

    bottom:
      calc(
        8px +
        env(safe-area-inset-bottom)
      );

    width:
      calc(100vw - 16px);

    grid-template-columns:
      42px
      minmax(0,1fr)
      auto;

    gap:9px;

    min-height:68px;

    padding:
      9px;
  }

  .client-install-icon{
    width:42px;
    height:42px;
  }

  .client-install-icon img{
    width:35px;
    height:35px;
  }

  .client-install-copy strong{
    font-size:10px;
  }

  .client-install-copy span{
    max-width:150px;
    font-size:7px;
  }

  .client-install-actions{
    gap:4px;
  }

  .client-install-later{
    font-size:7px;
  }

  .client-install-button{
    min-width:61px;
    min-height:32px;

    padding:
      7px
      10px;

    font-size:8px;
  }
}

@media(max-width:410px){

  .client-install-copy span{
    max-width:120px;
  }

  .client-install-later{
    display:none;
  }
}

/* /CLIENT-APP-INSTALL-R1 */