/* NAV BAR */
.tt-nav{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  height:62px;
  background:#000;
  display:flex;
  justify-content:space-around;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.06);
  z-index:100;
}

/* NORMAL ICONS */
.tt-item{
  background:none;
  border:none;
  padding:8px;
  color:#8a8b91; /* TikTok gray */
}

.tt-item svg{
  width:24px;
  height:24px;
  transition:color .15s ease, transform .15s ease;
}

/* ACTIVE */
.tt-item.active{
  color:#fff;
}

/* PRESS FEEDBACK (VERY IMPORTANT) */
.tt-item:active svg{
  transform:scale(.96);
}

/* CREATE BUTTON */
.tt-create{
  background:none;
  border:none;
}

.tt-create-bg{
  width:44px;
  height:30px;
  background:#fff;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tt-create-bg svg{
  width:22px;
  height:22px;
  color:#000;
}