@layer components{.avatar{--_size:2.75rem;flex:none;display:grid;place-items:center;width:var(--_size);height:var(--_size);border-radius:var(--radius-round);background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--brand-500) 25%,transparent),color-mix(in srgb,#38bdf8 25%,transparent));box-shadow:inset 0 0 0 var(--border-width) var(--border-2);font-size:var(--text-tiny);font-weight:var(--primary-medium);line-height:1;color:var(--text-2);-webkit-user-select:none;-moz-user-select:none;user-select:none;&.small{--_size:1.75rem;font-size:.6875rem}&.xsmall{--_size:1.5rem;font-size:.625rem;background-image:none;background-color:var(--background-3)}&.active{background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--brand-500) 35%,transparent),color-mix(in srgb,#38bdf8 35%,transparent));color:var(--text)}}}@layer components{.star-rating{--_size:0.8125rem;display:inline-flex;align-items:center;gap:.125rem;line-height:1;&.small{--_size:0.6875rem}&.large{--_size:0.875rem}}.star-rating_star{width:var(--_size);height:var(--_size);fill:none;stroke:var(--stars-empty)}.star-rating_star.filled{fill:var(--stars);stroke:var(--stars)}.star-rating_empty{font-size:var(--text-tiny);color:var(--text-3)}}