:root{--tik-icon-size:24px;--tik-icon-stroke:1.9;--tik-icon-color:currentColor;--tik-icon-accent:#16a34a}.tik-icon{width:var(--tik-icon-size);height:var(--tik-icon-size);vertical-align:middle;color:var(--tik-icon-color);fill:none;stroke:currentColor;stroke-width:var(--tik-icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block}.tik-icon-xs{--tik-icon-size:14px}.tik-icon-sm{--tik-icon-size:18px}.tik-icon-md{--tik-icon-size:24px}.tik-icon-lg{--tik-icon-size:32px}.tik-icon-xl{--tik-icon-size:44px}.tik-icon-thin{--tik-icon-stroke:1.55}.tik-icon-regular{--tik-icon-stroke:1.9}.tik-icon-bold{--tik-icon-stroke:2.25}.tik-icon-brand{--tik-icon-color:var(--tik-icon-accent)}.tik-icon-multicolor{fill:currentColor;stroke:currentColor}.tik-icon-btn{border:1px solid color-mix(in srgb,var(--tik-icon-accent)18%,transparent);background:color-mix(in srgb,var(--tik-icon-accent)9%,transparent);block-size:42px;inline-size:42px;color:var(--tik-icon-accent);border-radius:14px;place-items:center;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-grid}.tik-icon-btn:hover{background:color-mix(in srgb,var(--tik-icon-accent)14%,transparent);border-color:color-mix(in srgb,var(--tik-icon-accent)32%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--tik-icon-accent)14%,transparent);transform:translateY(-1px)}.tik-icon-pill{border:1px solid color-mix(in srgb,var(--tik-icon-accent)16%,transparent);background:color-mix(in srgb,var(--tik-icon-accent)8%,transparent);color:var(--tik-icon-accent);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;line-height:1;display:inline-flex}