.cri-icon { display: inline-flex; width: var(--cri-size,24px); height: var(--cri-size,24px); flex: 0 0 auto; align-items: center; justify-content: center; color: inherit; vertical-align: middle; line-height: 1; }
.cri-icon > svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.cri-icon > .cri-glyph { font-family: 'Material Symbols Outlined'; font-weight: 400; font-style: normal; font-size: var(--cri-size,24px); line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; font-feature-settings: 'liga'; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; -webkit-font-smoothing: antialiased; }
.cri-icon > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cri-icon--domain[data-variant=ink] > svg { stroke-width: 1.65; }
.cri-icon--utility[data-variant=ink] > svg { stroke-width: 1.85; }
.cri-accessory { display: inline-block; width: var(--cri-accessory-width,128px); max-width: 100%; flex: 0 0 auto; color: inherit; line-height: 0; pointer-events: none; vertical-align: middle; }
.cri-accessory > svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }