.nsfw-gate {
  display: flow-root;
}
.file > .nsfw-gate {
  float: left;
}
.nsfw-reveal {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: clamp(120px, var(--nsfw-width, 150px), 255px);
  height: clamp(100px, var(--nsfw-height, 150px), 255px);
  max-width: 100%;
  padding: 12px;
  border: 2px dashed #777;
  border-radius: 4px;
  background: #e9e9e9;
  color: #333;
  font: 12px/1.4 sans-serif;
  text-align: center;
  cursor: pointer;
}
.nsfw-reveal strong {
  font-size: 20px;
  letter-spacing: 1px;
}
.nsfw-reveal:hover {
  background: #ddd;
}
.nsfw-reveal:focus-visible {
  outline: 3px solid #245dc1;
  outline-offset: 3px;
}
.file > .nsfw-gate > .nsfw-reveal {
  margin: 5px 20px 10px 20px;
}
div.post .file > .nsfw-gate > .nsfw-reveal {
  margin: 5px 20px 5px 5px;
}
.nsfw-gate noscript {
  display: block;
}