/* ==================================================================
    STATISTICS GRAPH
================================================================== */

.table-stats td,
.table-total td {
  text-align: left;
}

.table-stats td:nth-child(3),
.table-total td:nth-child(2) {
  text-align: right;
}

.stats-graph span {
  display: inline-block;
  height: var(--font-size-normal);
}

.clean-table table {
  margin-bottom: 0;
}

figure {
  margin: 0;
}

.franklin-content .img-full img {
  width: 100%;
  height: 100%;
  margin-left: 0%;
  text-align: center;
}

#space {
  color: var(--background);
  display: none;
}
@media (max-width: 480px) {
  #space {
    display: unset;
  }
}

/* ==================================================================
    FAVORITES
================================================================== */

.bottom-margin {
  margin-bottom: 1rem;
}

.favorites {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: var(--font-size-normal);
}

.anime-title {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 0;
  font-size: 0.75rem;
  line-height: 1rem;
  max-height: 3rem;
  word-break: break-word;
  word-wrap: break-word;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  left: 1px;
  bottom: 1px;
  padding: 0.1rem;
  width: max-content;
  max-width: calc(99px - 0.1rem);
  opacity: 0;
}

.favorites img {
  border: var(--rule);
  z-index: -1;
  position: relative;
}

.favorites a {
  width: 102px;
  height: 152px;
  position: relative;
}

.favorites a:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.favorites a:hover .anime-title {
  /* box-shadow: inset 0px -20px 50px 0px rgba(0, 0, 0, 1); */
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}