:host { display: block; width: var(--local-width); height: var(--local-height); }
img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: inherit; user-select: none; -webkit-user-drag: none; }
:host([data-boxed="true"]) { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--apkt-tokens-theme-foregroundPrimary); border-radius: var(--apkt-borderRadius-2); }
:host([data-boxed="true"]) img { width: 20px; height: 20px; border-radius: var(--apkt-borderRadius-16); }
:host([data-full="true"]) img { width: 100%; height: 100%; }
:host([data-boxed="true"]) wui-icon { width: 20px; height: 20px; }
:host([data-icon="error"]) { background-color: var(--apkt-tokens-core-backgroundError); }
:host([data-rounded="true"]) { border-radius: var(--apkt-borderRadius-16); }