.ds-profile{--ds-profile-avatar-border-color:var(--stroke-transparent);--ds-profile-avatar-border-color-hover:var(--stroke-transparent);--ds-profile-avatar-border-color-pressed:var(--stroke-transparent);--ds-profile-avatar-border-width:var(--dimension-stroke-component-default);--ds-profile-avatar-background:var(--bg-neutral-weak);--ds-profile-avatar-focus-ring:var(--stroke-focus-ring-brand);--ds-profile-avatar-overlay:#1212123d;--ds-profile-avatar-ring:var(--bg-layer-default);--ds-profile-avatar-shadow:var(--shadow-sm);--ds-profile-avatar-shadow-hover:var(--shadow-md);--ds-profile-image-fallback-background:var(--bg-layer-raised);--ds-profile-image-fallback-color:var(--fg-neutral-muted);--ds-profile-name-color:var(--fg-text-primary);--ds-profile-description-color:var(--fg-text-tertiary);align-items:center;gap:var(--ds-profile-gap);max-inline-size:100%;color:var(--ds-profile-name-color);font-family:var(--font-family-sans);grid-template-columns:auto minmax(0,1fr);display:inline-grid}:where(.ds-profile--small){--ds-profile-avatar-size:var(--dimension-x14);--ds-profile-gap:var(--dimension-x3);--ds-profile-content-gap:var(--dimension-x0_5);--ds-profile-name-font-size:var(--font-size-t6);--ds-profile-name-line-height:var(--line-height-t6);--ds-profile-description-font-size:var(--font-size-t4);--ds-profile-description-line-height:var(--line-height-t4)}:where(.ds-profile--medium){--ds-profile-avatar-size:var(--dimension-x20);--ds-profile-gap:var(--dimension-x4);--ds-profile-content-gap:var(--dimension-x1);--ds-profile-name-font-size:var(--font-size-t8);--ds-profile-name-line-height:var(--line-height-t8);--ds-profile-description-font-size:var(--font-size-t6);--ds-profile-description-line-height:var(--line-height-t6)}:where(.ds-profile--large){--ds-profile-avatar-size:var(--dimension-x24);--ds-profile-gap:var(--dimension-x5);--ds-profile-content-gap:var(--dimension-x1);--ds-profile-name-font-size:var(--font-size-t10);--ds-profile-name-line-height:var(--line-height-t10);--ds-profile-description-font-size:var(--font-size-t8);--ds-profile-description-line-height:var(--line-height-t8)}.ds-profile__avatar{inline-size:var(--ds-profile-avatar-size);block-size:var(--ds-profile-avatar-size);padding:var(--dimension-x0);border:var(--ds-profile-avatar-border-width) solid var(--ds-profile-avatar-border-color);border-radius:var(--radius-full);background:var(--ds-profile-avatar-background);box-shadow:0 0 0 var(--dimension-x1) var(--ds-profile-avatar-ring), var(--ds-profile-avatar-shadow);color:var(--fg-brand-contrast);box-sizing:border-box;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.ds-profile__avatar-button{appearance:none;-webkit-tap-highlight-color:transparent;transform:var(--motion-transform-interaction-rest);transform-origin:50%;transition:border-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), box-shadow var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), var(--motion-transition-interaction-press-out);cursor:pointer;will-change:transform}@media (hover:hover) and (pointer:fine){.ds-profile__avatar-button:hover:not(:disabled){border-color:var(--ds-profile-avatar-border-color-hover);box-shadow:0 0 0 var(--dimension-x1) var(--ds-profile-avatar-ring), var(--ds-profile-avatar-shadow-hover)}.ds-profile__avatar-button:hover:not(:disabled) .ds-profile__avatar-overlay{opacity:1}}.ds-profile__avatar-button:active:not(:disabled){border-color:var(--ds-profile-avatar-border-color-pressed);box-shadow:0 0 0 var(--dimension-x1) var(--ds-profile-avatar-ring), var(--shadow-xs);transform:var(--motion-transform-interaction-press);transition:border-color var(--motion-duration-interaction-press-in) var(--motion-easing-interaction-press-in), box-shadow var(--motion-duration-interaction-press-in) var(--motion-easing-interaction-press-in), var(--motion-transition-interaction-press-in)}.ds-profile__avatar-button:focus-visible{outline:var(--dimension-x0_5) solid var(--ds-profile-avatar-focus-ring);outline-offset:var(--dimension-x0_5)}.ds-profile__avatar-button:disabled{border-color:var(--stroke-disabled-strong);box-shadow:0 0 0 var(--dimension-x1) var(--ds-profile-avatar-ring), var(--shadow-none);color:var(--fg-text-disabled);cursor:not-allowed}.ds-profile__image-layer{inset:var(--dimension-x0);z-index:0;border-radius:inherit;display:block;position:absolute;overflow:hidden}.ds-profile__image,.ds-profile__image-fallback{block-size:100%;inline-size:100%;display:block}.ds-profile__image{object-fit:cover}.ds-profile__image-fallback{background:var(--ds-profile-image-fallback-background);color:var(--ds-profile-image-fallback-color);font-size:calc(var(--ds-profile-name-font-size) * .8);font-weight:var(--font-weight-bold);place-items:center;line-height:1;display:grid}.ds-profile__image-fallback svg{stroke-width:1.8px;block-size:48%;inline-size:48%}.ds-profile__avatar-overlay{z-index:1;inset:var(--dimension-x0);border-radius:inherit;background:linear-gradient(to bottom, transparent 42%, var(--ds-profile-avatar-overlay)), radial-gradient(circle at 50% 108%, var(--ds-profile-avatar-overlay), transparent 52%);opacity:0;transition:opacity var(--motion-duration-interaction-tab-switch) var(--motion-easing-interaction-tab-switch);pointer-events:none;position:absolute}.ds-profile__avatar-button:disabled .ds-profile__avatar-overlay{opacity:.18}.ds-profile__content{min-inline-size:var(--dimension-x0);gap:var(--ds-profile-content-gap);display:grid}.ds-profile__name,.ds-profile__description{min-inline-size:var(--dimension-x0);text-overflow:ellipsis;white-space:nowrap;letter-spacing:var(--letter-spacing-default);overflow:hidden}.ds-profile__name{color:var(--ds-profile-name-color);font-size:var(--ds-profile-name-font-size);font-weight:var(--font-weight-bold);line-height:var(--ds-profile-name-line-height)}.ds-profile__description{color:var(--ds-profile-description-color);font-size:var(--ds-profile-description-font-size);font-weight:var(--font-weight-regular);line-height:var(--ds-profile-description-line-height)}