#plannerView .planner-stats>div::after{display:none}
#plannerView .planner-week-spark{
  position:absolute;
  right:14px;
  bottom:15px;
  display:flex;
  align-items:flex-end;
  gap:5px;
  width:100px;
  height:50px;
  color:#328dff;
}
#plannerView .planner-stats>div:nth-child(2) .planner-week-spark{color:#a866f7}
#plannerView .planner-stats>div:nth-child(3) .planner-week-spark{color:#ff696e}
#plannerView .planner-stats>div:nth-child(4) .planner-week-spark{color:#45d6a2}
#plannerView .planner-week-spark i{
  position:relative;
  display:block;
  flex:none;
  width:10px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:currentColor;
  box-shadow:0 0 7px currentColor;
  transition:height 420ms cubic-bezier(.25,.8,.25,1),opacity 420ms ease,filter 180ms ease,transform 180ms ease;
}
#plannerView .planner-week-spark i.is-empty{opacity:.28;box-shadow:none;pointer-events:none}
#plannerView .planner-week-spark i:not(.is-empty){cursor:help}
#plannerView .planner-week-spark i:not(.is-empty):is(:hover,:focus-visible){z-index:2;filter:brightness(1.55);transform:translateY(-2px);box-shadow:0 0 13px currentColor}
#plannerView .planner-week-spark i[data-tip]::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  padding:6px 8px;
  border:1px solid #536577;
  border-radius:7px;
  background:#26313e;
  box-shadow:0 7px 18px #0009;
  color:#f5f8fc;
  font-size:10px;
  font-style:normal;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,4px);
  transition:opacity 160ms ease,transform 160ms ease;
}
#plannerView .planner-week-spark i[data-tip]::before{
  content:'';
  position:absolute;
  left:50%;
  bottom:calc(100% + 4px);
  border:6px solid transparent;
  border-top-color:#26313e;
  opacity:0;
  pointer-events:none;
  transform:translateX(-50%);
  transition:opacity 160ms ease;
}
#plannerView .planner-week-spark i[data-tip]:is(:hover,:focus-visible)::before,
#plannerView .planner-week-spark i[data-tip]:is(:hover,:focus-visible)::after{opacity:1}
#plannerView .planner-week-spark i[data-tip]:is(:hover,:focus-visible)::after{transform:translate(-50%,0)}
#plannerView .planner-week-spark i[data-tip]:nth-last-child(-n+2)::after{left:auto;right:0;transform:translateY(4px)}
#plannerView .planner-week-spark i[data-tip]:nth-last-child(-n+2):is(:hover,:focus-visible)::after{transform:translateY(0)}
@media(max-width:580px){
  #plannerView .planner-week-spark{right:9px;bottom:11px;gap:4px;width:80px;height:50px}
  #plannerView .planner-week-spark i{width:8px}
}
@media(prefers-reduced-motion:reduce){
  #plannerView .planner-week-spark i,
  #plannerView .planner-week-spark i::before,
  #plannerView .planner-week-spark i::after{transition:none}
}