/* ============================================
   Metallic Text Effects — Comparison Preview
   ============================================ */

/* --- Theme Variables --- */
:root {
  --mt-bg: #ffffff;
  --mt-text-muted: #999;
  --mt-border: #eee;
  --mt-text-faint: #ccc;
}
[data-theme="dark"] {
  --mt-bg: #0a0a0a;
  --mt-text-muted: #666;
  --mt-border: #1e1e1e;
  --mt-text-faint: #333;
}

/* --- Base Animation Classes --- */

/* Vertical gradient shift (most metals) */
.m {
  --scroll: 50;
  --idle: 0;
  --tilt: 0;
  --pos: calc((var(--scroll) + var(--idle) + var(--tilt)) * 1%);
  position: relative;
  display: inline;
  background-size: 100% 500%;
  background-position: 0% var(--pos);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* Horizontal gradient shift (holographic, iridescent) */
.mh {
  --scroll: 50;
  --idle: 0;
  --tilt: 0;
  --pos: calc((var(--scroll) + var(--idle) + var(--tilt)) * 1%);
  position: relative;
  display: inline;
  background-size: 500% 100%;
  background-position: var(--pos) 0%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* --- Layout --- */
.mt-container {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 16px;
}
.mt-topbar {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.mt-toggle-btn {
  font-size: 11px;
  color: var(--mt-text-muted);
  border: 1px solid var(--mt-border);
  padding: 5px 14px;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}
.mt-col-header {
  display: flex;
  gap: 12px;
  margin: 16px 0 10px;
  position: sticky;
  top: 0;
  background: var(--mt-bg);
  padding: 8px 0;
  z-index: 10;
  transition: background 0.35s;
}
.mt-col-header span {
  flex: 1;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--mt-text-muted);
  text-align: center;
}
.mt-row {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--mt-border);
  align-items: flex-start;
}
.mt-side {
  flex: 1;
  min-width: 0;
}
.mt-lbl {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--mt-text-faint);
  margin-top: 24px;
  margin-bottom: 4px;
}
.mt-lbl:first-of-type {
  margin-top: 8px;
}

/* --- ORIGINAL variants (darker gradients, no brightness boost) --- */
.b-gold { background-image:linear-gradient(170deg,#462f1a 0%,#6d4e1e 5%,#a07428 10%,#c9982e 14%,#e8c44a 17%,#f5d45a 19%,#e8c44a 21%,#bf953f 25%,#8b6914 32%,#6d4e1e 38%,#9a7230 42%,#c49a2e 46%,#ddb840 49%,#eed34e 51%,#ddb840 53%,#b38728 57%,#7a5a28 64%,#9a7230 70%,#bf953f 75%,#d4a74a 79%,#c49a2e 83%,#8b6914 90%,#6d4e1e 95%,#462f1a 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(238,211,78,.25)) drop-shadow(0 1px 0 rgba(80,58,18,.35)) drop-shadow(0 2px 4px rgba(40,28,8,.15)) contrast(1.15) saturate(1.2); filter:drop-shadow(0 -1px 0 rgba(238,211,78,.25)) drop-shadow(0 1px 0 rgba(80,58,18,.35)) drop-shadow(0 2px 4px rgba(40,28,8,.15)) contrast(1.15) saturate(1.2); }
.b-silver { background-image:linear-gradient(170deg,#3a3a3a 0%,#5a5a5a 5%,#8a8a8a 10%,#b0b0b0 14%,#d0d0d0 17%,#e8e8e8 19%,#d0d0d0 21%,#a8a8a8 25%,#707070 32%,#505050 38%,#787878 42%,#a0a0a0 46%,#c8c8c8 49%,#dcdcdc 51%,#c8c8c8 53%,#989898 57%,#606060 64%,#787878 70%,#a0a0a0 75%,#b8b8b8 79%,#a0a0a0 83%,#707070 90%,#505050 95%,#3a3a3a 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(220,220,230,.3)) drop-shadow(0 1px 0 rgba(40,40,45,.35)) drop-shadow(0 2px 4px rgba(20,20,25,.15)) contrast(1.15) saturate(0.9); filter:drop-shadow(0 -1px 0 rgba(220,220,230,.3)) drop-shadow(0 1px 0 rgba(40,40,45,.35)) drop-shadow(0 2px 4px rgba(20,20,25,.15)) contrast(1.15) saturate(0.9); }
.b-bronze { background-image:linear-gradient(170deg,#3d2210 0%,#5c3518 5%,#804d22 10%,#a0682e 14%,#c4884a 17%,#d89858 19%,#c4884a 21%,#a06830 25%,#704820 32%,#5c3518 38%,#7a5525 42%,#9c7035 46%,#be8a48 49%,#d09855 51%,#be8a48 53%,#8c6228 57%,#684820 64%,#7a5525 70%,#9c7035 75%,#b08040 79%,#9c7035 83%,#704820 90%,#5c3518 95%,#3d2210 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(208,152,85,.25)) drop-shadow(0 1px 0 rgba(60,34,16,.4)) drop-shadow(0 2px 4px rgba(30,18,8,.18)) contrast(1.15) saturate(1.25); filter:drop-shadow(0 -1px 0 rgba(208,152,85,.25)) drop-shadow(0 1px 0 rgba(60,34,16,.4)) drop-shadow(0 2px 4px rgba(30,18,8,.18)) contrast(1.15) saturate(1.25); }
.b-rosegold { background-image:linear-gradient(170deg,#4a2a28 0%,#6a3e3a 5%,#8e5a52 10%,#b47870 14%,#d49890 17%,#e4aaa2 19%,#d49890 21%,#b47868 25%,#885850 32%,#6a3e3a 38%,#8a5a52 42%,#ae7870 46%,#cc9088 49%,#dca098 51%,#cc9088 53%,#a06860 57%,#7a4e48 64%,#8a5a52 70%,#ae7870 75%,#c08880 79%,#ae7870 83%,#885850 90%,#6a3e3a 95%,#4a2a28 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(220,160,152,.25)) drop-shadow(0 1px 0 rgba(74,42,40,.35)) drop-shadow(0 2px 4px rgba(40,20,18,.15)) contrast(1.12) saturate(1.2); filter:drop-shadow(0 -1px 0 rgba(220,160,152,.25)) drop-shadow(0 1px 0 rgba(74,42,40,.35)) drop-shadow(0 2px 4px rgba(40,20,18,.15)) contrast(1.12) saturate(1.2); }
.b-copper { background-image:linear-gradient(170deg,#3a1a0e 0%,#5c2a18 5%,#884428 10%,#b45e34 14%,#d87a48 17%,#e88a58 19%,#d87a48 21%,#b06038 25%,#7c4020 32%,#5c2a18 38%,#7a4424 42%,#a46038 46%,#c87848 49%,#da8856 51%,#c87848 53%,#964e2c 57%,#6c3820 64%,#7a4424 70%,#a46038 75%,#ba7044 79%,#a46038 83%,#7c4020 90%,#5c2a18 95%,#3a1a0e 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(218,136,86,.25)) drop-shadow(0 1px 0 rgba(58,26,14,.4)) drop-shadow(0 2px 4px rgba(30,14,6,.18)) contrast(1.15) saturate(1.3); filter:drop-shadow(0 -1px 0 rgba(218,136,86,.25)) drop-shadow(0 1px 0 rgba(58,26,14,.4)) drop-shadow(0 2px 4px rgba(30,14,6,.18)) contrast(1.15) saturate(1.3); }
.b-platinum { background-image:linear-gradient(170deg,#383d42 0%,#525a60 5%,#7a8590 10%,#a0adb8 14%,#c4d0da 17%,#d8e4ee 19%,#c4d0da 21%,#9caab6 25%,#687880 32%,#4a5560 38%,#6e7e88 42%,#96a8b4 46%,#b8cad6 49%,#ccdce8 51%,#b8cad6 53%,#8a9ca8 57%,#586870 64%,#6e7e88 70%,#96a8b4 75%,#aec0cc 79%,#96a8b4 83%,#687880 90%,#4a5560 95%,#383d42 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(204,220,232,.3)) drop-shadow(0 1px 0 rgba(40,45,50,.35)) drop-shadow(0 2px 4px rgba(20,22,28,.15)) contrast(1.12) saturate(0.85); filter:drop-shadow(0 -1px 0 rgba(204,220,232,.3)) drop-shadow(0 1px 0 rgba(40,45,50,.35)) drop-shadow(0 2px 4px rgba(20,22,28,.15)) contrast(1.12) saturate(0.85); }
.b-24k { background-image:linear-gradient(170deg,#4a3400 0%,#6a4e00 5%,#917010 10%,#b89420 14%,#d8b430 17%,#e8c840 19%,#d8b430 21%,#bfa020 25%,#8a7010 32%,#6a4e00 38%,#8a6e10 42%,#b09420 46%,#ccb030 49%,#dcc43a 51%,#ccb030 53%,#9a8018 57%,#705810 64%,#8a6e10 70%,#b09420 75%,#c4a828 79%,#b09420 83%,#8a7010 90%,#6a4e00 95%,#4a3400 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(220,196,58,.3)) drop-shadow(0 1px 0 rgba(74,52,0,.4)) drop-shadow(0 2px 4px rgba(38,26,0,.18)) contrast(1.15) saturate(1.35); filter:drop-shadow(0 -1px 0 rgba(220,196,58,.3)) drop-shadow(0 1px 0 rgba(74,52,0,.4)) drop-shadow(0 2px 4px rgba(38,26,0,.18)) contrast(1.15) saturate(1.35); }
.b-titanium { background-image:linear-gradient(170deg,#2a2420 0%,#403830 5%,#5e5248 10%,#7a6e60 14%,#968a78 17%,#a89882 19%,#968a78 21%,#786c5c 25%,#524840 32%,#403830 38%,#5a5044 42%,#766a5c 46%,#908474 49%,#a09480 51%,#908474 53%,#6a6054 57%,#4a4238 64%,#5a5044 70%,#766a5c 75%,#887c6c 79%,#766a5c 83%,#524840 90%,#403830 95%,#2a2420 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(160,148,128,.25)) drop-shadow(0 1px 0 rgba(36,30,26,.4)) drop-shadow(0 2px 4px rgba(18,16,12,.18)) contrast(1.15) saturate(1.05); filter:drop-shadow(0 -1px 0 rgba(160,148,128,.25)) drop-shadow(0 1px 0 rgba(36,30,26,.4)) drop-shadow(0 2px 4px rgba(18,16,12,.18)) contrast(1.15) saturate(1.05); }
.b-green { background-image:linear-gradient(170deg,#1e2a10 0%,#33401a 5%,#4e6028 10%,#6a8032 14%,#8aa840 17%,#9cbc4c 19%,#8aa840 21%,#6e8434 25%,#4a5e20 32%,#33401a 38%,#4e5e28 42%,#6e8234 46%,#88a440 49%,#98b84a 51%,#88a440 53%,#607828 57%,#445420 64%,#4e5e28 70%,#6e8234 75%,#809840 79%,#6e8234 83%,#4a5e20 90%,#33401a 95%,#1e2a10 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(156,188,76,.25)) drop-shadow(0 1px 0 rgba(30,42,16,.4)) drop-shadow(0 2px 4px rgba(15,22,8,.18)) contrast(1.15) saturate(1.3); filter:drop-shadow(0 -1px 0 rgba(156,188,76,.25)) drop-shadow(0 1px 0 rgba(30,42,16,.4)) drop-shadow(0 2px 4px rgba(15,22,8,.18)) contrast(1.15) saturate(1.3); }
.b-gunmetal { background-image:linear-gradient(170deg,#1a1e24 0%,#2a3038 5%,#3e4854 10%,#546270 14%,#6e7e8c 17%,#7e9098 19%,#6e7e8c 21%,#526068 25%,#384248 32%,#2a3038 38%,#3e4854 42%,#546270 46%,#687a88 49%,#788a98 51%,#687a88 53%,#4a5864 57%,#343c44 64%,#3e4854 70%,#546270 75%,#627280 79%,#546270 83%,#384248 90%,#2a3038 95%,#1a1e24 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(120,138,152,.25)) drop-shadow(0 1px 0 rgba(20,24,28,.45)) drop-shadow(0 2px 4px rgba(10,12,16,.2)) contrast(1.18) saturate(0.8); filter:drop-shadow(0 -1px 0 rgba(120,138,152,.25)) drop-shadow(0 1px 0 rgba(20,24,28,.45)) drop-shadow(0 2px 4px rgba(10,12,16,.2)) contrast(1.18) saturate(0.8); }
.b-blackchrome { background-image:linear-gradient(170deg,#0a0a0c 0%,#18181c 5%,#2a2a30 10%,#404048 14%,#606068 17%,#787880 19%,#606068 21%,#3a3a42 25%,#1e1e24 32%,#141418 38%,#262630 42%,#3e3e48 46%,#585860 49%,#6a6a74 51%,#585860 53%,#323238 57%,#1c1c22 64%,#262630 70%,#3e3e48 75%,#505058 79%,#3e3e48 83%,#1e1e24 90%,#141418 95%,#0a0a0c 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(106,106,116,.3)) drop-shadow(0 1px 0 rgba(0,0,0,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.25)) contrast(1.25) saturate(0.7); filter:drop-shadow(0 -1px 0 rgba(106,106,116,.3)) drop-shadow(0 1px 0 rgba(0,0,0,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.25)) contrast(1.25) saturate(0.7); }
.b-bluechrome { background-image:linear-gradient(170deg,#0a1028 0%,#141a3a 5%,#22305a 10%,#324878 14%,#486498 17%,#5878b0 19%,#486498 21%,#304870 25%,#1c2a4c 32%,#141a3a 38%,#203050 42%,#324870 46%,#446090 49%,#5470a4 51%,#446090 53%,#2c4068 57%,#1a2844 64%,#203050 70%,#324870 75%,#405c88 79%,#324870 83%,#1c2a4c 90%,#141a3a 95%,#0a1028 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(84,112,164,.3)) drop-shadow(0 1px 0 rgba(10,16,40,.45)) drop-shadow(0 2px 4px rgba(5,8,20,.2)) contrast(1.18) saturate(1.3); filter:drop-shadow(0 -1px 0 rgba(84,112,164,.3)) drop-shadow(0 1px 0 rgba(10,16,40,.45)) drop-shadow(0 2px 4px rgba(5,8,20,.2)) contrast(1.18) saturate(1.3); }
.b-purplechrome { background-image:linear-gradient(170deg,#1a0e28 0%,#2c1840 5%,#462860 10%,#603a80 14%,#7e50a0 17%,#905cb4 19%,#7e50a0 21%,#5c3878 25%,#3a2250 32%,#2c1840 38%,#422858 42%,#5e3a78 46%,#784e98 49%,#8858aa 51%,#784e98 53%,#503470 57%,#362048 64%,#422858 70%,#5e3a78 75%,#704890 79%,#5e3a78 83%,#3a2250 90%,#2c1840 95%,#1a0e28 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(136,88,170,.25)) drop-shadow(0 1px 0 rgba(26,14,40,.45)) drop-shadow(0 2px 4px rgba(14,6,22,.2)) contrast(1.15) saturate(1.3); filter:drop-shadow(0 -1px 0 rgba(136,88,170,.25)) drop-shadow(0 1px 0 rgba(26,14,40,.45)) drop-shadow(0 2px 4px rgba(14,6,22,.2)) contrast(1.15) saturate(1.3); }
.b-redchrome { background-image:linear-gradient(170deg,#280a0a 0%,#401414 5%,#602424 10%,#803434 14%,#a84848 17%,#bc5454 19%,#a84848 21%,#7c3030 25%,#501c1c 32%,#401414 38%,#5c2222 42%,#7c3434 46%,#a04444 49%,#b45050 51%,#a04444 53%,#6e2a2a 57%,#481818 64%,#5c2222 70%,#7c3434 75%,#943e3e 79%,#7c3434 83%,#501c1c 90%,#401414 95%,#280a0a 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(180,80,80,.25)) drop-shadow(0 1px 0 rgba(40,10,10,.45)) drop-shadow(0 2px 4px rgba(20,4,4,.2)) contrast(1.18) saturate(1.35); filter:drop-shadow(0 -1px 0 rgba(180,80,80,.25)) drop-shadow(0 1px 0 rgba(40,10,10,.45)) drop-shadow(0 2px 4px rgba(20,4,4,.2)) contrast(1.18) saturate(1.35); }
.b-holo { background-image:linear-gradient(90deg,#cc4488 0%,#dd5599 4%,#cc4488 7%,#8844cc 14%,#9955dd 17%,#8844cc 20%,#4466dd 27%,#5588ee 30%,#4466dd 33%,#22aaaa 40%,#33ccbb 43%,#22aaaa 46%,#55bb44 53%,#77dd55 56%,#55bb44 59%,#ccaa22 66%,#eebb33 69%,#ccaa22 72%,#dd6633 79%,#ee7744 82%,#dd6633 85%,#cc4488 92%,#dd5599 96%,#cc4488 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(200,180,220,.2)) drop-shadow(0 1px 0 rgba(40,20,50,.3)) drop-shadow(0 2px 4px rgba(20,10,30,.15)) contrast(1.1) saturate(1.4); filter:drop-shadow(0 -1px 0 rgba(200,180,220,.2)) drop-shadow(0 1px 0 rgba(40,20,50,.3)) drop-shadow(0 2px 4px rgba(20,10,30,.15)) contrast(1.1) saturate(1.4); }
.b-iridescent { background-image:linear-gradient(90deg,#b48aa8 0%,#c89cb8 3%,#b48aa8 6%,#8e8cc0 12%,#a0a0d4 15%,#8e8cc0 18%,#7caab8 24%,#90c0cc 27%,#7caab8 30%,#88b8a0 36%,#9cd0b4 39%,#88b8a0 42%,#b0b890 48%,#c8d0a4 51%,#b0b890 54%,#c8a898 60%,#dcbcac 63%,#c8a898 66%,#c090b0 72%,#d4a4c4 75%,#c090b0 78%,#9894c4 84%,#acaad8 87%,#9894c4 90%,#b48aa8 96%,#c89cb8 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(212,188,220,.25)) drop-shadow(0 1px 0 rgba(60,50,64,.3)) drop-shadow(0 2px 4px rgba(30,24,34,.15)) contrast(1.08) saturate(1.25); filter:drop-shadow(0 -1px 0 rgba(212,188,220,.25)) drop-shadow(0 1px 0 rgba(60,50,64,.3)) drop-shadow(0 2px 4px rgba(30,24,34,.15)) contrast(1.08) saturate(1.25); }
.b-chameleon { background-image:linear-gradient(170deg,#0a2830 0%,#144040 5%,#226058 10%,#308068 14%,#3e9878 17%,#48a884 19%,#3e9878 21%,#2c7860 25%,#1a5048 32%,#1a3848 38%,#2a3860 42%,#3e3878 46%,#544090 49%,#6448a0 51%,#544090 53%,#3c3070 57%,#282858 64%,#303060 70%,#443878 75%,#584088 79%,#443878 83%,#282848 90%,#1a2040 95%,#0a1830 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(72,168,132,.2)) drop-shadow(0 1px 0 rgba(10,24,48,.4)) drop-shadow(0 2px 4px rgba(6,12,24,.2)) contrast(1.15) saturate(1.35); filter:drop-shadow(0 -1px 0 rgba(72,168,132,.2)) drop-shadow(0 1px 0 rgba(10,24,48,.4)) drop-shadow(0 2px 4px rgba(6,12,24,.2)) contrast(1.15) saturate(1.35); }
.b-electrum { background-image:linear-gradient(170deg,#2a3010 0%,#404818 5%,#5a6828 10%,#748838 14%,#90a848 17%,#a0b854 19%,#90a848 21%,#748838 25%,#4e6020 32%,#404818 38%,#586028 42%,#748838 46%,#8ca048 49%,#9cb454 51%,#8ca048 53%,#687828 57%,#485420 64%,#586028 70%,#748838 75%,#889c44 79%,#748838 83%,#4e6020 90%,#404818 95%,#2a3010 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(156,180,84,.25)) drop-shadow(0 1px 0 rgba(32,38,12,.4)) drop-shadow(0 2px 4px rgba(16,20,6,.18)) contrast(1.15) saturate(1.3); filter:drop-shadow(0 -1px 0 rgba(156,180,84,.25)) drop-shadow(0 1px 0 rgba(32,38,12,.4)) drop-shadow(0 2px 4px rgba(16,20,6,.18)) contrast(1.15) saturate(1.3); }
.b-uranium { background-image:linear-gradient(170deg,#0e1a0c 0%,#1a2816 5%,#283c22 10%,#385230 14%,#4c6c3e 17%,#587a48 19%,#4c6c3e 21%,#385030 25%,#243820 32%,#1a2816 38%,#283a22 42%,#3c5432 46%,#4e6a40 49%,#5a784a 51%,#4e6a40 53%,#344a2a 57%,#223420 64%,#283a22 70%,#3c5432 75%,#48623c 79%,#3c5432 83%,#243820 90%,#1a2816 95%,#0e1a0c 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(90,120,72,.25)) drop-shadow(0 1px 0 rgba(14,26,12,.45)) drop-shadow(0 2px 4px rgba(6,12,4,.2)) contrast(1.18) saturate(1.4); filter:drop-shadow(0 -1px 0 rgba(90,120,72,.25)) drop-shadow(0 1px 0 rgba(14,26,12,.45)) drop-shadow(0 2px 4px rgba(6,12,4,.2)) contrast(1.18) saturate(1.4); }

/* --- BRIGHTENED variants (lifted gradients + brightness 1.15) --- */
.a-gold { background-image:linear-gradient(170deg,#5a3e20 0%,#7e5c28 5%,#b08430 10%,#d4a838 14%,#ecd058 17%,#fade68 19%,#ecd058 21%,#cca448 25%,#9a7820 32%,#7e5c28 38%,#a88238 42%,#d0a838 46%,#e4c84c 49%,#f4e05c 51%,#e4c84c 53%,#c09830 57%,#8a6830 64%,#a88238 70%,#cca448 75%,#deb858 79%,#d0a838 83%,#9a7820 90%,#7e5c28 95%,#5a3e20 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(244,224,92,.25)) drop-shadow(0 1px 0 rgba(90,62,20,.3)) drop-shadow(0 2px 4px rgba(40,28,8,.12)) contrast(1.1) saturate(1.2) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(244,224,92,.25)) drop-shadow(0 1px 0 rgba(90,62,20,.3)) drop-shadow(0 2px 4px rgba(40,28,8,.12)) contrast(1.1) saturate(1.2) brightness(1.15); }
.a-silver { background-image:linear-gradient(170deg,#4a4a4a 0%,#6a6a6a 5%,#989898 10%,#c0c0c0 14%,#dcdcdc 17%,#f0f0f0 19%,#dcdcdc 21%,#b8b8b8 25%,#808080 32%,#606060 38%,#888888 42%,#b0b0b0 46%,#d4d4d4 49%,#e8e8e8 51%,#d4d4d4 53%,#a8a8a8 57%,#707070 64%,#888888 70%,#b0b0b0 75%,#c8c8c8 79%,#b0b0b0 83%,#808080 90%,#606060 95%,#4a4a4a 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(232,232,240,.3)) drop-shadow(0 1px 0 rgba(50,50,55,.3)) drop-shadow(0 2px 4px rgba(20,20,25,.12)) contrast(1.1) saturate(0.9) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(232,232,240,.3)) drop-shadow(0 1px 0 rgba(50,50,55,.3)) drop-shadow(0 2px 4px rgba(20,20,25,.12)) contrast(1.1) saturate(0.9) brightness(1.15); }
.a-bronze { background-image:linear-gradient(170deg,#4e3018 0%,#6c4520 5%,#906030 10%,#b47a3c 14%,#d49858 17%,#e4a868 19%,#d49858 21%,#b47a3c 25%,#805828 32%,#6c4520 38%,#8a6530 42%,#ac8040 46%,#ce9a58 49%,#e0a864 51%,#ce9a58 53%,#9c7230 57%,#785828 64%,#8a6530 70%,#ac8040 75%,#c09050 79%,#ac8040 83%,#805828 90%,#6c4520 95%,#4e3018 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(224,168,100,.25)) drop-shadow(0 1px 0 rgba(70,40,18,.35)) drop-shadow(0 2px 4px rgba(30,18,8,.15)) contrast(1.1) saturate(1.2) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(224,168,100,.25)) drop-shadow(0 1px 0 rgba(70,40,18,.35)) drop-shadow(0 2px 4px rgba(30,18,8,.15)) contrast(1.1) saturate(1.2) brightness(1.15); }
.a-rosegold { background-image:linear-gradient(170deg,#5a3835 0%,#7a4e48 5%,#9e6a62 10%,#c48880 14%,#e0a8a0 17%,#f0bab2 19%,#e0a8a0 21%,#c08878 25%,#986860 32%,#7a4e48 38%,#9a6a62 42%,#be8880 46%,#dca098 49%,#eeb4ac 51%,#dca098 53%,#b07870 57%,#8a5e58 64%,#9a6a62 70%,#be8880 75%,#d09890 79%,#be8880 83%,#986860 90%,#7a4e48 95%,#5a3835 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(238,180,172,.25)) drop-shadow(0 1px 0 rgba(80,46,42,.3)) drop-shadow(0 2px 4px rgba(40,20,18,.12)) contrast(1.08) saturate(1.15) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(238,180,172,.25)) drop-shadow(0 1px 0 rgba(80,46,42,.3)) drop-shadow(0 2px 4px rgba(40,20,18,.12)) contrast(1.08) saturate(1.15) brightness(1.15); }
.a-copper { background-image:linear-gradient(170deg,#4a2214 0%,#6c3420 5%,#984e30 10%,#c46e42 14%,#e48a58 17%,#f49a68 19%,#e48a58 21%,#c07044 25%,#8c5028 32%,#6c3420 38%,#8a542c 42%,#b47040 46%,#d48854 49%,#e69864 51%,#d48854 53%,#a65e34 57%,#7c4828 64%,#8a542c 70%,#b47040 75%,#ca804c 79%,#b47040 83%,#8c5028 90%,#6c3420 95%,#4a2214 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(230,152,100,.25)) drop-shadow(0 1px 0 rgba(64,30,14,.35)) drop-shadow(0 2px 4px rgba(30,14,6,.15)) contrast(1.1) saturate(1.25) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(230,152,100,.25)) drop-shadow(0 1px 0 rgba(64,30,14,.35)) drop-shadow(0 2px 4px rgba(30,14,6,.15)) contrast(1.1) saturate(1.25) brightness(1.15); }
.a-platinum { background-image:linear-gradient(170deg,#444a50 0%,#606870 5%,#8898a4 10%,#b0bcc8 14%,#d0dce6 17%,#e4f0f8 19%,#d0dce6 21%,#a8b8c4 25%,#788a94 32%,#586470 38%,#7c8e98 42%,#a4b8c4 46%,#c4d8e4 49%,#d8eaf4 51%,#c4d8e4 53%,#98aab8 57%,#667a84 64%,#7c8e98 70%,#a4b8c4 75%,#bcd0dc 79%,#a4b8c4 83%,#788a94 90%,#586470 95%,#444a50 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(216,234,244,.3)) drop-shadow(0 1px 0 rgba(48,52,58,.3)) drop-shadow(0 2px 4px rgba(20,22,28,.12)) contrast(1.08) saturate(0.85) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(216,234,244,.3)) drop-shadow(0 1px 0 rgba(48,52,58,.3)) drop-shadow(0 2px 4px rgba(20,22,28,.12)) contrast(1.08) saturate(0.85) brightness(1.15); }
.a-24k { background-image:linear-gradient(170deg,#5a4408 0%,#7a6010 5%,#a08818 10%,#c4a828 14%,#e4c840 17%,#f4d850 19%,#e4c840 21%,#ccb030 25%,#9a8018 32%,#7a6010 38%,#9a7e18 42%,#bca430 46%,#dcc040 49%,#ecd44c 51%,#dcc040 53%,#aa9428 57%,#806c18 64%,#9a7e18 70%,#bca430 75%,#d0b838 79%,#bca430 83%,#9a8018 90%,#7a6010 95%,#5a4408 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(236,212,76,.3)) drop-shadow(0 1px 0 rgba(80,56,0,.35)) drop-shadow(0 2px 4px rgba(38,26,0,.15)) contrast(1.1) saturate(1.3) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(236,212,76,.3)) drop-shadow(0 1px 0 rgba(80,56,0,.35)) drop-shadow(0 2px 4px rgba(38,26,0,.15)) contrast(1.1) saturate(1.3) brightness(1.15); }
.a-titanium { background-image:linear-gradient(170deg,#38322c 0%,#504840 5%,#6e6458 10%,#8a8070 14%,#a89c8a 17%,#bab098 19%,#a89c8a 21%,#887c6c 25%,#645a50 32%,#504840 38%,#6a6054 42%,#887c6c 46%,#a29684 49%,#b4aa96 51%,#a29684 53%,#7c7264 57%,#5a5248 64%,#6a6054 70%,#887c6c 75%,#9a8e7e 79%,#887c6c 83%,#645a50 90%,#504840 95%,#38322c 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(180,170,150,.25)) drop-shadow(0 1px 0 rgba(44,38,32,.35)) drop-shadow(0 2px 4px rgba(18,16,12,.15)) contrast(1.1) saturate(1.05) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(180,170,150,.25)) drop-shadow(0 1px 0 rgba(44,38,32,.35)) drop-shadow(0 2px 4px rgba(18,16,12,.15)) contrast(1.1) saturate(1.05) brightness(1.15); }
.a-green { background-image:linear-gradient(170deg,#283818 0%,#3e5022 5%,#587030 10%,#78943e 14%,#98b84e 17%,#accc5c 19%,#98b84e 21%,#789840 25%,#586e28 32%,#3e5022 38%,#587030 42%,#789440 46%,#96b44c 49%,#a8c858 51%,#96b44c 53%,#6e8830 57%,#506428 64%,#587030 70%,#789440 75%,#8ea84c 79%,#789440 83%,#586e28 90%,#3e5022 95%,#283818 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(168,200,88,.25)) drop-shadow(0 1px 0 rgba(36,48,18,.35)) drop-shadow(0 2px 4px rgba(15,22,8,.15)) contrast(1.1) saturate(1.25) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(168,200,88,.25)) drop-shadow(0 1px 0 rgba(36,48,18,.35)) drop-shadow(0 2px 4px rgba(15,22,8,.15)) contrast(1.1) saturate(1.25) brightness(1.15); }
.a-gunmetal { background-image:linear-gradient(170deg,#242a30 0%,#343e48 5%,#4e5c68 10%,#687a88 14%,#8294a2 17%,#94a8b4 19%,#8294a2 21%,#647280 25%,#445058 32%,#343e48 38%,#4e5c68 42%,#687a88 46%,#7c9098 49%,#8ea2b0 51%,#7c9098 53%,#586c78 57%,#3e4850 64%,#4e5c68 70%,#687a88 75%,#78909c 79%,#687a88 83%,#445058 90%,#343e48 95%,#242a30 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(142,162,176,.25)) drop-shadow(0 1px 0 rgba(26,30,36,.4)) drop-shadow(0 2px 4px rgba(10,12,16,.15)) contrast(1.12) saturate(0.85) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(142,162,176,.25)) drop-shadow(0 1px 0 rgba(26,30,36,.4)) drop-shadow(0 2px 4px rgba(10,12,16,.15)) contrast(1.12) saturate(0.85) brightness(1.15); }
.a-blackchrome { background-image:linear-gradient(170deg,#141416 0%,#222228 5%,#363640 10%,#505058 14%,#70707c 17%,#888894 19%,#70707c 21%,#484852 25%,#2a2a32 32%,#1e1e24 38%,#323240 42%,#4e4e58 46%,#686874 49%,#7c7c8a 51%,#686874 53%,#3e3e48 57%,#282830 64%,#323240 70%,#4e4e58 75%,#606070 79%,#4e4e58 83%,#2a2a32 90%,#1e1e24 95%,#141416 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(124,124,138,.3)) drop-shadow(0 1px 0 rgba(0,0,0,.45)) drop-shadow(0 2px 4px rgba(0,0,0,.2)) contrast(1.2) saturate(0.75) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(124,124,138,.3)) drop-shadow(0 1px 0 rgba(0,0,0,.45)) drop-shadow(0 2px 4px rgba(0,0,0,.2)) contrast(1.2) saturate(0.75) brightness(1.15); }
.a-bluechrome { background-image:linear-gradient(170deg,#142040 0%,#1e2c50 5%,#304870 10%,#446090 14%,#5c7cb0 17%,#6e90c8 19%,#5c7cb0 21%,#3e5c84 25%,#263c60 32%,#1e2c50 38%,#2c4468 42%,#446088 46%,#5878a8 49%,#6a8cbc 51%,#5878a8 53%,#3a5480 57%,#243858 64%,#2c4468 70%,#446088 75%,#5470a0 79%,#446088 83%,#263c60 90%,#1e2c50 95%,#142040 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(106,140,188,.3)) drop-shadow(0 1px 0 rgba(14,22,46,.4)) drop-shadow(0 2px 4px rgba(5,8,20,.15)) contrast(1.12) saturate(1.25) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(106,140,188,.3)) drop-shadow(0 1px 0 rgba(14,22,46,.4)) drop-shadow(0 2px 4px rgba(5,8,20,.15)) contrast(1.12) saturate(1.25) brightness(1.15); }
.a-purplechrome { background-image:linear-gradient(170deg,#241438 0%,#382250 5%,#543874 10%,#704e96 14%,#9066b8 17%,#a474cc 19%,#9066b8 21%,#6c4890 25%,#462e62 32%,#382250 38%,#503468 42%,#6c4890 46%,#8860b0 49%,#9c6cc4 51%,#8860b0 53%,#5e4084 57%,#402c58 64%,#503468 70%,#6c4890 75%,#8058a8 79%,#6c4890 83%,#462e62 90%,#382250 95%,#241438 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(156,108,196,.25)) drop-shadow(0 1px 0 rgba(30,16,44,.4)) drop-shadow(0 2px 4px rgba(14,6,22,.15)) contrast(1.1) saturate(1.25) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(156,108,196,.25)) drop-shadow(0 1px 0 rgba(30,16,44,.4)) drop-shadow(0 2px 4px rgba(14,6,22,.15)) contrast(1.1) saturate(1.25) brightness(1.15); }
.a-redchrome { background-image:linear-gradient(170deg,#381010 0%,#501c1c 5%,#703030 10%,#944444 14%,#b85c5c 17%,#cc6a6a 19%,#b85c5c 21%,#903c3c 25%,#602828 32%,#501c1c 38%,#6c2e2e 42%,#904242 46%,#b05858 49%,#c46666 51%,#b05858 53%,#7e3636 57%,#582222 64%,#6c2e2e 70%,#904242 75%,#a84e4e 79%,#904242 83%,#602828 90%,#501c1c 95%,#381010 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(196,102,102,.25)) drop-shadow(0 1px 0 rgba(44,12,12,.4)) drop-shadow(0 2px 4px rgba(20,4,4,.15)) contrast(1.12) saturate(1.3) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(196,102,102,.25)) drop-shadow(0 1px 0 rgba(44,12,12,.4)) drop-shadow(0 2px 4px rgba(20,4,4,.15)) contrast(1.12) saturate(1.3) brightness(1.15); }
.a-holo { background-image:linear-gradient(90deg,#d858a0 0%,#e86ab0 4%,#d858a0 7%,#9858d8 14%,#aa6ae8 17%,#9858d8 20%,#5578e8 27%,#6898f4 30%,#5578e8 33%,#30bcc0 40%,#44dcd0 43%,#30bcc0 46%,#68cc58 53%,#88ee68 56%,#68cc58 59%,#d8bc30 66%,#f4cc44 69%,#d8bc30 72%,#e87844 79%,#f48858 82%,#e87844 85%,#d858a0 92%,#e86ab0 96%,#d858a0 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(220,200,236,.2)) drop-shadow(0 1px 0 rgba(40,20,50,.25)) drop-shadow(0 2px 4px rgba(20,10,30,.12)) contrast(1.05) saturate(1.35) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(220,200,236,.2)) drop-shadow(0 1px 0 rgba(40,20,50,.25)) drop-shadow(0 2px 4px rgba(20,10,30,.12)) contrast(1.05) saturate(1.35) brightness(1.15); }
.a-iridescent { background-image:linear-gradient(90deg,#c49cb8 0%,#d8b0c8 3%,#c49cb8 6%,#a09cd0 12%,#b4b0e0 15%,#a09cd0 18%,#8cbcc8 24%,#a0d0dc 27%,#8cbcc8 30%,#98c8b0 36%,#ace0c4 39%,#98c8b0 42%,#c0c8a0 48%,#d4e0b4 51%,#c0c8a0 54%,#d8b8a8 60%,#ecccbc 63%,#d8b8a8 66%,#d0a0c0 72%,#e4b4d4 75%,#d0a0c0 78%,#a8a4d4 84%,#bcb8e8 87%,#a8a4d4 90%,#c49cb8 96%,#d8b0c8 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(228,200,236,.25)) drop-shadow(0 1px 0 rgba(68,56,72,.25)) drop-shadow(0 2px 4px rgba(30,24,34,.12)) contrast(1.05) saturate(1.2) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(228,200,236,.25)) drop-shadow(0 1px 0 rgba(68,56,72,.25)) drop-shadow(0 2px 4px rgba(30,24,34,.12)) contrast(1.05) saturate(1.2) brightness(1.15); }
.a-chameleon { background-image:linear-gradient(170deg,#143840 0%,#1e5050 5%,#307068 10%,#409880 14%,#50b090 17%,#5cc09c 19%,#50b090 21%,#389070 25%,#206058 32%,#1e4858 38%,#344870 42%,#4e4890 46%,#6450a8 49%,#7458b8 51%,#6450a8 53%,#4c4088 57%,#343868 64%,#3c4070 70%,#544890 75%,#6850a0 79%,#544890 83%,#343858 90%,#1e2850 95%,#102040 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(92,192,156,.2)) drop-shadow(0 1px 0 rgba(14,28,52,.35)) drop-shadow(0 2px 4px rgba(6,12,24,.15)) contrast(1.1) saturate(1.3) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(92,192,156,.2)) drop-shadow(0 1px 0 rgba(14,28,52,.35)) drop-shadow(0 2px 4px rgba(6,12,24,.15)) contrast(1.1) saturate(1.3) brightness(1.15); }
.a-electrum { background-image:linear-gradient(170deg,#384020 0%,#505828 5%,#6a7838 10%,#849848 14%,#a0b858 17%,#b0c864 19%,#a0b858 21%,#849848 25%,#5e7028 32%,#505828 38%,#687038 42%,#849848 46%,#9cb058 49%,#acc464 51%,#9cb058 53%,#788838 57%,#586428 64%,#687038 70%,#849848 75%,#98ac54 79%,#849848 83%,#5e7028 90%,#505828 95%,#384020 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(172,196,100,.25)) drop-shadow(0 1px 0 rgba(40,46,18,.35)) drop-shadow(0 2px 4px rgba(16,20,6,.15)) contrast(1.1) saturate(1.25) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(172,196,100,.25)) drop-shadow(0 1px 0 rgba(40,46,18,.35)) drop-shadow(0 2px 4px rgba(16,20,6,.15)) contrast(1.1) saturate(1.25) brightness(1.15); }
.a-uranium { background-image:linear-gradient(170deg,#1a2818 0%,#2a3c24 5%,#3a5432 10%,#4e6c42 14%,#648850 17%,#74985c 19%,#648850 21%,#4c6a3c 25%,#345028 32%,#2a3c24 38%,#385030 42%,#4e6c42 46%,#60824c 49%,#709258 51%,#60824c 53%,#445c34 57%,#2e4628 64%,#385030 70%,#4e6c42 75%,#5c7c4a 79%,#4e6c42 83%,#345028 90%,#2a3c24 95%,#1a2818 100%); -webkit-filter:drop-shadow(0 -1px 0 rgba(112,146,88,.25)) drop-shadow(0 1px 0 rgba(18,30,14,.4)) drop-shadow(0 2px 4px rgba(6,12,4,.15)) contrast(1.12) saturate(1.35) brightness(1.15); filter:drop-shadow(0 -1px 0 rgba(112,146,88,.25)) drop-shadow(0 1px 0 rgba(18,30,14,.4)) drop-shadow(0 2px 4px rgba(6,12,4,.15)) contrast(1.12) saturate(1.35) brightness(1.15); }