/* Application styles */

@import url("/assets/base/actiontext-4badfe99.css");
@import url("/assets/base/direct_uploads-2e9d3f7a.css");
@import url("/assets/base/photoswipe-68aec47d.css");

span.translation_missing:after {
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
  color: rgb(133 77 14 / var(--tw-text-opacity));
  content: attr(title);
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  padding: 2px;
  position: relative;
}

.is-invalid {
  color: rgb(239 68 68) !important;
}

/* Logo: host name as wordmark, see layouts/_wordmark and BrandingHelper */
.wordmark {
  color: var(--color-primary-on);
  font-family: 'Inter var', Inter, ui-sans-serif, system-ui, sans-serif;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
}

.wordmark-tld {
  font-size: 0.6em;
}