button.positive-feedback-off {
  display: none !important;
}
button.negative-feedback-off {
  display: none !important;
}
#custom-progress-container {
    width: 100%;
    background-color: #eee;
    border-radius: 8px;
    overflow: hidden;
    height: 25px;
}
#custom-progress-bar {
    height: 100%;
    width: 0%;
    background-color: #4caf50;
    text-align: center;
    line-height: 25px;
    color: black;
    border-radius: 8px;
    transition: width 0.3s;
    padding-left: 5px; /* Padding for better text visibility at 0%. Else, at 0%, text is cramped left side. This way, we have a tiny bit of green even if at 0%, but this kinda makes it obvious, we're having a progress bar in the first place, so IMO this is acceptable */
}
.custom-transparent-bg {
  background-color: transparent;
}
/* Hide (hopefully only) the side bar */
.md\:flex.flex-col.flex-grow.sm\:hidden.transform.transition-transform.duration-300.ease-in-out.translate-x-0 {
  display: none !important;
}