@layer components{.about-tag{--about-tag-shape:.5em;font-family:var(--font-display);font-feature-settings:normal;font-variant-alternates:normal;color:var(--color-text);align-items:center;gap:.35em;margin-block-start:0;margin-inline:0;font-size:1.25rem;font-weight:700;line-height:1;display:flex}.about-tag__shape{width:var(--about-tag-shape);height:var(--about-tag-shape);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.about-tag__blob{transform-origin:50%;will-change:transform;background-color:currentColor;width:100%;height:100%;display:block}.about-tag__word{will-change:transform;display:inline-block}@media (prefers-reduced-motion:no-preference){[data-about-tag]:not(.is-revealed) .about-tag__blob{transform:scale(0)}[data-about-tag]:not(.is-revealed) .about-tag__word{transform:translateX(calc(-1 * var(--about-tag-shape) - .35em))}}}