/* Shared geometry keeps every bottom tab aligned. */
.authenticated .bottom{
  align-items:start;
}
.authenticated .bottom .nav{
  position:relative;
  height:68px;
  min-height:68px;
  margin:0;
  padding:0 3px;
  display:grid;
  grid-template-rows:46px 14px;
  align-content:start;
  justify-items:center;
  row-gap:3px;
}
.authenticated .bottom .nav-icon-slot{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  align-self:start;
}
.authenticated .bottom .nav-icon-slot > .icon{
  display:block;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.authenticated .bottom .nav-icon-slot > .pinned-nav-icon{
  display:block;
  width:26px;
  height:26px;
  object-fit:contain;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.authenticated .bottom .nav-label{
  display:block;
  height:14px;
  margin:0;
  font:600 9px/14px 'JetBrains Mono',monospace;
  white-space:nowrap;
  text-align:center;
}
.authenticated .bottom .nav.active .nav-icon-slot{
  width:46px;
  height:46px;
  background:transparent;
  border:0;
  box-shadow:none;
}
.authenticated .bottom .nav.active .nav-icon-slot > .icon,
.authenticated .bottom .nav.active .nav-icon-slot > .pinned-nav-icon{
  width:30px;
  height:30px;
  padding:4px;
  background:#ff8fb1;
  border:2px solid #1a1b1f;
  border-radius:10px;
  box-shadow:2px 2px 0 #1a1b1f;
}
.authenticated .bottom .nav.add{
  margin:0;
}
.authenticated .bottom .nav.add .nav-icon-slot{
  width:46px;
  height:46px;
  border-radius:16px;
  background:#83e7be;
  color:#1a1b1f;
  border:2.5px solid #1a1b1f;
  box-shadow:3px 3px 0 #1a1b1f;
}
.authenticated .bottom .nav.add .nav-icon-slot > .icon{
  width:25px;
  height:25px;
  color:#1a1b1f;
}
.theme-formal.authenticated .bottom .nav.active .nav-icon-slot > .icon,
.theme-formal.authenticated .bottom .nav.active .nav-icon-slot > .pinned-nav-icon{
  background:#e0e6e9!important;
  color:#045e78!important;
  border:0!important;
  box-shadow:none!important;
}
.theme-formal.authenticated .bottom .nav.add .nav-icon-slot{
  background:#045e78!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.theme-formal.authenticated .bottom .nav.add .nav-icon-slot > .icon{
  color:#fff!important;
}