/* Size tokens mapped from your field_icon_size. */
.dkit-icon .dkit-icon--sm { width: 1.5rem; height: 1.5rem; }
.dkit-icon .dkit-icon--md { width: 2rem;   height: 2rem; }
.dkit-icon .dkit-icon--lg { width: 2.5rem; height: 2.5rem; }
.dkit-icon .dkit-icon--xl { width: 3rem;   height: 3rem; }

/* Size tokens mapped from your field_icon_size. */
.dkit-icon .dkit-icon--sm svg { width: 1.5rem; height: 1.5rem; }
.dkit-icon .dkit-icon--md svg { width: 2rem;   height: 2rem; }
.dkit-icon .dkit-icon--lg svg { width: 2.5rem; height: 2.5rem; }
.dkit-icon .dkit-icon--xl svg { width: 3rem;   height: 3rem; }

/* If your icon_render outputs <img>, make it behave nicely. */
.dkit-icon-text .icon-wrap img { display:block; width: var(--dkit-icon-w, auto); height: auto; }

/* Optional: center the icon box in top layout (we already use mx-auto). */
.dkit-icon-text.text-center .icon-wrap { display:inline-block; }