div.postCell:has(span.diceRoll) { display: none; }

div:has(> span.unhideButton) { display: none; }

span.labelId {
    color: var(--contrast-color);
    background-image: linear-gradient(0deg, var(--contrast-color), var(--contrast-color));
    text-shadow: none;
    display: inline-block;
    max-width: 2px; /* or remove and use a border */
    border: none; /*1px dotted var(--horizon-sep-color);*/
}
span.labelId:hover {
    color: white;
    background-image: linear-gradient(-45deg, rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    text-shadow: -1px -1px 2px #000, 0px 0px 2px #000;
    max-width: none;
    border: 1px solid rgba(0,0,0,0.1);
}

span.labelId {
    background-image: linear-gradient(-45deg, rgba(0,0,0,0.5), rgba(0,0,0,0.3));
}

span.relativeTime {
  display: inline-block;
  max-width: 0px;
  max-height: 1.1em;
  overflow: hidden;
  padding: 0px 0px 0px calc(8ch + 2px);
  margin-left: -8ch;
}
span.relativeTime:hover { max-width: none }

a.originalNameLink { direction: rtl }

div.panelUploads { display: none }

.uploadCell.expandedCell .mediaContainer,
.uploadCell.expandedCell video,
.uploadCell.expandedCell img {
  max-width: 100vw;
  max-height: 100vh;
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

/*replyPreview still shows at bottom of post if it's empty, adding the margin*/
.replyPreview:empty {
  display: none;
}

body > img {  z-index: 2; }

nav.navHeader { top: auto; bottom: 0; }
footer { margin-bottom: 2rem; }

const autoRefreshCheckbox = document.getElementById('checkboxChangeRefresh');
if (autoRefreshCheckbox && autoRefreshCheckbox.checked) {
  autoRefreshCheckbox.checked = false;
}

document.querySelectorAll('a.imgLink').forEach(link => {
  const img = link.querySelector('img[src="/vyt/custom.spoiler"]');
  if (img) {
    link.replaceWith(img);
  }
});

document.getElementsByClassName("close-btn")[1].addEventListener("click", () => {
  document.getElementById('quick-reply').children[0].reset()
});