/* Native list items without assigned icons are untouched. */
li.gili-has-icon { list-style: none !important; position: relative; padding-inline-start: calc(var(--gili-size, 20px) + var(--gili-gap, 10px)) !important; }
li.gili-has-icon::before { content: ''; position: absolute; inset-inline-start: 0; top: 0.12em; width: var(--gili-size, 20px); height: var(--gili-size, 20px); background:var(--gili-color,currentColor); -webkit-mask-image:var(--gili-icon); mask-image:var(--gili-icon); -webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain; }
li.gili-inline-svg::before { display: none; }
li.gili-inline-svg > .gili-svg-icon { position: absolute; inset-inline-start: 0; top: 0.12em; width: var(--gili-size, 20px); height: var(--gili-size, 20px); display: block; line-height: 0; color:var(--gili-color,currentColor); }
li.gili-inline-svg > .gili-svg-icon svg { display: block; width: 100%; height: 100%; fill:currentColor; }
li.gili-inline-svg > .gili-svg-icon svg [fill]:not([fill="none"]) { fill:currentColor; }
li.gili-inline-svg > .gili-svg-icon svg [stroke]:not([stroke="none"]) { stroke:currentColor; }