.header-img-hug img[src^="data:image/"],
.header-icon-hug img[src^="data:image/"]{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
  opacity:0;
}

.header-img-hug img, .header-icon-hug img {
  user-select:none;
  -webkit-user-drag:none;
}

/*====== POPUP STUFF BELOW ======*/
label[for]{cursor:pointer}dialog input[type="radio"],label[for="close-popups"i] input[type="radio"]{position:absolute;margin:-1px;width:1px;height:1px;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;padding:0;white-space:nowrap;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;opacity:0}dialog{all:unset;position:fixed;margin:0;display:block;top:50%;left:50%;transform:translate3D(-50%,-50%,0);width:var(--Popup-Width,420px);visibility:hidden;opacity:0;transition:opacity var(--Popup-Fade-Speed,420ms) ease-in-out,visibility 0s var(--Popup-Fade-Speed,420ms) ease-in-out;z-index:calc(var(--Popup-Z-Index,9) + 1)}dialog:has(>input[type="radio"]:checked){visibility:visible;opacity:1;transition:opacity var(--Popup-Fade-Speed,420ms) ease-in-out,visibility 0s 0s ease-in-out}dialog .popup-inner{max-height:var(--Popup-Max-Height,85vh);padding:var(--Popup-Padding,0);overflow:auto;box-sizing:border-box;background:var(--Popup-Contents-BG,transparent)}dialog .popup-inner>:is(p,ol,ul,h1,h2,h3,h4,h5,h6):first-child{margin-top:0}dialog .popup-inner>:is(p,ol,ul,h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}label[for="close-popups"i]{position:fixed;display:block;margin:0;top:0;left:0;width:100vw;height:100vh;backdrop-filter:blur(var(--Popup-BG-Blur,0));visibility:hidden;opacity:0;transition:opacity var(--Popup-Fade-Speed,420ms) ease-in-out,visibility 0s var(--Popup-Fade-Speed,420ms) ease-in-out;z-index:var(--Popup-Z-Index,9);cursor:default!important}label[for="close-popups"i]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--Popup-BG-Color);opacity:calc(100% - var(--Popup-BG-Color-Transparency,100%));z-index:-1}body:has(dialog>input[type="radio"]:checked) label[for="close-popups"i]{visibility:visible;opacity:1;transition:opacity var(--Popup-Fade-Speed,420ms) ease-in-out,visibility 0s 0s ease-in-out}

:root {
  --Popup-Fade-Speed:420ms;
  --Popup-Z-Index:9; /* required */
  --Popup-BG-Color:var(--Background-Color);
  --Popup-BG-Color-Transparency:25%;
  --Popup-BG-Blur:5px;
  --Popup-Width:calc(clamp(var(--Container-Min-Width),var(--Container-Width),var(--Container-Max-Width)) - (var(--Boxes-Padding) * 2) - 40px); /* required */
  --Popup-Max-Height:calc(100vh - (var(--Screen-Gaps) * 2));
  --Popup-Padding:var(--Boxes-Padding);
  --Popup-Contents-BG:var(--Boxes-BG);
}

@media (max-width: 600px){
  :root {
    --Popup-Width:min(var(--Container-Width),var(--Container-Max-Width));
  }
}

dialog .popup-inner {
  border-radius:var(--Boxes-Rounded-Corners);
  filter:drop-shadow(var(--Boxes-Shadow-X-Offset) var(--Boxes-Shadow-Y-Offset) var(--Boxes-Shadow-Size) rgb(from var(--Boxes-Shadow-Color,#000) r g b / var(--Boxes-Shadow-Strength,100%)));
  overflow:initial;
}

.popup-inner .box-heading:first-child {
  margin-top:calc(0px - var(--Boxes-Padding) - var(--Box-Heading-Border-Size) - var(--Box-Heading-Padding-Y) - (var(--Box-Heading-Font-Size) / 2));
}

.popup-inner .box-heading:not(:last-child){
  margin-bottom:calc(var(--Boxes-Padding) - var(--Body-LH-V-Gap) + 1px);
}

.more-credits {
  position:absolute;
  bottom:0;right:0;

  margin-bottom:calc(0px - var(--Box-Heading-Border-Size) - var(--Box-Heading-Padding-Y) - (var(--Box-Heading-Font-Size) / 2));
  margin-right:calc(var(--Boxes-Padding) - 2px);

  font-family: var(--Heading-Font-Family);
  font-weight:var(--Heading-Font-Weight);
  text-transform: uppercase;
  letter-spacing: var(--Heading-Letter-Spacing);
  
  font-size: var(--Box-Heading-Font-Size);
  color: var(--Box-Heading-Text-Color);
  filter: drop-shadow(var(--Box-Heading-Shadow-X-Offset) var(--Box-Heading-Shadow-Y-Offset) var(--Box-Heading-Shadow-Size) rgb(from var(--Box-Heading-Shadow-Color, #000) r g b / var(--Box-Heading-Shadow-Strength, 100%)));
}

.more-credits label {
  display: inline-block;
  border: var(--Box-Heading-Border-Size) solid var(--Box-Heading-Border-Color);
  border-radius: var(--Box-Heading-Rounded-Corners);
  padding: calc(var(--Box-Heading-Padding-Y) - var(--Body-LH-V-Gap)) var(--Box-Heading-Padding-X);
  background: var(--Box-Heading-BG);
}