/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.m-0 {
  margin: 0px;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-baseline {
  align-items: baseline;
}
.border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-sf-line {
  border-color: var(--sf-line);
}
.text-sf-muted {
  color: var(--sf-muted);
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration-line: underline;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
:root {
  --sf-line: var(--gray-200);
  --sf-muted: var(--gray-500);
  --sf-accent: var(--primary-600);
  --sf-scrim: var(--gray-950);
  --sf-strong: var(--gray-950);
  --sf-surface: rgb(255 255 255);
  --sf-rail: 2rem;
  --sf-gap: 0.75rem;
  --sf-row-gap: 1.25rem;
  --sf-avatar: 2rem;
  --sf-avatar-dense: 1.5rem;
  --sf-tap: 2.25rem;
  --sf-target: 1.5rem;
  --sf-icon: 1.5rem;
  --sf-badge: 0.875rem;
  --sf-badge-face: 1.125rem;
  --sf-media-max: 8rem;
  --sf-media-max-dense: 5rem;
  --sf-object-icon: 2rem;
  --sf-object-icon-dense: 1.5rem;
  --sf-media-strip: 22rem;
  --sf-media-strip-dense: 14rem;
  --sf-detail-width: 44rem;
  --sf-measure: 44rem;
  --sf-detail-bg: var(--gray-50);
  --sf-text: 0.875rem;
  --sf-text-small: 0.75rem;
  --sf-text-tiny: 0.6875rem;
  --sf-leading: 1.625;
  --sf-line-box: calc(var(--sf-text) * var(--sf-leading));
}
@media (any-pointer: coarse) {
  :root {
    --sf-tap: 2.75rem;
  }
}
.dark {
  --sf-line: var(--gray-700);
  --sf-muted: var(--gray-400);
  --sf-strong: var(--gray-50);
  --sf-accent: var(--primary-400);
  --sf-surface: var(--gray-900);
  --sf-detail-bg: var(--gray-800);
}
.sf-feed, .sf-feed--timeline {
  display: block;
}
.sf-day__items, .sf-children {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
.sf-day__label {
  margin: 0px;
  display: flex;
  align-items: center;
  gap: var(--sf-gap);
  padding-bottom: calc(0.25rem * 3);
  font-size: var(--sf-text-small);
  --tw-font-weight: 600;
  font-weight: 600;
  --tw-tracking: 0.05em;
  letter-spacing: 0.05em;
  color: var(--sf-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--sf-muted) 80%, transparent);
  }
  text-transform: uppercase;
}
.sf-day__label::before {
  width: var(--sf-rail);
  flex: none;
  align-self: stretch;
  --tw-content: '';
  content: var(--tw-content);
  background: linear-gradient( to right, transparent calc(50% - 0.5px), var(--sf-line) calc(50% - 0.5px), var(--sf-line) calc(50% + 0.5px), transparent calc(50% + 0.5px) );
}
.sf-day:first-child .sf-day__label {
  padding-top: 0px;
}
.sf-day:first-child .sf-day__label::before {
  background-image: none;
}
.sf-day + .sf-day .sf-day__label {
  padding-top: 0.25rem;
}
.sf-node {
  --sf-disc: var(--sf-avatar);
  display: flex;
  align-items: flex-start;
  gap: var(--sf-gap);
}
.sf-node--stacked {
  --sf-disc: var(--sf-avatar-dense);
}
.sf-node__rail {
  position: relative;
  display: flex;
  width: var(--sf-rail);
  flex: none;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
.sf-node__thread {
  margin-top: 0.25rem;
  width: 1px;
  flex: 1;
  background-color: var(--sf-line);
}
.sf-node__body {
  min-width: 0px;
  flex: 1;
  padding-top: max(0px, calc((var(--sf-disc) - var(--sf-line-box)) / 2));
  padding-bottom: var(--sf-row-gap);
}
.sf-node--last > .sf-node__body {
  padding-bottom: 0px;
}
.sf-node--dense {
  --sf-disc: var(--sf-avatar-dense);
  --sf-row-gap: 0.75rem;
}
.sf-node__head {
  display: flex;
  max-width: var(--sf-measure);
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sf-gap);
}
.sf-headline {
  margin: 0px;
  font-size: var(--sf-text);
  --tw-leading: var(--sf-leading);
  line-height: var(--sf-leading);
  color: var(--sf-muted);
  min-width: 0px;
  flex: 1;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.sf-entity {
  --tw-font-weight: 500;
  font-weight: 500;
  color: var(--sf-strong);
}
.sf-headline--unnamed {
  color: var(--sf-muted);
}
.sf-time {
  flex: none;
  font-size: var(--sf-text-small);
  white-space: nowrap;
  color: var(--sf-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--sf-muted) 70%, transparent);
  }
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.sf-object-icon {
  margin: calc((var(--sf-object-icon) - var(--sf-tap)) / 2);
  display: inline-flex;
  width: var(--sf-tap);
  height: var(--sf-tap);
  flex: none;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
}
.sf-object-icon__image {
  display: block;
  width: var(--sf-object-icon);
  height: var(--sf-object-icon);
  border-radius: 0.375rem;
  background-color: var(--sf-detail-bg);
  object-fit: cover;
}
.sf-node--dense .sf-object-icon {
  --sf-object-icon: var(--sf-object-icon-dense);
}
.sf-object-media {
  margin-top: calc(0.25rem * 2);
  display: flex;
  align-items: flex-start;
  gap: var(--sf-gap);
}
.sf-node--dense .sf-object-media {
  margin-top: calc(0.25rem * 1.5);
}
.sf-object-media__body {
  min-width: 0px;
  flex: 1;
}
.sf-object-media__body > :first-child {
  margin-top: 0px;
}
.sf-media {
  margin-top: calc(0.25rem * 2);
  max-width: var(--sf-detail-width);
}
.sf-media-strip {
  margin-top: calc(0.25rem * 2);
  display: flex;
  max-width: min(var(--sf-media-strip), 100%);
  flex-wrap: wrap;
  gap: calc(0.25rem * 2);
}
.sf-media-strip > * {
  box-sizing: border-box;
  min-width: 0px;
  flex: 0 0 calc((100% - 1rem) / 3);
}
.sf-media-strip--tiles-1 > *, .sf-media-strip--tiles-2 > *, .sf-media-strip--tiles-4 > * {
  flex-basis: calc((100% - 0.5rem) / 2);
}
.sf-media-strip--tiles-5 > *:nth-child(-n + 2) {
  flex-basis: calc((100% - 0.5rem) / 2);
}
.sf-media-strip > .sf-media {
  margin-top: 0px;
}
.sf-media-strip .sf-media__link, .sf-media-strip .sf-media__frame {
  display: block;
}
.sf-media-strip .sf-media__image {
  aspect-ratio: 1 / 1;
  height: auto;
  max-height: none;
  width: 100%;
}
.sf-media-strip__more {
  display: flex;
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sf-line);
  background-color: var(--sf-detail-bg);
  font-size: var(--sf-text-small);
  --tw-font-weight: 600;
  font-weight: 600;
  color: var(--sf-muted);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.sf-media-strip--hidden {
  display: none;
}
.sf-media__link {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.sf-media__frame {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.sf-media__zoom {
  position: absolute;
  inset: 0px;
  cursor: zoom-in;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  outline-color: var(--sf-accent);
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  &:focus-visible {
    outline-offset: 2px;
  }
}
.sf-media__zoom[x-cloak] {
  display: none;
}
.sf-lightbox {
  position: fixed;
  inset: 0px;
  margin: 0px;
  display: flex;
  height: 100%;
  max-height: none;
  width: 100%;
  max-width: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--sf-scrim);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--sf-scrim) 85%, transparent);
  }
  padding: calc(0.25rem * 4);
}
.sf-lightbox:not([open]) {
  display: none;
}
.sf-lightbox__image {
  display: block;
  height: auto;
  max-height: 100%;
  min-height: 0px;
  width: auto;
  max-width: 100%;
  border-radius: 0.375rem;
  object-fit: contain;
}
.sf-lightbox__close {
  margin-top: calc(0.25rem * 2);
  display: inline-flex;
  min-height: var(--sf-tap);
  min-width: var(--sf-tap);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  font-size: var(--sf-text-small);
  --tw-font-weight: 500;
  font-weight: 500;
  color: rgb(255 255 255);
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
  &:hover {
    @media (hover: hover) {
      text-underline-offset: 2px;
    }
  }
}
.sf-media__image {
  display: block;
  aspect-ratio: var(--sf-media-ratio,auto);
  height: min(var(--sf-media-max), var(--sf-media-height,var(--sf-media-max)));
  width: auto;
  max-width: 100%;
  border-radius: 0.375rem;
  background-color: var(--sf-detail-bg);
  object-fit: cover;
}
.sf-node--dense .sf-media {
  margin-top: calc(0.25rem * 1.5);
}
.sf-node--dense .sf-media__image {
  --sf-media-max: var(--sf-media-max-dense);
}
.sf-node--dense .sf-media-strip {
  margin-top: calc(0.25rem * 1.5);
  max-width: min(var(--sf-media-strip-dense), 100%);
}
.sf-detail {
  margin-top: calc(0.25rem * 2);
  max-width: var(--sf-detail-width);
}
.sf-node--dense .sf-detail {
  margin-top: calc(0.25rem * 1.5);
}
.sf-media-object {
  display: flex;
  min-width: 0px;
  flex-direction: column;
}
.sf-media-object--icon {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--sf-gap);
}
.sf-media-object__icon {
  display: block;
  flex-shrink: 0;
}
.sf-media-object__icon-image {
  display: block;
  width: var(--sf-avatar);
  height: var(--sf-avatar);
  border-radius: 0.375rem;
  background-color: var(--sf-detail-bg);
  object-fit: cover;
}
.sf-media-object__body {
  min-width: 0px;
  flex: 1;
}
.sf-media-object__subject {
  margin: 0px;
  --tw-font-weight: 500;
  font-weight: 500;
  color: var(--sf-strong);
}
.sf-media-object__subject-link {
  display: inline-flex;
  min-height: var(--sf-target);
  max-width: 100%;
  align-items: center;
  color: inherit;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}
.sf-media-object__content {
  margin: 0px;
  white-space: pre-line;
}
.sf-media-object__picture {
  margin-top: calc(0.25rem * 2);
}
.sf-media-object__attachments {
  margin: 0px;
  margin-top: 0.25rem;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  column-gap: calc(0.25rem * 3);
  row-gap: calc(0.25rem * 0.5);
  padding: 0px;
  color: var(--sf-muted);
}
.sf-media-object__attachment {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.25rem;
}
.sf-media-object__attachment a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}
.sf-media-object__footnote {
  margin: 0px;
  margin-top: 0.25rem;
  font-size: var(--sf-text-small);
  color: var(--sf-muted);
}
.sf-media-object__footnote-link {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}
.sf-node--dense .sf-media-object__icon-image {
  width: var(--sf-avatar-dense);
  height: var(--sf-avatar-dense);
}
.sf-facts {
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: calc(0.25rem * 0.5);
  font-size: var(--sf-text-small);
  --tw-leading: 1.5;
  line-height: 1.5;
}
.sf-facts__row {
  display: grid;
  grid-template-columns: minmax(0,auto) minmax(0,1fr);
  align-items: baseline;
  column-gap: calc(0.25rem * 3);
  row-gap: 0.25rem;
  @media (width < 40rem) {
    grid-template-columns: minmax(0,1fr);
  }
  @media (width < 40rem) {
    gap: 0px;
  }
}
.sf-facts__label {
  max-width: calc(0.25rem * 56);
  color: var(--sf-muted);
}
.sf-facts__value {
  margin: 0px;
  min-width: 0px;
  overflow-wrap: anywhere;
}
.sf-facts__value--verbatim {
  overflow: hidden;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sf-facts__value--absent {
  color: var(--sf-muted);
  font-style: italic;
}
.sf-prose {
  font-size: var(--sf-text);
  --tw-leading: 1.5;
  line-height: 1.5;
}
.sf-prose > :first-child {
  margin-top: 0px;
}
.sf-prose > :last-child {
  margin-bottom: 0px;
}
.sf-prose p, .sf-prose ul, .sf-prose ol, .sf-prose blockquote {
  margin-inline: 0px;
  margin-block: calc(0.25rem * 2);
}
.sf-prose ul, .sf-prose ol {
  padding-left: calc(0.25rem * 5);
}
.sf-prose ul {
  list-style-type: disc;
}
.sf-prose ol {
  list-style-type: decimal;
}
.sf-prose li {
  margin-inline: 0px;
  margin-block: calc(0.25rem * 0.5);
}
.sf-prose a {
  color: var(--sf-accent);
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
.sf-prose code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
}
.sf-prose blockquote {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  border-color: var(--sf-line);
  padding-left: calc(0.25rem * 3);
  color: var(--sf-muted);
  font-style: italic;
}
.sf-prose h1, .sf-prose h2, .sf-prose h3, .sf-prose h4, .sf-prose h5, .sf-prose h6 {
  margin-inline: 0px;
  margin-top: calc(0.25rem * 2);
  margin-bottom: 0.25rem;
  font-size: inherit;
  --tw-font-weight: 600;
  font-weight: 600;
}
.sf-excerpt {
  margin: 0px;
  padding-left: calc(0.25rem * 3);
  font-size: var(--sf-text);
  text-wrap: pretty;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.sf-excerpt__from {
  margin-top: 0.25rem;
  padding-left: calc(0.25rem * 3);
  font-size: var(--sf-text-small);
}
.sf-file {
  column-gap: var(--sf-gap);
  row-gap: 0px;
  font-size: var(--sf-text-small);
}
.sf-item-list {
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: calc(0.25rem * 0.5);
  font-size: var(--sf-text-small);
  --tw-leading: 1.5;
  line-height: 1.5;
}
.sf-item-list__title {
  margin: 0px;
  color: var(--sf-muted);
}
.sf-item-list__items {
  margin: 0px;
  list-style-type: disc;
  padding-left: calc(0.25rem * 5);
  overflow-wrap: anywhere;
}
.sf-item-list__items--ordered {
  list-style-type: decimal;
}
.sf-item-list__link {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}
.sf-item-list__more {
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: var(--sf-gap);
  color: var(--sf-muted);
}
.sf-avatars {
  display: flex;
  flex: none;
}
.sf-avatar {
  display: flex;
  width: var(--sf-avatar);
  height: var(--sf-avatar);
  flex: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  font-size: var(--sf-text-small);
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: 600;
  font-weight: 600;
  color: rgb(255 255 255);
  -webkit-user-select: none;
  user-select: none;
  box-shadow: 0 0 0 2px var(--sf-surface);
}
.sf-avatar__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sf-avatar--stacked {
  width: var(--sf-avatar-dense);
  height: var(--sf-avatar-dense);
  font-size: var(--sf-text-tiny);
  box-shadow: 0 0 0 2px var(--sf-surface);
}
.sf-avatar--stacked + .sf-avatar--stacked {
  margin-inline-start: calc(0.25rem * -2);
}
.sf-node--dense .sf-avatar {
  width: var(--sf-avatar-dense);
  height: var(--sf-avatar-dense);
  font-size: var(--sf-text-tiny);
}
.sf-node__badge {
  position: absolute;
  inset-inline-start: calc(50% + var(--sf-disc) / 2 - var(--sf-badge));
  top: calc(var(--sf-disc) - var(--sf-badge) + 0.125rem);
  display: flex;
  width: var(--sf-badge);
  height: var(--sf-badge);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--sf-surface);
  color: var(--sf-muted);
}
.sf-node__badge .sf-icon {
  width: calc(0.25rem * 2.5);
  height: calc(0.25rem * 2.5);
}
.sf-avatar--badge {
  --sf-badge: var(--sf-badge-face);
  width: var(--sf-badge);
  height: var(--sf-badge);
  font-size: var(--sf-text-tiny);
  color: rgb(255 255 255);
}
.sf-node__icon {
  display: flex;
  width: var(--sf-avatar);
  height: var(--sf-avatar);
  flex: none;
  align-items: center;
  justify-content: center;
  color: var(--sf-accent);
  box-sizing: border-box;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sf-line);
}
.sf-node__icon .sf-icon {
  width: var(--sf-icon);
  height: var(--sf-icon);
}
.sf-node__icon--blank {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.sf-node__icon--blank::after {
  width: calc(0.25rem * 2);
  height: calc(0.25rem * 2);
  border-radius: calc(infinity * 1px);
  background-color: var(--sf-accent);
  --tw-content: '';
  content: var(--tw-content);
}
.sf-node--dense .sf-node__icon {
  --sf-icon: 1.25rem;
  width: var(--sf-avatar-dense);
  height: var(--sf-avatar-dense);
}
.sf-entity--absent, .sf-entity--degraded {
  color: var(--sf-muted);
  font-style: italic;
}
.sf-entity--removed {
  color: var(--sf-muted);
}
.sf-node--removed .sf-headline {
  color: var(--sf-muted);
}
.sf-removed {
  margin-top: calc(0.25rem * 0.5);
  font-size: var(--sf-text-small);
  color: var(--sf-muted);
}
.sf-entity--link {
  color: var(--sf-accent);
  text-decoration-line: none;
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.sf-verb {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.8125em;
  color: var(--sf-muted);
}
.sf-verb--label {
  font-family: inherit;
  font-size: inherit;
}
.sf-children {
  margin-top: calc(0.25rem * 3);
}
.sf-children--closed {
  display: none;
}
.sf-toggle {
  display: inline-flex;
  min-height: var(--sf-tap);
  min-width: var(--sf-tap);
  cursor: pointer;
  align-items: center;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  font-size: var(--sf-text-small);
  --tw-font-weight: 500;
  font-weight: 500;
  color: var(--sf-muted);
  &:hover {
    @media (hover: hover) {
      color: var(--sf-accent);
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
  &:hover {
    @media (hover: hover) {
      text-underline-offset: 2px;
    }
  }
}
.sf-toggle[x-cloak] {
  display: none;
}
.sf-toggle__label--hidden {
  display: none;
}
.sf-truncated, .sf-empty {
  margin: 0px;
  display: block;
  font-size: var(--sf-text-small);
  color: var(--sf-muted);
}
.sf-truncated {
  margin-top: calc(0.25rem * 2);
}
.sf-truncated--hidden {
  display: none;
}
.sf-more {
  margin-top: calc(0.25rem * 3);
}
.sf-more__button {
  min-height: var(--sf-tap);
  min-width: var(--sf-tap);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  font-size: var(--sf-text);
  color: var(--sf-accent);
}
.sf-more__button[disabled] {
  cursor: default;
  color: var(--sf-muted);
}
.sf-see-all {
  margin: 0px;
  margin-top: calc(0.25rem * 3);
}
.sf-see-all__link {
  display: inline-flex;
  min-height: var(--sf-tap);
  min-width: var(--sf-tap);
  align-items: center;
  font-size: var(--sf-text-small);
  --tw-font-weight: 500;
  font-weight: 500;
  color: var(--sf-accent);
  text-decoration-line: none;
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
  &:hover {
    @media (hover: hover) {
      text-underline-offset: 2px;
    }
  }
}
.sf-widget, .sf-page, .sf-list, .sf-timeline {
  display: block;
}
@media print {
  .sf-more, .sf-see-all, .sf-toggle {
    display: none;
  }
  .sf-children--closed {
    display: block;
  }
  .sf-truncated--hidden {
    display: block;
  }
  .sf-entity--link, .sf-media-object__subject-link {
    color: inherit;
    text-decoration-line: none;
  }
  .sf-avatar {
    background-color: transparent !important;
    color: rgb(0 0 0);
    box-shadow: none;
  }
  .sf-facts__value--verbatim {
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
  }
}
.sf-stamp {
  margin-top: calc(0.25rem * 3);
  font-size: var(--sf-text-tiny);
  --tw-leading: calc(0.25rem * 4);
  line-height: calc(0.25rem * 4);
  color: var(--sf-muted);
}
.sf-stamp__time {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.sf-offline {
  margin-top: calc(0.25rem * 2);
  border-radius: 0.375rem;
  background-color: var(--danger-50);
  padding-inline: calc(0.25rem * 2.5);
  padding-block: calc(0.25rem * 1.5);
  font-size: var(--sf-text-small);
  --tw-leading: calc(0.25rem * 4);
  line-height: calc(0.25rem * 4);
  color: var(--danger-600);
  &:where(.dark, .dark *) {
    background-color: var(--danger-950);
  }
  &:where(.dark, .dark *) {
    color: var(--danger-400);
  }
  @media print {
    display: none;
  }
}
.sf-image img {
  display: block;
  max-width: 100%;
  border-radius: 0.5rem;
}
.sf-image figcaption {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: var(--gray-500);
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-content: "";
      --tw-leading: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-outline-style: solid;
    }
  }
}