/* Position and mobile visibility belong to the sidebar's dedicated mascot slot. */
.mascot.mascot--dynamic {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  aspect-ratio: auto;
  background: none;
  -webkit-mask: none;
  mask: none;
  pointer-events: none;
}
.mascot__fallback,
.mascot__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mascot__fallback {
  display: block;
  background-color: var(--mascot-color);
  -webkit-mask: url('../images/tenshi.png') center / contain no-repeat;
  mask: url('../images/tenshi.png') center / contain no-repeat;
}
.mascot__image {
  display: block;
  object-fit: contain;
  object-position: center bottom;
  filter: none;
}
.mascot__image[hidden] { display: none; }
.mascot--custom .mascot__fallback { visibility: hidden; }