.infotext-fancybox .fancybox-content{
  padding:0;
}

.infotext{
  --infotextPadding:1.5em;
  --severityColor:hsl(204, 100%, 35%);
  --severitySecondaryColor:hsl(219, 100%, 25%);
}
.infotext--critical{
  --severityColor:rgb(255, 65, 65);
  --severitySecondaryColor:rgb(168, 0, 0);
}
.infotext__header{
  padding:var(--infotextPadding);
  background-color:var(--severityColor);
  position:relative;
}
.infotext__title{
  margin:0;
  color:hsl(0, 0%, 100%);
}
.infotext__body, .infotext__footer{
  padding:var(--infotextPadding);
}
.infotext__footer{
  text-align:center;
}
.infotext__close-btn{
  all:unset;
  padding:0.5rem;
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
}
.infotext__close-btn:hover .infotext__close-img{
  -webkit-filter:invert(0.75);
          filter:invert(0.75);
}
.infotext__close-img{
  width:1rem;
  height:1rem;
  -webkit-filter:invert(1);
          filter:invert(1);
}
.infotext__btn{
  border-color:var(--severityColor);
  background-color:var(--severityColor);
}
.infotext__btn:hover{
  border-color:var(--severitySecondaryColor);
  background-color:var(--severitySecondaryColor);
}