@layer primitives{[data-avatar-group]{--avatar-group-size:2rem;--avatar-group-overlap:calc(var(--avatar-group-size) * .25);--avatar-group-border-color:color-mix(in srgb, var(--color-surface) 86%, var(--color-background));--app-avatar-border-color:var(--avatar-group-border-color);--avatar-group-more-border-color:var(--avatar-group-border-color)}[data-avatar-group-item]{z-index:var(--avatar-group-item-z-index,1);border-radius:var(--radius-full);transition:var(--transition-main);transition-property:transform;position:relative}[data-avatar-group-item]+[data-avatar-group-item]{margin-inline-start:calc(var(--avatar-group-overlap) * -1)}[data-avatar-group-more]{--avatar-group-item-z-index:0}[data-avatar-group-item]:is(:hover,:focus-within){z-index:100;transform:translateY(-10%)}[data-avatar-group-more]{cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--text-2xs);color:var(--color-text-secondary);background-color:color-mix(in srgb, var(--color-text-primary) 10%, var(--color-surface));width:var(--avatar-group-size);height:var(--avatar-group-size);border-radius:var(--radius-full);transition:var(--transition-main);justify-content:center;align-self:center;align-items:center;line-height:.75em;transition-property:transform}[data-avatar-group-more]>button{font-size:inherit;font-weight:inherit;line-height:inherit}[data-avatar-group] [data-app-avatar]{transition:var(--transition-main);transition-property:transform}[data-avatar-group-trigger]{line-height:0}[data-avatar-pair]{--avatar-pair-size:4rem;font-size:var(--avatar-pair-size);min-width:var(--avatar-pair-size);min-height:var(--avatar-pair-size);max-width:var(--avatar-pair-size);max-height:var(--avatar-pair-size);justify-content:center;align-items:center;display:inline-flex;position:relative}[data-avatar-pair-item]{border-radius:var(--radius-full);transition:var(--transition-main);transition-property:transform;display:inline-flex;position:absolute}[data-avatar-pair-item]:hover{transform:scale(1.05)}[data-avatar-pair-item]:first-child{transform-origin:0 0;inset-block-start:0;inset-inline-start:0}[data-avatar-pair-item]:last-child{transform-origin:100% 100%;inset-block-end:0;inset-inline-end:0}[data-avatar-pair-item]:first-child:last-child{transform-origin:50%;position:static}[data-app-avatar]{--app-avatar-size:2rem;--app-avatar-border-width:var(--border-width-hairline);--app-avatar-border-radius:var(--radius-full);--app-avatar-initials-font-size:.4em;--app-avatar-border-color:var(--color-surface-muted);--app-avatar-background-color:var(--color-divider);--app-avatar-object-fit:cover;--app-avatar-object-position:center;--app-avatar-image-scale:1;background-color:var(--app-avatar-background-color);border-style:solid;border-width:0;border-color:var(--app-avatar-border-color);border-radius:var(--app-avatar-border-radius);font-size:var(--app-avatar-size);font-family:var(--font-sans);width:var(--app-avatar-size);height:var(--app-avatar-size);min-width:var(--app-avatar-size);min-height:var(--app-avatar-size);max-width:var(--app-avatar-size);max-height:var(--app-avatar-size);transition:var(--transition-main);flex-shrink:0;justify-content:center;align-items:center;transition-property:border-radius,border-width;display:inline-flex;position:relative;overflow:hidden}[data-avatar-group] [data-app-avatar]{--app-avatar-border-color:var(--avatar-group-border-color)}[data-avatar-part=initials]{width:fit-content;height:fit-content;font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-text-primary);font-size:var(--app-avatar-initials-font-size);line-height:calc(var(--app-avatar-initials-font-size) * 1.5);-webkit-user-select:none;user-select:none;display:inline-block;position:absolute;inset-block:50%;inset-inline:50%;transform:translate(-50%,-50%)}[data-avatar-part=image]{object-fit:var(--app-avatar-object-fit);object-position:var(--app-avatar-object-position);width:100%;max-width:100%;height:100%;max-height:100%;transform:scale(var(--app-avatar-image-scale));transition:var(--transition-main);opacity:1;color:#0000;border-radius:var(--app-avatar-border-radius);transition-property:opacity;display:inline-block;position:absolute;inset-block:0;inset-inline:0;overflow:hidden}[data-avatar-part=empty-icon]{z-index:1;width:45%;height:45%;color:var(--color-muted-foreground);opacity:.25;position:relative}[data-avatar-part=status]{transform-origin:100% 100%;width:20%;height:20%;min-width:var(--spacing-3);min-height:var(--spacing-3);border-radius:var(--radius-full);border:var(--border-width-strong) solid var(--color-white);display:inline-block;position:absolute;inset-block-end:16%;inset-inline-end:16%;transform:scale(1)translate(50%,50%)}[data-avatar-part=status][data-status=online]{background-color:var(--color-success)}[data-avatar-part=status][data-status=offline]{background-color:var(--color-text-hint)}[data-avatar-part=status][data-status=away]{background-color:var(--color-warning)}[data-avatar-part=status][data-status=busy]{background-color:var(--color-error)}[data-avatar-part=skeleton]{border-radius:var(--app-avatar-border-radius);width:100%;max-width:100%;height:100%;max-height:100%;display:inline-block;position:absolute;inset-block:0;inset-inline:0}[data-app-avatar][data-shape=circle]{--app-avatar-border-radius:var(--radius-full)}[data-app-avatar][data-shape=square]{--app-avatar-border-radius:var(--radius-md);border-width:0}[data-app-avatar][data-bordered]{border-width:var(--app-avatar-border-width)}[data-app-avatar][data-has-image]{background-color:#0000}[data-app-avatar][data-bordered][data-has-image]{border-width:0}[data-avatar-group] [data-app-avatar][data-bordered][data-has-image]{border-width:var(--app-avatar-border-width)}[data-app-avatar][data-dimmed]{background-color:var(--color-button-disabled-bg)}[data-coffee-toast-viewport][data-x-position=right] [data-avatar-part=initials]{width:max-content}[data-avatar-group][data-bordered] [data-avatar-group-more]{border:var(--border-width-hairline) solid var(--avatar-group-more-border-color)}[data-app-avatar][data-dimmed] [data-avatar-part=initials],[data-app-avatar][data-dimmed] [data-avatar-part=image],[data-app-avatar][data-dimmed] [data-avatar-part=skeleton]{opacity:.5}[data-app-avatar][data-dimmed] [data-avatar-part=image]{filter:grayscale()}}