@layer theme,base;@layer components{.ui-avatar{-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;width:32px;height:32px;display:flex;position:relative}.ui-avatar[data-size=sm]{width:24px;height:24px}.ui-avatar[data-size=lg]{width:40px;height:40px}.ui-avatar-image,.ui-avatar-fallback{border-radius:inherit;width:100%;height:100%}.ui-avatar-image{object-fit:cover;background:var(--muted);position:absolute;inset:0}.ui-avatar-image[data-error],.ui-avatar-image[data-loading]{visibility:hidden}.ui-avatar-fallback,.ui-avatar-group-count{background:var(--muted);color:var(--foreground);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.ui-avatar[data-size=sm] .ui-avatar-fallback{font-size:10px}.ui-avatar-badge{inset-inline-end:0;background:var(--primary);width:10px;height:10px;color:var(--primary-foreground);box-shadow:0 0 0 2px var(--background);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:0}.ui-avatar-badge svg,.ui-avatar[data-size=sm] .ui-avatar-badge{width:8px;height:8px}.ui-avatar[data-size=sm] .ui-avatar-badge svg{display:none}.ui-avatar[data-size=lg] .ui-avatar-badge{width:12px;height:12px}.ui-avatar-group{flex:none;align-items:center;display:flex}.ui-avatar-group>*+*{margin-inline-start:-12px}.ui-avatar-group>.ui-avatar,.ui-avatar-group>.ui-avatar-group-count{border:1px solid var(--background)}.ui-avatar-group-count{border-radius:50%;flex:none;width:32px;height:32px;position:relative}.ui-avatar-group-count svg{width:16px;height:16px}.ui-avatar-group:has([data-size=sm]) .ui-avatar-group-count{width:24px;height:24px}.ui-avatar-group:has([data-size=sm]) .ui-avatar-group-count svg{width:12px;height:12px}.ui-avatar-group:has([data-size=lg]) .ui-avatar-group-count{width:40px;height:40px}.ui-avatar-group:has([data-size=lg]) .ui-avatar-group-count svg{width:20px;height:20px}.shelf-proof{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-top:20px;display:flex}.shelf-proof p{color:var(--muted-foreground);margin:0;font-size:13px}.shelf-proof strong{color:var(--foreground);font-weight:500}}@layer utilities;