/* from: https://about.front-end.social/css/override.css */

body {
  --trans:
    powderblue 1em,
    pink 1em 2em,
    white 2em 3em,
    pink 3em 4em,
    powderblue 4em 5em,
    transparent 5em;
  background-image: linear-gradient(-0.375turn, var(--trans));
}

a:any-link {
  text-decoration: underline !important;
}

a:focus-visible {
  outline: medium dotted !important;
}

/* show when images have alt text */
.media-gallery__item {
  --alt-crop-x: 6ch;
  --alt-crop-y: 2em;
  background: darkgreen;
  color: white;
}

/* only revealed by cutaway when alt is defined */
.media-gallery__item::after {
  content: "alt";
  display: grid;
  inset-block-end: 0;
  inset-inline-start: 0;
  min-height: var(--alt-crop-y);
  min-width: var(--alt-crop-x);
  place-content: center;
  position: absolute;
}

/* cut away to reveal badge */
.media-gallery__item img[alt] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--alt-crop-x) 100%, var(--alt-crop-x) calc(100% - var(--alt-crop-y)), 0 calc(100% - var(--alt-crop-y)));
}

/* Remove the clip path if we can do better with :has() */
.media-gallery__item:has(img) img[alt] {
  clip-path: none;
}

/* Apply better alt-text badge over top of image */
.media-gallery__item:has(img)::after {
  --alt-crop-x: initial;
  --alt-crop-y: initial;
  background: darkgreen;
  border: thin solid rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  inset-block-end: 0.5em;
  inset-inline-start: 0.5em;
  padding: 0.25rem 0.5rem;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

/* Change badge when no alt is defined */
.media-gallery__item:has(img:not([alt]))::after {
  background: maroon;
  content: "no alt";
}

.status-direct,
.detailed-status-direct {
  background-image: linear-gradient(0.375turn, #8c8dff 3.5rem, transparent 3rem);
}

/* Form highlights when media is missing description. */
/* Originally contributed by @kizu */
/* The edit button (for fixing the error) */
.compose-form__upload__actions:not(:last-child) .icon-button:last-child {
  background-color: darkgreen;
}

/* The warning itself */
.compose-form__upload__warning button {
  background-color: maroon;
  text-align: left;
  width: 100%;
}

/* The upload area */
.compose-form__upload:has(.compose-form__upload__warning) {
  outline: medium dashed red;
}

/* The form submission */
.compose-form:has(.compose-form__upload__warning) .compose-form__publish [type=submit] {
  border: medium solid red;
}
.compose-form:has(.compose-form__upload__warning) .compose-form__publish [type=submit]::before {
  content: "⚠️ ";
}

/*# sourceMappingURL=override.css.map */


.user-role-1 {
  --user-role-accent: #000000;
  --user-role-background: #00000019;
  --user-role-border: #00000080;
}