.domain-site-icon{color:var(--muted);background:var(--canvas);border:1px solid var(--line);border-radius:5px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.domain-site-icon-compact{color:inherit;background:0 0;border:0;border-radius:2px}.domain-site-icon-fallback,.domain-site-icon-image,.domain-site-icon-edit-icon{grid-area:1/1}.domain-site-icon-group-fallback{color:var(--accent);display:block}.domain-site-icon-app-fallback{color:var(--accent)}.domain-site-icon-editable{cursor:pointer;padding:0;transition:color .2s,background .2s,border-color .2s}.domain-site-icon-editable .domain-site-icon-fallback{transition:opacity .2s}.domain-site-icon-editable:not(:disabled):is(:hover,:focus-visible){color:var(--accent);background:var(--subtle);border-color:var(--accent)}.domain-site-icon-editable:not(:disabled):is(:hover,:focus-visible) .domain-site-icon-fallback{opacity:0}.domain-site-icon-editable:not(:disabled):is(:hover,:focus-visible) .domain-site-icon-edit-icon{opacity:1}.domain-site-icon-editable:disabled{cursor:default}.domain-site-icon-edit-icon{opacity:0;transition:opacity .2s}.domain-site-icon-image{opacity:0;object-fit:contain;transition:opacity .2s}.domain-site-icon-image-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.domain-site-icon-image,.domain-site-icon-editable,.domain-site-icon-edit-icon,.domain-site-icon-editable .domain-site-icon-fallback{transition:none}}