.image-container{position:relative;display:block;overflow:hidden}.image-container--fixed{display:inline-block;max-width:100%}.image-container--loading{background:var(--surface-raised)}.image-container--radius-none{border-radius:inherit}.image-container--radius-sm{border-radius:var(--radius-sm)}.image-container--radius-md{border-radius:var(--radius-md)}.image-container--radius-lg{border-radius:var(--radius-lg)}.image-container--radius-xl{border-radius:var(--radius-xl)}.image-container--radius-full{border-radius:9999px}.image-accent-mask-wrapper{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.image-accent-svg{display:block;width:100%;height:100%;object-fit:cover}.image-accent-mask-dark{opacity:0}html.dark .image-accent-mask-dark,html[data-theme=dark] .image-accent-mask-dark{opacity:1}.image-accent-css-fallback{isolation:isolate;overflow:hidden}.image-accent-css-fallback,.image-accent-css-fallback img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.image-accent-css-fallback img{object-fit:inherit;object-position:inherit}.image-accent-overlay{position:absolute;inset:0;width:100%;height:100%;background:var(--foundation-accent-500);mix-blend-mode:color;pointer-events:none;border-radius:inherit}.image{display:block;width:100%;height:100%}.image--object-fit-cover{object-fit:cover}.image--object-fit-contain{object-fit:contain}.image--object-fit-fill{object-fit:fill}.image--object-fit-none{object-fit:none}.image--object-fit-scale-down{object-fit:scale-down}.image--radius-none{border-radius:inherit}.image--radius-sm{border-radius:var(--radius-sm)}.image--radius-md{border-radius:var(--radius-md)}.image--radius-lg{border-radius:var(--radius-lg)}.image--radius-xl{border-radius:var(--radius-xl)}.image--radius-full{border-radius:9999px}.image--loaded{opacity:1}.image-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);pointer-events:none;z-index:1}.image-container--radius-none .image-loading-overlay{border-radius:inherit}.image-container--radius-sm .image-loading-overlay{border-radius:var(--radius-sm)}.image-container--radius-md .image-loading-overlay{border-radius:var(--radius-md)}.image-container--radius-lg .image-loading-overlay{border-radius:var(--radius-lg)}.image-container--radius-xl .image-loading-overlay{border-radius:var(--radius-xl)}.image-container--radius-full .image-loading-overlay{border-radius:9999px}.image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--surface-raised) 0,var(--surface-muted) 50%,var(--surface-raised) 100%);background-size:200% 100%;z-index:1}.image-skeleton--delayed{opacity:0;animation:skeletonDelayedFadeIn 1.5s ease-in forwards,skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonDelayedFadeIn{0%{opacity:0}13%{opacity:0}53%{opacity:.3}to{opacity:1}}@keyframes skeletonPulse{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.image-container--hover-zoom .image{transition:transform .3s ease}.image-container--hover-zoom:hover .image{transform:scale(1.05)}.image-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);background:var(--surface-muted);color:var(--text-subtle);z-index:2}.image-error-text{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.avatar-image{border-radius:9999px}.avatar-image--xs{width:32px;height:32px}.avatar-image--sm{width:40px;height:40px}.avatar-image--md{width:48px;height:48px}.avatar-image--lg{width:64px;height:64px}.avatar-image--xl{width:96px;height:96px}.logo-image{object-fit:contain}.dark .logo-image--auto,[data-theme=dark] .logo-image--auto{filter:invert(1)}.dark .logo-image--light,[data-theme=dark] .logo-image--light{filter:invert(1)}.logo-image--dark{background-color:var(--text-heading)}.logo-image--dark .image{filter:invert(1);mix-blend-mode:screen}.dark .logo-image--dark,[data-theme=dark] .logo-image--dark{background-color:transparent}.dark .logo-image--dark .image,[data-theme=dark] .logo-image--dark .image{filter:invert(0);mix-blend-mode:normal}.logo-image--auto-inverse,.logo-image--inverse{filter:invert(1)}.dark .logo-image--auto-inverse,[data-theme=dark] .logo-image--auto-inverse{filter:invert(0)}.logo-image--color{filter:none!important}@media (prefers-reduced-motion:reduce){.image,.image-container--hover-zoom .image,.image-skeleton{animation:none!important;transition:none!important}}