/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer components {
  .rui-avatar {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-pill, var(--radius-pill));
    background-color: var(--color-surface-container, var(--surface-container));
    --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
    font-weight: var(--font-weight-medium, var(--weight-medium));
    color: var(--color-on-surface, var(--on-surface));
  }
  .rui-avatar--sm {
    width: var(--spacing-8, var(--space-8));
    height: var(--spacing-8, var(--space-8));
    font-size: var(--text-xs, var(--text-xs));
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  }
  .rui-avatar--md {
    width: calc(var(--spacing, 0.25rem) * 10);
    height: calc(var(--spacing, 0.25rem) * 10);
    font-size: var(--text-sm, var(--text-sm));
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  }
  .rui-avatar--lg {
    width: calc(var(--spacing, 0.25rem) * 12);
    height: calc(var(--spacing, 0.25rem) * 12);
    font-size: var(--text-body, var(--text-body));
  }
  .rui-avatar__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .rui-avatar__fallback {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
  }
}
@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-font-weight: initial;
    }
  }
}