/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
.sd-6-28-0-meta {
  font-size: var(--sd-text-base);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--sd-font-weight-normal);
  font-weight: var(--sd-font-weight-normal);
  color: rgba(var(--sd-color-text-black));
}
.sd-6-28-0-meta--size-sm {
    font-size: var(--sd-text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  }
.sd-6-28-0-meta--light {
    color: rgba(var(--sd-color-text-neutral-700));
  }
.sd-6-28-0-meta--inverted {
    color: rgba(var(--sd-color-text-white));
  }
.sd-6-28-0-meta--inverted.sd-6-28-0-meta--light {
      color: rgba(var(--sd-color-text-primary-400));
    }
.sd-6-28-0-meta--pipe::after {
      content: '|';
      margin-inline: var(--sd-spacing-1);
    }
.sd-6-28-0-meta--pipe.sd-6-28-0-meta--size-sm::after {
        margin-inline: var(--sd-spacing-0\.5);
      }
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@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-leading: initial;
      --tw-font-weight: initial;
    }
  }
}