:root{--skin-color-black:#000;--skin-color-blue:#3b82f6;--skin-color-brown:#b45309;--skin-color-cyan:#22d3ee;--skin-color-gold:#ca8a04;--skin-color-gray:#737373;--skin-color-green:#22c55e;--skin-color-orange:#f97316;--skin-color-pink:#ec4899;--skin-color-purple:#a855f7;--skin-color-red:#ef4444;--skin-color-white:#fff;--skin-color-yellow:#facc15;--skin-color-fallback:#8847ff;--skin-color:var(--skin-color-fallback)}.skin-color-black{--skin-color:var(--skin-color-black);--skin-color-light:#313131;--skin-color-dark:#000;--color-badge-border:#000;--color-badge-bg:#0003;--color-badge-bg-hover:#0000004d}.skin-color-blue{--skin-color:var(--skin-color-blue);--skin-color-light:#6d85fa;--skin-color-dark:#4b69ff;--color-badge-border:#4b69ff;--color-badge-bg:#4b69ff33;--color-badge-bg-hover:#4b69ff66}.skin-color-brown{--skin-color:var(--skin-color-brown);--skin-color-light:#8d4f20;--skin-color-dark:#733506;--color-badge-border:#c47c12;--color-badge-bg:#c47c1233;--color-badge-bg-hover:#c47c1266}.skin-color-cyan{--skin-color:var(--skin-color-cyan);--skin-color-light:#53e5e7;--skin-color-dark:#27acae;--color-badge-border:#26c897;--color-badge-bg:#26c89733;--color-badge-bg-hover:#26c89766}.skin-color-gold{--skin-color:var(--skin-color-gold);--skin-color-light:#cfb86f;--skin-color-dark:#b2963d;--color-badge-border:#bfa22a;--color-badge-bg:#bfa22a33;--color-badge-bg-hover:#bfa22a66}.skin-color-gray{--skin-color:var(--skin-color-gray);--skin-color-light:#a3abb0;--skin-color-dark:#818688;--color-badge-border:#9cadc3;--color-badge-bg:#9cadc333;--color-badge-bg-hover:#9cadc366}.skin-color-green{--skin-color:var(--skin-color-green);--skin-color-light:#52c456;--skin-color-dark:#3fa143;--color-badge-border:#1c9d77;--color-badge-bg:#26c89733;--color-badge-bg-hover:#26c89766}.skin-color-orange{--skin-color:var(--skin-color-orange);--skin-color-light:#e9824a;--skin-color-dark:#c1561d;--color-badge-border:#c1561d;--color-badge-bg:#c1561d33;--color-badge-bg-hover:#c1561d66}.skin-color-pink{--skin-color:var(--skin-color-pink);--skin-color-light:#f54bc7;--skin-color-dark:#de1faa;--color-badge-border:#c722ed;--color-badge-bg:#9725b133;--color-badge-bg-hover:#9725b166}.skin-color-purple{--skin-color:var(--skin-color-purple);--skin-color-light:#b964ef;--skin-color-dark:#a020f0;--color-badge-border:#c722ed;--color-badge-bg:#9725b133;--color-badge-bg-hover:#9725b166}.skin-color-red{--skin-color:var(--skin-color-red);--skin-color-light:#dd2f44;--skin-color-dark:#a32635;--color-badge-border:#dd2f44;--color-badge-bg:#dd2f4433;--color-badge-bg-hover:#dd2f4466}.skin-color-white{--skin-color:var(--skin-color-white);--skin-color-light:#fff;--skin-color-dark:#dfdfdf;--color-badge-border:#9cadc3;--color-badge-bg:#9cadc333;--color-badge-bg-hover:#9cadc366}.skin-color-yellow{--skin-color:var(--skin-color-yellow);--skin-color-light:#e6c001;--skin-color-dark:#c9a800;--color-badge-border:#bfa22a;--color-badge-bg:#bfa22a33;--color-badge-bg-hover:#bfa22a66}.color-orb{background:linear-gradient(135deg, color-mix(in srgb, var(--skin-color) 78%, white) 50%, color-mix(in srgb, var(--skin-color) 72%, black) 50%)}.color-swatch{--swatch-light:color-mix(in srgb, var(--skin-color) 78%, white);--swatch-dark:color-mix(in srgb, var(--skin-color) 72%, black);background:linear-gradient(135deg, var(--skin-color-light,var(--swatch-light)) 50%, var(--skin-color-dark,var(--swatch-dark)) 50%)}.color-badge{border-color:var(--color-badge-border,#26c897);background-color:var(--color-badge-bg,#26c89733)}.color-badge:hover{background-color:var(--color-badge-bg-hover,#26c89766)}.color-glow{background-color:var(--skin-color)}.color-popular-category-glow{background:radial-gradient(at top,#8847ff33 0%,#592db71a 45%,#0000 70%)}.color-popular-category-selected{box-shadow:0 0 0 1px #754cff,0 8px 18px #754cff52}.colors-list-hero-dot{background:linear-gradient(135deg, var(--colors-list-hero-dot-light) 50%, var(--colors-list-hero-dot-dark) 50%)}.colors-list-hero-dot--magenta{--colors-list-hero-dot-light:#d144aa;--colors-list-hero-dot-dark:#a81781}.colors-list-hero-dot--teal{--colors-list-hero-dot-light:#5bc8cb;--colors-list-hero-dot-dark:#318487}.colors-list-hero-dot--blue{--colors-list-hero-dot-light:#6d85fa;--colors-list-hero-dot-dark:#4b69ff}.colors-list-hero-dot--gold{--colors-list-hero-dot-light:#d0b86f;--colors-list-hero-dot-dark:#b2963d}.colors-list-hero-dot--gray{--colors-list-hero-dot-light:#a3abb0;--colors-list-hero-dot-dark:#818688}