.sd-c-blue{--c1:#60a5fa;--c2:#2563eb}.sd-c-violet{--c1:#a78bfa;--c2:#7c3aed}.sd-c-pink{--c1:#f9a8d4;--c2:#db2777}.sd-c-orange{--c1:#fdba74;--c2:#ea580c}.sd-c-emerald{--c1:#6ee7b7;--c2:#059669}.sd-c-teal{--c1:#5eead4;--c2:#0d9488}.sd-c-amber{--c1:#fcd34d;--c2:#d97706}.sd-c-rose{--c1:#fda4af;--c2:#e11d48}.sd-c-indigo{--c1:#a5b4fc;--c2:#4f46e5}.sd-c-lime{--c1:#bef264;--c2:#65a30d}.sd-c-cyan{--c1:#67e8f9;--c2:#0891b2}.sd-c-slate{--c1:#94a3b8;--c2:#475569}.sd-ico{color:#fff;background:linear-gradient(145deg, var(--c1,#64748b), var(--c2,#334155));width:34px;height:34px;box-shadow:inset 0 1px 0 #ffffff73, inset 0 -2px 0 #0000002e, 0 10px 18px -8px var(--c2,#334155);border-radius:11px;flex:none;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.sd-ico>svg{filter:drop-shadow(0 1px 1px #00000040);width:17px;height:17px}.sd-ico-lg{border-radius:18px;width:56px;height:56px}.sd-ico-lg>svg{width:26px;height:26px}.sd-ico-md{border-radius:13px;width:42px;height:42px}.sd-ico-md>svg{width:20px;height:20px}