/* Scoped to developer navigation and Sign out; loaded after base styles. */
#devTabs .devtab.jelly-tab,
#logoutBtn.jelly-tab {
  position: relative;
  isolation: isolate;
  height: 48px;
  min-width: 86px;
  padding: 0 25px;
  justify-content: center;
  flex: 0 0 auto;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #FFF5EB;
  font-size: 13.5px;
  text-shadow: -1px 0 #262626, 1px 0 #262626, 0 -1px #262626, 0 1px #262626;
  transition: transform 320ms cubic-bezier(.2,1.5,.4,1);
  -webkit-tap-highlight-color: transparent;
}
#devTabs .jelly-tab-art,
#logoutBtn .jelly-tab-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  /* Matches JELLY_OVERRIDES.ink in components/JellyButton.js. */
  --jelly-base: #1D1D1D;
  --jelly-top: #262626;
  --jelly-lip: #131313;
  --jelly-shadow: #0A0A0A;
  --jelly-gloss: .38;
}
#devTabs .devtab.on .jelly-tab-art {
  --jelly-base: #FF6F61;
  --jelly-top: #FF7D71;
  --jelly-lip: #BF5349;
  --jelly-shadow: #803831;
  --jelly-gloss: 1;
}
#devTabs .jelly-tab .badge {
  position: relative;
  margin-left: 7px;
  background: #FF6F61;
  color: #FFF5EB;
  text-shadow: none;
  border: 1px solid #F5EAD5;
}
#devTabs .jelly-tab.on .badge { background: #FFF5EB; color: #262626; }
@media (hover: hover) {
  #devTabs .jelly-tab:hover,
  #logoutBtn.jelly-tab:hover { transform: translateY(-1px); }
  #devTabs .jelly-tab:hover .jelly-tab-art,
  #logoutBtn.jelly-tab:hover .jelly-tab-art { --jelly-gloss: .65; }
  #devTabs .jelly-tab.on:hover .jelly-tab-art { --jelly-gloss: 1; }
}
#devTabs .jelly-tab:active,
#logoutBtn.jelly-tab:active {
  transform: translateY(2px) scale(.97);
  transition-duration: 90ms;
}
#devTabs .jelly-tab:focus-visible,
#logoutBtn.jelly-tab:focus-visible {
  outline: 2px solid #FFF5EB;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  #devTabs .devtab.jelly-tab,
  #logoutBtn.jelly-tab { transition: none; transform: none; }
}
@media (forced-colors: active) {
  #devTabs .jelly-tab-art,
  #logoutBtn .jelly-tab-art { display: none; }
  #devTabs .devtab.jelly-tab,
  #logoutBtn.jelly-tab { border: 1px solid ButtonText; text-shadow: none; }
  #devTabs .devtab.jelly-tab.on { border: 3px solid Highlight; }
}