@layer components {
  .inline-reviews__anchor {
    display: block;
  }
  .inline-reviews__anchor.focus, .inline-reviews__anchor:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.125rem var(--theme-focus-primary);
  }
  .inline-reviews__rating {
    display: block;
  }
  .inline-reviews__compact {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--theme-text-primary);
  }
  .inline-reviews__compact .icon {
    flex-shrink: 0;
    width: 0.75rem;
    height: 0.75rem;
  }
  .inline-reviews__compact-value {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .inline-reviews__skeleton {
    display: inline-block;
    width: 140px;
    height: 1.5em;
    border-radius: 0.25rem;
    background: linear-gradient(90deg, var(--theme-surface-primary) 25%, var(--theme-border-secondary) 50%, var(--theme-surface-primary) 75%);
    background-size: 200% 100%;
    animation: inline-reviews-shimmer 1.5s ease-in-out infinite;
    vertical-align: middle;
  }
  @media (prefers-reduced-motion: reduce) {
    .inline-reviews__skeleton {
      animation: none;
      background: var(--theme-surface-primary);
    }
  }
  @keyframes inline-reviews-shimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
}