/* ============================
   Mood Tracker — from scratch
   ============================ */

#mood-tracker {
  background: #ffeaa7;
  border-top: 2px dashed #fdcb6e;
  margin: 15px -20px -20px -20px;
  overflow: hidden;
  height: 30px;
  position: relative;
  font-family: "Comic Sans MS", "ComicNeue", cursive, sans-serif;
}

#mood-tracker .mood-inner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  line-height: 30px;
  font-size: 0.85em;
  font-weight: bold;
  color: #d63031;
  will-change: transform;
}

#mood-tracker .mood-gif {
  height: 22px;
  vertical-align: middle;
}

#mood-tracker .mood-emoji {
  font-size: 1.2em;
  vertical-align: middle;
}