What colour diamond is the best ?

Learn about Diamond Colour One of the most crucial aspects of determining a diamond's quality Tap to read more [ { "selector": ".qerln-a", "duration": "750ms", "fill": "forwards", "delay": "500ms", "keyframes": [ { "offset": 0, "transform": "translateY(-0.07px)", "opacity": "1" }, { "offset": 0.01, "transform": "translateY(-0.16495475px)", "opacity": "1" }, { "offset": 0.02, "transform": "translateY(-0.449819px)", "opacity": "1" }, { "offset": 0.03, "transform": "translateY(-0.92459275px)", "opacity": "1" }, { "offset": 0.04, "transform": "translateY(-1.5892760000000001px)", "opacity": "1" }, { "offset": 0.05, "transform": "translateY(-2.44386875px)", "opacity": "1" }, { "offset": 0.06, "transform": "translateY(-3.488371px)", "opacity": "1" }, { "offset": 0.07, "transform": "translateY(-4.722782750000001px)", "opacity": "1" }, { "offset": 0.08, "transform": "translateY(-6.147104000000001px)", "opacity": "1" }, { "offset": 0.09, "transform": "translateY(-7.76133475px)", "opacity": "1" }, { "offset": 0.1, "transform": "translateY(-9.565475000000001px)", "opacity": "1" }, { "offset": 0.11, "transform": "translateY(-11.55952475px)", "opacity": "1" }, { "offset": 0.12, "transform": "translateY(-13.743484px)", "opacity": "1" }, { "offset": 0.13, "transform": "translateY(-16.117352750000002px)", "opacity": "1" }, { "offset": 0.14, "transform": "translateY(-18.681131000000004px)", "opacity": "1" }, { "offset": 0.15, "transform": "translateY(-21.434818749999998px)", "opacity": "1" }, { "offset": 0.16, "transform": "translateY(-24.378416px)", "opacity": "1" }, { "offset": 0.17, "transform": "translateY(-27.51192275px)", "opacity": "1" }, { "offset": 0.18, "transform": "translateY(-30.835338999999998px)", "opacity": "1" }, { "offset": 0.19, "transform": "translateY(-34.348664750000005px)", "opacity": "1" }, { "offset": 0.2, "transform": "translateY(-38.0519px)", "opacity": "1" }, { "offset": 0.21, "transform": "translateY(-41.94504475px)", "opacity": "1" }, { "offset": 0.22, "transform": "translateY(-46.028099px)", "opacity": "1" }, { "offset": 0.23, "transform": "translateY(-50.30106275000001px)", "opacity": "1" }, { "offset": 0.24, "transform": "translateY(-54.763936px)", "opacity": "1" }, { "offset": 0.25, "transform": "translateY(-59.41671875px)", "opacity": "1" }, { "offset": 0.26, "transform": "translateY(-64.259411px)", "opacity": "1" }, { "offset": 0.27, "transform": "translateY(-69.29201275000001px)", "opacity": "1" }, { "offset": 0.28, "transform": "translateY(-74.51452400000001px)", "opacity": "1" }, { "offset": 0.29, "transform": "translateY(-79.92694474999998px)", "opacity": "1" }, { "offset": 0.3, "transform": "translateY(-85.52927499999998px)", "opacity": "1" }, { "offset": 0.31, "transform": "translateY(-91.32151474999999px)", "opacity": "1" }, { "offset": 0.32, "transform": "translateY(-97.303664px)", "opacity": "1" }, { "offset": 0.33, "transform": "translateY(-103.47572274999999px)", "opacity": "1" }, { "offset": 0.34, "transform": "translateY(-109.83769099999999px)", "opacity": "1" }, { "offset": 0.35, "transform": "translateY(-116.38956874999997px)", "opacity": "1" }, { "offset": 0.36, "transform": "translateY(-123.13135599999998px)", "opacity": "1" }, { "offset": 0.37, "transform": "translateY(-123.47115274999999px)", "opacity": "1" }, { "offset": 0.38, "transform": "translateY(-120.23405899999999px)", "opacity": "1" }, { "offset": 0.39, "transform": "translateY(-117.18687474999999px)", "opacity": "1" }, { "offset": 0.4, "transform": "translateY(-114.32959999999997px)", "opacity": "1" }, { "offset": 0.41, "transform": "translateY(-111.66223474999998px)", "opacity": "1" }, { "offset": 0.42, "transform": "translateY(-109.18477899999999px)", "opacity": "1" }, { "offset": 0.43, "transform": "translateY(-106.89723274999999px)", "opacity": "1" }, { "offset": 0.44, "transform": "translateY(-104.799596px)", "opacity": "1" }, { "offset": 0.45, "transform": "translateY(-102.89186874999999px)", "opacity": "1" }, { "offset": 0.46, "transform": "translateY(-101.17405099999999px)", "opacity": "1" }, { "offset": 0.47, "transform": "translateY(-99.64614275px)", "opacity": "1" }, { "offset": 0.48, "transform": "translateY(-98.308144px)", "opacity": "1" }, { "offset": 0.49, "transform": "translateY(-97.16005474999999px)", "opacity": "1" }, { "offset": 0.5, "transform": "translateY(-96.201875px)", "opacity": "1" }, { "offset": 0.51, "transform": "translateY(-95.43360474999999px)", "opacity": "1" }, { "offset": 0.52, "transform": "translateY(-94.855244px)", "opacity": "1" }, { "offset": 0.53, "transform": "translateY(-94.46679275px)", "opacity": "1" }, { "offset": 0.54, "transform": "translateY(-94.26825099999999px)", "opacity": "1" }, { "offset": 0.55, "transform": "translateY(-94.25961874999999px)", "opacity": "1" }, { "offset": 0.56, "transform": "translateY(-94.440896px)", "opacity": "1" }, { "offset": 0.57, "transform": "translateY(-94.81208275px)", "opacity": "1" }, { "offset": 0.58, "transform": "translateY(-95.373179px)", "opacity": "1" }, { "offset": 0.59, "transform": "translateY(-96.12418475px)", "opacity": "1" }, { "offset": 0.6, "transform": "translateY(-97.06509999999999px)", "opacity": "1" }, { "offset": 0.61, "transform": "translateY(-98.19592475px)", "opacity": "1" }, { "offset": 0.62, "transform": "translateY(-99.516659px)", "opacity": "1" }, { "offset": 0.63, "transform": "translateY(-101.02730275px)", "opacity": "1" }, { "offset": 0.64, "transform": "translateY(-102.727856px)", "opacity": "1" }, { "offset": 0.65, "transform": "translateY(-104.61831875px)", "opacity": "1" }, { "offset": 0.66, "transform": "translateY(-106.69869100000001px)", "opacity": "1" }, { "offset": 0.67, "transform": "translateY(-108.96897275000002px)", "opacity": "1" }, { "offset": 0.68, "transform": "translateY(-111.42916400000003px)", "opacity": "1" }, { "offset": 0.69, "transform": "translateY(-114.07926474999998px)", "opacity": "1" }, { "offset": 0.7, "transform": "translateY(-116.919275px)", "opacity": "1" }, { "offset": 0.71, "transform": "translateY(-119.94919474999999px)", "opacity": "1" }, { "offset": 0.72, "transform": "translateY(-123.16902400000001px)", "opacity": "1" }, { "offset": 0.73, "transform": "translateY(-125.16621275px)", "opacity": "1" }, { "offset": 0.74, "transform": "translateY(-123.586511px)", "opacity": "1" }, { "offset": 0.75, "transform": "translateY(-122.19671875px)", "opacity": "1" }, { "offset": 0.76, "transform": "translateY(-120.996836px)", "opacity": "1" }, { "offset": 0.77, "transform": "translateY(-119.98686275px)", "opacity": "1" }, { "offset": 0.78, "transform": "translateY(-119.166799px)", "opacity": "1" }, { "offset": 0.79, "transform": "translateY(-118.53664475px)", "opacity": "1" }, { "offset": 0.8, "transform": "translateY(-118.09639999999999px)", "opacity": "1" }, { "offset": 0.81, "transform": "translateY(-117.84606475px)", "opacity": "1" }, { "offset": 0.82, "transform": "translateY(-117.785639px)", "opacity": "1" }, { "offset": 0.83, "transform": "translateY(-117.91512275px)", "opacity": "1" }, { "offset": 0.84, "transform": "translateY(-118.23451599999999px)", "opacity": "1" }, { "offset": 0.85, "transform": "translateY(-118.74381874999999px)", "opacity": "1" }, { "offset": 0.86, "transform": "translateY(-119.44303099999999px)", "opacity": "1" }, { "offset": 0.87, "transform": "translateY(-120.33215274999999px)", "opacity": "1" }, { "offset": 0.88, "transform": "translateY(-121.41118399999999px)", "opacity": "1" }, { "offset": 0.89, "transform": "translateY(-122.68012474999999px)", "opacity": "1" }, { "offset": 0.9, "transform": "translateY(-124.13897499999999px)", "opacity": "1" }, { "offset": 0.91, "transform": "translateY(-125.55230974999999px)", "opacity": "1" }, { "offset": 0.92, "transform": "translateY(-124.80130399999999px)", "opacity": "1" }, { "offset": 0.93, "transform": "translateY(-124.24020775px)", "opacity": "1" }, { "offset": 0.94, "transform": "translateY(-123.869021px)", "opacity": "1" }, { "offset": 0.95, "transform": "translateY(-123.68774375px)", "opacity": "1" }, { "offset": 0.96, "transform": "translateY(-123.696376px)", "opacity": "1" }, { "offset": 0.97, "transform": "translateY(-123.89491774999999px)", "opacity": "1" }, { "offset": 0.98, "transform": "translateY(-124.283369px)", "opacity": "1" }, { "offset": 0.99, "transform": "translateY(-124.86172974999998px)", "opacity": "1" }, { "offset": 1, "opacity": "1" } ] }, { "selector": ".jdjsl-a", "duration": "750ms", "fill": "forwards", "delay": "500ms", "keyframes": [ { "offset": 0, "transform": "translateY(-3.73px)", "opacity": "1" }, { "offset": 0.01, "transform": "translateY(-3.721288px)", "opacity": "1" }, { "offset": 0.02, "transform": "translateY(-3.6951519999999998px)", "opacity": "1" }, { "offset": 0.03, "transform": "translateY(-3.651592px)", "opacity": "1" }, { "offset": 0.04, "transform": "translateY(-3.590608px)", "opacity": "1" }, { "offset": 0.05, "transform": "translateY(-3.5122px)", "opacity": "1" }, { "offset": 0.06, "transform": "translateY(-3.416368px)", "opacity": "1" }, { "offset": 0.07, "transform": "translateY(-3.303112px)", "opacity": "1" }, { "offset": 0.08, "transform": "translateY(-3.172432px)", "opacity": "1" }, { "offset": 0.09, "transform": "translateY(-3.024328px)", "opacity": "1" }, { "offset": 0.1, "transform": "translateY(-2.8588px)", "opacity": "1" }, { "offset": 0.11, "transform": "translateY(-2.6758480000000002px)", "opacity": "1" }, { "offset": 0.12, "transform": "translateY(-2.475472px)", "opacity": "1" }, { "offset": 0.13, "transform": "translateY(-2.257672px)", "opacity": "1" }, { "offset": 0.14, "transform": "translateY(-2.022448px)", "opacity": "1" }, { "offset": 0.15, "transform": "translateY(-1.7698000000000003px)", "opacity": "1" }, { "offset": 0.16, "transform": "translateY(-1.4997280000000002px)", "opacity": "1" }, { "offset": 0.17, "transform": "translateY(-1.2122320000000002px)", "opacity": "1" }, { "offset": 0.18, "transform": "translateY(-0.9073120000000006px)", "opacity": "1" }, { "offset": 0.19, "transform": "translateY(-0.5849679999999999px)", "opacity": "1" }, { "offset": 0.2, "transform": "translateY(-0.24519999999999964px)", "opacity": "1" }, { "offset": 0.21, "transform": "translateY(0.11199199999999987px)", "opacity": "1" }, { "offset": 0.22, "transform": "translateY(0.48660799999999993px)", "opacity": "1" }, { "offset": 0.23, "transform": "translateY(0.8786480000000005px)", "opacity": "1" }, { "offset": 0.24, "transform": "translateY(1.2881119999999995px)", "opacity": "1" }, { "offset": 0.25, "transform": "translateY(1.7149999999999994px)", "opacity": "1" }, { "offset": 0.26, "transform": "translateY(2.1593120000000003px)", "opacity": "1" }, { "offset": 0.27, "transform": "translateY(2.6210480000000014px)", "opacity": "1" }, { "offset": 0.28, "transform": "translateY(3.1002080000000007px)", "opacity": "1" }, { "offset": 0.29, "transform": "translateY(3.5967919999999984px)", "opacity": "1" }, { "offset": 0.3, "transform": "translateY(4.110799999999999px)", "opacity": "1" }, { "offset": 0.31, "transform": "translateY(4.642232px)", "opacity": "1" }, { "offset": 0.32, "transform": "translateY(5.191087999999999px)", "opacity": "1" }, { "offset": 0.33, "transform": "translateY(5.757368px)", "opacity": "1" }, { "offset": 0.34, "transform": "translateY(6.341071999999999px)", "opacity": "1" }, { "offset": 0.35, "transform": "translateY(6.942199999999996px)", "opacity": "1" }, { "offset": 0.36, "transform": "translateY(7.560751999999997px)", "opacity": "1" }, { "offset": 0.37, "transform": "translateY(7.591927999999998px)", "opacity": "1" }, { "offset": 0.38, "transform": "translateY(7.294927999999999px)", "opacity": "1" }, { "offset": 0.39, "transform": "translateY(7.015351999999998px)", "opacity": "1" }, { "offset": 0.4, "transform": "translateY(6.753199999999998px)", "opacity": "1" }, { "offset": 0.41, "transform": "translateY(6.508471999999998px)", "opacity": "1" }, { "offset": 0.42, "transform": "translateY(6.281167999999999px)", "opacity": "1" }, { "offset": 0.43, "transform": "translateY(6.071287999999999px)", "opacity": "1" }, { "offset": 0.44, "transform": "translateY(5.878831999999999px)", "opacity": "1" }, { "offset": 0.45, "transform": "translateY(5.703799999999999px)", "opacity": "1" }, { "offset": 0.46, "transform": "translateY(5.546192px)", "opacity": "1" }, { "offset": 0.47, "transform": "translateY(5.406008px)", "opacity": "1" }, { "offset": 0.48, "transform": "translateY(5.283247999999999px)", "opacity": "1" }, { "offset": 0.49, "transform": "translateY(5.177911999999999px)", "opacity": "1" }, { "offset": 0.5, "transform": "translateY(5.09px)", "opacity": "1" }, { "offset": 0.51, "transform": "translateY(5.019511999999999px)", "opacity": "1" }, { "offset": 0.52, "transform": "translateY(4.966448px)", "opacity": "1" }, { "offset": 0.53, "transform": "translateY(4.930807999999999px)", "opacity": "1" }, { "offset": 0.54, "transform": "translateY(4.912592px)", "opacity": "1" }, { "offset": 0.55, "transform": "translateY(4.9117999999999995px)", "opacity": "1" }, { "offset": 0.56, "transform": "translateY(4.928431999999999px)", "opacity": "1" }, { "offset": 0.57, "transform": "translateY(4.9624880000000005px)", "opacity": "1" }, { "offset": 0.58, "transform": "translateY(5.013967999999998px)", "opacity": "1" }, { "offset": 0.59, "transform": "translateY(5.082872px)", "opacity": "1" }, { "offset": 0.6, "transform": "translateY(5.169199999999998px)", "opacity": "1" }, { "offset": 0.61, "transform": "translateY(5.272952px)", "opacity": "1" }, { "offset": 0.62, "transform": "translateY(5.394128px)", "opacity": "1" }, { "offset": 0.63, "transform": "translateY(5.532727999999999px)", "opacity": "1" }, { "offset": 0.64, "transform": "translateY(5.688752000000001px)", "opacity": "1" }, { "offset": 0.65, "transform": "translateY(5.8622px)", "opacity": "1" }, { "offset": 0.66, "transform": "translateY(6.053072px)", "opacity": "1" }, { "offset": 0.67, "transform": "translateY(6.261368000000001px)", "opacity": "1" }, { "offset": 0.68, "transform": "translateY(6.487088000000002px)", "opacity": "1" }, { "offset": 0.69, "transform": "translateY(6.730231999999997px)", "opacity": "1" }, { "offset": 0.7, "transform": "translateY(6.9908px)", "opacity": "1" }, { "offset": 0.71, "transform": "translateY(7.2687919999999995px)", "opacity": "1" }, { "offset": 0.72, "transform": "translateY(7.564207999999999px)", "opacity": "1" }, { "offset": 0.73, "transform": "translateY(7.747448px)", "opacity": "1" }, { "offset": 0.74, "transform": "translateY(7.602512000000001px)", "opacity": "1" }, { "offset": 0.75, "transform": "translateY(7.475px)", "opacity": "1" }, { "offset": 0.76, "transform": "translateY(7.364912px)", "opacity": "1" }, { "offset": 0.77, "transform": "translateY(7.272247999999999px)", "opacity": "1" }, { "offset": 0.78, "transform": "translateY(7.197008px)", "opacity": "1" }, { "offset": 0.79, "transform": "translateY(7.1391919999999995px)", "opacity": "1" }, { "offset": 0.8, "transform": "translateY(7.098799999999999px)", "opacity": "1" }, { "offset": 0.81, "transform": "translateY(7.075832px)", "opacity": "1" }, { "offset": 0.82, "transform": "translateY(7.070288px)", "opacity": "1" }, { "offset": 0.83, "transform": "translateY(7.082167999999999px)", "opacity": "1" }, { "offset": 0.84, "transform": "translateY(7.111471999999999px)", "opacity": "1" }, { "offset": 0.85, "transform": "translateY(7.158199999999999px)", "opacity": "1" }, { "offset": 0.86, "transform": "translateY(7.222351999999999px)", "opacity": "1" }, { "offset": 0.87, "transform": "translateY(7.303927999999999px)", "opacity": "1" }, { "offset": 0.88, "transform": "translateY(7.4029279999999975px)", "opacity": "1" }, { "offset": 0.89, "transform": "translateY(7.519351999999998px)", "opacity": "1" }, { "offset": 0.9, "transform": "translateY(7.653199999999998px)", "opacity": "1" }, { "offset": 0.91, "transform": "translateY(7.782871999999999px)", "opacity": "1" }, { "offset": 0.92, "transform": "translateY(7.713967999999998px)", "opacity": "1" }, { "offset": 0.93, "transform": "translateY(7.662488px)", "opacity": "1" }, { "offset": 0.94, "transform": "translateY(7.628432px)", "opacity": "1" }, { "offset": 0.95, "transform": "translateY(7.611799999999999px)", "opacity": "1" }, { "offset": 0.96, "transform": "translateY(7.612591999999999px)", "opacity": "1" }, { "offset": 0.97, "transform": "translateY(7.630808px)", "opacity": "1" }, { "offset": 0.98, "transform": "translateY(7.666447999999999px)", "opacity": "1" }, { "offset": 0.99, "transform": "translateY(7.719511999999998px)", "opacity": "1" }, { "offset": 1, "opacity": "1" } ] } ]

The grade of the Diamond is determined by its shade. The lighter the colour of the diamond, the higher its grade. [ { "selector": ".riwng-a", "duration": "750ms", "fill": "forwards", "delay": "500ms", "keyframes": [ { "offset": 0, "transform": "translateY(-0.07px)", "opacity": "1" }, { "offset": 0.01, "transform": "translateY(-0.16495475px)", "opacity": "1" }, { "offset": 0.02, "transform": "translateY(-0.449819px)", "opacity": "1" }, { "offset": 0.03, "transform": "translateY(-0.92459275px)", "opacity": "1" }, { "offset": 0.04, "transform": "translateY(-1.5892760000000001px)", "opacity": "1" }, { "offset": 0.05, "transform": "translateY(-2.44386875px)", "opacity": "1" }, { "offset": 0.06, "transform": "translateY(-3.488371px)", "opacity": "1" }, { "offset": 0.07, "transform": "translateY(-4.722782750000001px)", "opacity": "1" }, { "offset": 0.08, "transform": "translateY(-6.147104000000001px)", "opacity": "1" }, { "offset": 0.09, "transform": "translateY(-7.76133475px)", "opacity": "1" }, { "offset": 0.1, "transform": "translateY(-9.565475000000001px)", "opacity": "1" }, { "offset": 0.11, "transform": "translateY(-11.55952475px)", "opacity": "1" }, { "offset": 0.12, "transform": "translateY(-13.743484px)", "opacity": "1" }, { "offset": 0.13, "transform": "translateY(-16.117352750000002px)", "opacity": "1" }, { "offset": 0.14, "transform": "translateY(-18.681131000000004px)", "opacity": "1" }, { "offset": 0.15, "transform": "translateY(-21.434818749999998px)", "opacity": "1" }, { "offset": 0.16, "transform": "translateY(-24.378416px)", "opacity": "1" }, { "offset": 0.17, "transform": "translateY(-27.51192275px)", "opacity": "1" }, { "offset": 0.18, "transform": "translateY(-30.835338999999998px)", "opacity": "1" }, { "offset": 0.19, "transform": "translateY(-34.348664750000005px)", "opacity": "1" }, { "offset": 0.2, "transform": "translateY(-38.0519px)", "opacity": "1" }, { "offset": 0.21, "transform": "translateY(-41.94504475px)", "opacity": "1" }, { "offset": 0.22, "transform": "translateY(-46.028099px)", "opacity": "1" }, { "offset": 0.23, "transform": "translateY(-50.30106275000001px)", "opacity": "1" }, { "offset": 0.24, "transform": "translateY(-54.763936px)", "opacity": "1" }, { "offset": 0.25, "transform": "translateY(-59.41671875px)", "opacity": "1" }, { "offset": 0.26, "transform": "translateY(-64.259411px)", "opacity": "1" }, { "offset": 0.27, "transform": "translateY(-69.29201275000001px)", "opacity": "1" }, { "offset": 0.28, "transform": "translateY(-74.51452400000001px)", "opacity": "1" }, { "offset": 0.29, "transform": "translateY(-79.92694474999998px)", "opacity": "1" }, { "offset": 0.3, "transform": "translateY(-85.52927499999998px)", "opacity": "1" }, { "offset": 0.31, "transform": "translateY(-91.32151474999999px)", "opacity": "1" }, { "offset": 0.32, "transform": "translateY(-97.303664px)", "opacity": "1" }, { "offset": 0.33, "transform": "translateY(-103.47572274999999px)", "opacity": "1" }, { "offset": 0.34, "transform": "translateY(-109.83769099999999px)", "opacity": "1" }, { "offset": 0.35, "transform": "translateY(-116.38956874999997px)", "opacity": "1" }, { "offset": 0.36, "transform": "translateY(-123.13135599999998px)", "opacity": "1" }, { "offset": 0.37, "transform": "translateY(-123.47115274999999px)", "opacity": "1" }, { "offset": 0.38, "transform": "translateY(-120.23405899999999px)", "opacity": "1" }, { "offset": 0.39, "transform": "translateY(-117.18687474999999px)", "opacity": "1" }, { "offset": 0.4, "transform": "translateY(-114.32959999999997px)", "opacity": "1" }, { "offset": 0.41, "transform": "translateY(-111.66223474999998px)", "opacity": "1" }, { "offset": 0.42, "transform": "translateY(-109.18477899999999px)", "opacity": "1" }, { "offset": 0.43, "transform": "translateY(-106.89723274999999px)", "opacity": "1" }, { "offset": 0.44, "transform": "translateY(-104.799596px)", "opacity": "1" }, { "offset": 0.45, "transform": "translateY(-102.89186874999999px)", "opacity": "1" }, { "offset": 0.46, "transform": "translateY(-101.17405099999999px)", "opacity": "1" }, { "offset": 0.47, "transform": "translateY(-99.64614275px)", "opacity": "1" }, { "offset": 0.48, "transform": "translateY(-98.308144px)", "opacity": "1" }, { "offset": 0.49, "transform": "translateY(-97.16005474999999px)", "opacity": "1" }, { "offset": 0.5, "transform": "translateY(-96.201875px)", "opacity": "1" }, { "offset": 0.51, "transform": "translateY(-95.43360474999999px)", "opacity": "1" }, { "offset": 0.52, "transform": "translateY(-94.855244px)", "opacity": "1" }, { "offset": 0.53, "transform": "translateY(-94.46679275px)", "opacity": "1" }, { "offset": 0.54, "transform": "translateY(-94.26825099999999px)", "opacity": "1" }, { "offset": 0.55, "transform": "translateY(-94.25961874999999px)", "opacity": "1" }, { "offset": 0.56, "transform": "translateY(-94.440896px)", "opacity": "1" }, { "offset": 0.57, "transform": "translateY(-94.81208275px)", "opacity": "1" }, { "offset": 0.58, "transform": "translateY(-95.373179px)", "opacity": "1" }, { "offset": 0.59, "transform": "translateY(-96.12418475px)", "opacity": "1" }, { "offset": 0.6, "transform": "translateY(-97.06509999999999px)", "opacity": "1" }, { "offset": 0.61, "transform": "translateY(-98.19592475px)", "opacity": "1" }, { "offset": 0.62, "transform": "translateY(-99.516659px)", "opacity": "1" }, { "offset": 0.63, "transform": "translateY(-101.02730275px)", "opacity": "1" }, { "offset": 0.64, "transform": "translateY(-102.727856px)", "opacity": "1" }, { "offset": 0.65, "transform": "translateY(-104.61831875px)", "opacity": "1" }, { "offset": 0.66, "transform": "translateY(-106.69869100000001px)", "opacity": "1" }, { "offset": 0.67, "transform": "translateY(-108.96897275000002px)", "opacity": "1" }, { "offset": 0.68, "transform": "translateY(-111.42916400000003px)", "opacity": "1" }, { "offset": 0.69, "transform": "translateY(-114.07926474999998px)", "opacity": "1" }, { "offset": 0.7, "transform": "translateY(-116.919275px)", "opacity": "1" }, { "offset": 0.71, "transform": "translateY(-119.94919474999999px)", "opacity": "1" }, { "offset": 0.72, "transform": "translateY(-123.16902400000001px)", "opacity": "1" }, { "offset": 0.73, "transform": "translateY(-125.16621275px)", "opacity": "1" }, { "offset": 0.74, "transform": "translateY(-123.586511px)", "opacity": "1" }, { "offset": 0.75, "transform": "translateY(-122.19671875px)", "opacity": "1" }, { "offset": 0.76, "transform": "translateY(-120.996836px)", "opacity": "1" }, { "offset": 0.77, "transform": "translateY(-119.98686275px)", "opacity": "1" }, { "offset": 0.78, "transform": "translateY(-119.166799px)", "opacity": "1" }, { "offset": 0.79, "transform": "translateY(-118.53664475px)", "opacity": "1" }, { "offset": 0.8, "transform": "translateY(-118.09639999999999px)", "opacity": "1" }, { "offset": 0.81, "transform": "translateY(-117.84606475px)", "opacity": "1" }, { "offset": 0.82, "transform": "translateY(-117.785639px)", "opacity": "1" }, { "offset": 0.83, "transform": "translateY(-117.91512275px)", "opacity": "1" }, { "offset": 0.84, "transform": "translateY(-118.23451599999999px)", "opacity": "1" }, { "offset": 0.85, "transform": "translateY(-118.74381874999999px)", "opacity": "1" }, { "offset": 0.86, "transform": "translateY(-119.44303099999999px)", "opacity": "1" }, { "offset": 0.87, "transform": "translateY(-120.33215274999999px)", "opacity": "1" }, { "offset": 0.88, "transform": "translateY(-121.41118399999999px)", "opacity": "1" }, { "offset": 0.89, "transform": "translateY(-122.68012474999999px)", "opacity": "1" }, { "offset": 0.9, "transform": "translateY(-124.13897499999999px)", "opacity": "1" }, { "offset": 0.91, "transform": "translateY(-125.55230974999999px)", "opacity": "1" }, { "offset": 0.92, "transform": "translateY(-124.80130399999999px)", "opacity": "1" }, { "offset": 0.93, "transform": "translateY(-124.24020775px)", "opacity": "1" }, { "offset": 0.94, "transform": "translateY(-123.869021px)", "opacity": "1" }, { "offset": 0.95, "transform": "translateY(-123.68774375px)", "opacity": "1" }, { "offset": 0.96, "transform": "translateY(-123.696376px)", "opacity": "1" }, { "offset": 0.97, "transform": "translateY(-123.89491774999999px)", "opacity": "1" }, { "offset": 0.98, "transform": "translateY(-124.283369px)", "opacity": "1" }, { "offset": 0.99, "transform": "translateY(-124.86172974999998px)", "opacity": "1" }, { "offset": 1, "opacity": "1" } ] } ]

Diamond colours range from colourless to light yellow or brown.Swipe to see the different diamond colour depths [ { "selector": ".jlnbg-a", "duration": "750ms", "fill": "forwards", "delay": "500ms", "keyframes": [ { "offset": 0, "transform": "translateY(-0.07px)", "opacity": "1" }, { "offset": 0.01, "transform": "translateY(-0.16495475px)", "opacity": "1" }, { "offset": 0.02, "transform": "translateY(-0.449819px)", "opacity": "1" }, { "offset": 0.03, "transform": "translateY(-0.92459275px)", "opacity": "1" }, { "offset": 0.04, "transform": "translateY(-1.5892760000000001px)", "opacity": "1" }, { "offset": 0.05, "transform": "translateY(-2.44386875px)", "opacity": "1" }, { "offset": 0.06, "transform": "translateY(-3.488371px)", "opacity": "1" }, { "offset": 0.07, "transform": "translateY(-4.722782750000001px)", "opacity": "1" }, { "offset": 0.08, "transform": "translateY(-6.147104000000001px)", "opacity": "1" }, { "offset": 0.09, "transform": "translateY(-7.76133475px)", "opacity": "1" }, { "offset": 0.1, "transform": "translateY(-9.565475000000001px)", "opacity": "1" }, { "offset": 0.11, "transform": "translateY(-11.55952475px)", "opacity": "1" }, { "offset": 0.12, "transform": "translateY(-13.743484px)", "opacity": "1" }, { "offset": 0.13, "transform": "translateY(-16.117352750000002px)", "opacity": "1" }, { "offset": 0.14, "transform": "translateY(-18.681131000000004px)", "opacity": "1" }, { "offset": 0.15, "transform": "translateY(-21.434818749999998px)", "opacity": "1" }, { "offset": 0.16, "transform": "translateY(-24.378416px)", "opacity": "1" }, { "offset": 0.17, "transform": "translateY(-27.51192275px)", "opacity": "1" }, { "offset": 0.18, "transform": "translateY(-30.835338999999998px)", "opacity": "1" }, { "offset": 0.19, "transform": "translateY(-34.348664750000005px)", "opacity": "1" }, { "offset": 0.2, "transform": "translateY(-38.0519px)", "opacity": "1" }, { "offset": 0.21, "transform": "translateY(-41.94504475px)", "opacity": "1" }, { "offset": 0.22, "transform": "translateY(-46.028099px)", "opacity": "1" }, { "offset": 0.23, "transform": "translateY(-50.30106275000001px)", "opacity": "1" }, { "offset": 0.24, "transform": "translateY(-54.763936px)", "opacity": "1" }, { "offset": 0.25, "transform": "translateY(-59.41671875px)", "opacity": "1" }, { "offset": 0.26, "transform": "translateY(-64.259411px)", "opacity": "1" }, { "offset": 0.27, "transform": "translateY(-69.29201275000001px)", "opacity": "1" }, { "offset": 0.28, "transform": "translateY(-74.51452400000001px)", "opacity": "1" }, { "offset": 0.29, "transform": "translateY(-79.92694474999998px)", "opacity": "1" }, { "offset": 0.3, "transform": "translateY(-85.52927499999998px)", "opacity": "1" }, { "offset": 0.31, "transform": "translateY(-91.32151474999999px)", "opacity": "1" }, { "offset": 0.32, "transform": "translateY(-97.303664px)", "opacity": "1" }, { "offset": 0.33, "transform": "translateY(-103.47572274999999px)", "opacity": "1" }, { "offset": 0.34, "transform": "translateY(-109.83769099999999px)", "opacity": "1" }, { "offset": 0.35, "transform": "translateY(-116.38956874999997px)", "opacity": "1" }, { "offset": 0.36, "transform": "translateY(-123.13135599999998px)", "opacity": "1" }, { "offset": 0.37, "transform": "translateY(-123.47115274999999px)", "opacity": "1" }, { "offset": 0.38, "transform": "translateY(-120.23405899999999px)", "opacity": "1" }, { "offset": 0.39, "transform": "translateY(-117.18687474999999px)", "opacity": "1" }, { "offset": 0.4, "transform": "translateY(-114.32959999999997px)", "opacity": "1" }, { "offset": 0.41, "transform": "translateY(-111.66223474999998px)", "opacity": "1" }, { "offset": 0.42, "transform": "translateY(-109.18477899999999px)", "opacity": "1" }, { "offset": 0.43, "transform": "translateY(-106.89723274999999px)", "opacity": "1" }, { "offset": 0.44, "transform": "translateY(-104.799596px)", "opacity": "1" }, { "offset": 0.45, "transform": "translateY(-102.89186874999999px)", "opacity": "1" }, { "offset": 0.46, "transform": "translateY(-101.17405099999999px)", "opacity": "1" }, { "offset": 0.47, "transform": "translateY(-99.64614275px)", "opacity": "1" }, { "offset": 0.48, "transform": "translateY(-98.308144px)", "opacity": "1" }, { "offset": 0.49, "transform": "translateY(-97.16005474999999px)", "opacity": "1" }, { "offset": 0.5, "transform": "translateY(-96.201875px)", "opacity": "1" }, { "offset": 0.51, "transform": "translateY(-95.43360474999999px)", "opacity": "1" }, { "offset": 0.52, "transform": "translateY(-94.855244px)", "opacity": "1" }, { "offset": 0.53, "transform": "translateY(-94.46679275px)", "opacity": "1" }, { "offset": 0.54, "transform": "translateY(-94.26825099999999px)", "opacity": "1" }, { "offset": 0.55, "transform": "translateY(-94.25961874999999px)", "opacity": "1" }, { "offset": 0.56, "transform": "translateY(-94.440896px)", "opacity": "1" }, { "offset": 0.57, "transform": "translateY(-94.81208275px)", "opacity": "1" }, { "offset": 0.58, "transform": "translateY(-95.373179px)", "opacity": "1" }, { "offset": 0.59, "transform": "translateY(-96.12418475px)", "opacity": "1" }, { "offset": 0.6, "transform": "translateY(-97.06509999999999px)", "opacity": "1" }, { "offset": 0.61, "transform": "translateY(-98.19592475px)", "opacity": "1" }, { "offset": 0.62, "transform": "translateY(-99.516659px)", "opacity": "1" }, { "offset": 0.63, "transform": "translateY(-101.02730275px)", "opacity": "1" }, { "offset": 0.64, "transform": "translateY(-102.727856px)", "opacity": "1" }, { "offset": 0.65, "transform": "translateY(-104.61831875px)", "opacity": "1" }, { "offset": 0.66, "transform": "translateY(-106.69869100000001px)", "opacity": "1" }, { "offset": 0.67, "transform": "translateY(-108.96897275000002px)", "opacity": "1" }, { "offset": 0.68, "transform": "translateY(-111.42916400000003px)", "opacity": "1" }, { "offset": 0.69, "transform": "translateY(-114.07926474999998px)", "opacity": "1" }, { "offset": 0.7, "transform": "translateY(-116.919275px)", "opacity": "1" }, { "offset": 0.71, "transform": "translateY(-119.94919474999999px)", "opacity": "1" }, { "offset": 0.72, "transform": "translateY(-123.16902400000001px)", "opacity": "1" }, { "offset": 0.73, "transform": "translateY(-125.16621275px)", "opacity": "1" }, { "offset": 0.74, "transform": "translateY(-123.586511px)", "opacity": "1" }, { "offset": 0.75, "transform": "translateY(-122.19671875px)", "opacity": "1" }, { "offset": 0.76, "transform": "translateY(-120.996836px)", "opacity": "1" }, { "offset": 0.77, "transform": "translateY(-119.98686275px)", "opacity": "1" }, { "offset": 0.78, "transform": "translateY(-119.166799px)", "opacity": "1" }, { "offset": 0.79, "transform": "translateY(-118.53664475px)", "opacity": "1" }, { "offset": 0.8, "transform": "translateY(-118.09639999999999px)", "opacity": "1" }, { "offset": 0.81, "transform": "translateY(-117.84606475px)", "opacity": "1" }, { "offset": 0.82, "transform": "translateY(-117.785639px)", "opacity": "1" }, { "offset": 0.83, "transform": "translateY(-117.91512275px)", "opacity": "1" }, { "offset": 0.84, "transform": "translateY(-118.23451599999999px)", "opacity": "1" }, { "offset": 0.85, "transform": "translateY(-118.74381874999999px)", "opacity": "1" }, { "offset": 0.86, "transform": "translateY(-119.44303099999999px)", "opacity": "1" }, { "offset": 0.87, "transform": "translateY(-120.33215274999999px)", "opacity": "1" }, { "offset": 0.88, "transform": "translateY(-121.41118399999999px)", "opacity": "1" }, { "offset": 0.89, "transform": "translateY(-122.68012474999999px)", "opacity": "1" }, { "offset": 0.9, "transform": "translateY(-124.13897499999999px)", "opacity": "1" }, { "offset": 0.91, "transform": "translateY(-125.55230974999999px)", "opacity": "1" }, { "offset": 0.92, "transform": "translateY(-124.80130399999999px)", "opacity": "1" }, { "offset": 0.93, "transform": "translateY(-124.24020775px)", "opacity": "1" }, { "offset": 0.94, "transform": "translateY(-123.869021px)", "opacity": "1" }, { "offset": 0.95, "transform": "translateY(-123.68774375px)", "opacity": "1" }, { "offset": 0.96, "transform": "translateY(-123.696376px)", "opacity": "1" }, { "offset": 0.97, "transform": "translateY(-123.89491774999999px)", "opacity": "1" }, { "offset": 0.98, "transform": "translateY(-124.283369px)", "opacity": "1" }, { "offset": 0.99, "transform": "translateY(-124.86172974999998px)", "opacity": "1" }, { "offset": 1, "opacity": "1" } ] } ]

Colour depths [ { "selector": ".pgkni-a", "duration": "750ms", "fill": "forwards", "delay": "500ms", "keyframes": [ { "offset": 0, "transform": "translateY(-0.07px)", "opacity": "1" }, { "offset": 0.01, "transform": "translateY(-0.16495475px)", "opacity": "1" }, { "offset": 0.02, "transform": "translateY(-0.449819px)", "opacity": "1" }, { "offset": 0.03, "transform": "translateY(-0.92459275px)", "opacity": "1" }, { "offset": 0.04, "transform": "translateY(-1.5892760000000001px)", "opacity": "1" }, { "offset": 0.05, "transform": "translateY(-2.44386875px)", "opacity": "1" }, { "offset": 0.06, "transform": "translateY(-3.488371px)", "opacity": "1" }, { "offset": 0.07, "transform": "translateY(-4.722782750000001px)", "opacity": "1" }, { "offset": 0.08, "transform": "translateY(-6.147104000000001px)", "opacity": "1" }, { "offset": 0.09, "transform": "translateY(-7.76133475px)", "opacity": "1" }, { "offset": 0.1, "transform": "translateY(-9.565475000000001px)", "opacity": "1" }, { "offset": 0.11, "transform": "translateY(-11.55952475px)", "opacity": "1" }, { "offset": 0.12, "transform": "translateY(-13.743484px)", "opacity": "1" }, { "offset": 0.13, "transform": "translateY(-16.117352750000002px)", "opacity": "1" }, { "offset": 0.14, "transform": "translateY(-18.681131000000004px)", "opacity": "1" }, { "offset": 0.15, "transform": "translateY(-21.434818749999998px)", "opacity": "1" }, { "offset": 0.16, "transform": "translateY(-24.378416px)", "opacity": "1" }, { "offset": 0.17, "transform": "translateY(-27.51192275px)", "opacity": "1" }, { "offset": 0.18, "transform": "translateY(-30.835338999999998px)", "opacity": "1" }, { "offset": 0.19, "transform": "translateY(-34.348664750000005px)", "opacity": "1" }, { "offset": 0.2, "transform": "translateY(-38.0519px)", "opacity": "1" }, { "offset": 0.21, "transform": "translateY(-41.94504475px)", "opacity": "1" }, { "offset": 0.22, "transform": "translateY(-46.028099px)", "opacity": "1" }, { "offset": 0.23, "transform": "translateY(-50.30106275000001px)", "opacity": "1" }, { "offset": 0.24, "transform": "translateY(-54.763936px)", "opacity": "1" }, { "offset": 0.25, "transform": "translateY(-59.41671875px)", "opacity": "1" }, { "offset": 0.26, "transform": "translateY(-64.259411px)", "opacity": "1" }, { "offset": 0.27, "transform": "translateY(-69.29201275000001px)", "opacity": "1" }, { "offset": 0.28, "transform": "translateY(-74.51452400000001px)", "opacity": "1" }, { "offset": 0.29, "transform": "translateY(-79.92694474999998px)", "opacity": "1" }, { "offset": 0.3, "transform": "translateY(-85.52927499999998px)", "opacity": "1" }, { "offset": 0.31, "transform": "translateY(-91.32151474999999px)", "opacity": "1" }, { "offset": 0.32, "transform": "translateY(-97.303664px)", "opacity": "1" }, { "offset": 0.33, "transform": "translateY(-103.47572274999999px)", "opacity": "1" }, { "offset": 0.34, "transform": "translateY(-109.83769099999999px)", "opacity": "1" }, { "offset": 0.35, "transform": "translateY(-116.38956874999997px)", "opacity": "1" }, { "offset": 0.36, "transform": "translateY(-123.13135599999998px)", "opacity": "1" }, { "offset": 0.37, "transform": "translateY(-123.47115274999999px)", "opacity": "1" }, { "offset": 0.38, "transform": "translateY(-120.23405899999999px)", "opacity": "1" }, { "offset": 0.39, "transform": "translateY(-117.18687474999999px)", "opacity": "1" }, { "offset": 0.4, "transform": "translateY(-114.32959999999997px)", "opacity": "1" }, { "offset": 0.41, "transform": "translateY(-111.66223474999998px)", "opacity": "1" }, { "offset": 0.42, "transform": "translateY(-109.18477899999999px)", "opacity": "1" }, { "offset": 0.43, "transform": "translateY(-106.89723274999999px)", "opacity": "1" }, { "offset": 0.44, "transform": "translateY(-104.799596px)", "opacity": "1" }, { "offset": 0.45, "transform": "translateY(-102.89186874999999px)", "opacity": "1" }, { "offset": 0.46, "transform": "translateY(-101.17405099999999px)", "opacity": "1" }, { "offset": 0.47, "transform": "translateY(-99.64614275px)", "opacity": "1" }, { "offset": 0.48, "transform": "translateY(-98.308144px)", "opacity": "1" }, { "offset": 0.49, "transform": "translateY(-97.16005474999999px)", "opacity": "1" }, { "offset": 0.5, "transform": "translateY(-96.201875px)", "opacity": "1" }, { "offset": 0.51, "transform": "translateY(-95.43360474999999px)", "opacity": "1" }, { "offset": 0.52, "transform": "translateY(-94.855244px)", "opacity": "1" }, { "offset": 0.53, "transform": "translateY(-94.46679275px)", "opacity": "1" }, { "offset": 0.54, "transform": "translateY(-94.26825099999999px)", "opacity": "1" }, { "offset": 0.55, "transform": "translateY(-94.25961874999999px)", "opacity": "1" }, { "offset": 0.56, "transform": "translateY(-94.440896px)", "opacity": "1" }, { "offset": 0.57, "transform": "translateY(-94.81208275px)", "opacity": "1" }, { "offset": 0.58, "transform": "translateY(-95.373179px)", "opacity": "1" }, { "offset": 0.59, "transform": "translateY(-96.12418475px)", "opacity": "1" }, { "offset": 0.6, "transform": "translateY(-97.06509999999999px)", "opacity": "1" }, { "offset": 0.61, "transform": "translateY(-98.19592475px)", "opacity": "1" }, { "offset": 0.62, "transform": "translateY(-99.516659px)", "opacity": "1" }, { "offset": 0.63, "transform": "translateY(-101.02730275px)", "opacity": "1" }, { "offset": 0.64, "transform": "translateY(-102.727856px)", "opacity": "1" }, { "offset": 0.65, "transform": "translateY(-104.61831875px)", "opacity": "1" }, { "offset": 0.66, "transform": "translateY(-106.69869100000001px)", "opacity": "1" }, { "offset": 0.67, "transform": "translateY(-108.96897275000002px)", "opacity": "1" }, { "offset": 0.68, "transform": "translateY(-111.42916400000003px)", "opacity": "1" }, { "offset": 0.69, "transform": "translateY(-114.07926474999998px)", "opacity": "1" }, { "offset": 0.7, "transform": "translateY(-116.919275px)", "opacity": "1" }, { "offset": 0.71, "transform": "translateY(-119.94919474999999px)", "opacity": "1" }, { "offset": 0.72, "transform": "translateY(-123.16902400000001px)", "opacity": "1" }, { "offset": 0.73, "transform": "translateY(-125.16621275px)", "opacity": "1" }, { "offset": 0.74, "transform": "translateY(-123.586511px)", "opacity": "1" }, { "offset": 0.75, "transform": "translateY(-122.19671875px)", "opacity": "1" }, { "offset": 0.76, "transform": "translateY(-120.996836px)", "opacity": "1" }, { "offset": 0.77, "transform": "translateY(-119.98686275px)", "opacity": "1" }, { "offset": 0.78, "transform": "translateY(-119.166799px)", "opacity": "1" }, { "offset": 0.79, "transform": "translateY(-118.53664475px)", "opacity": "1" }, { "offset": 0.8, "transform": "translateY(-118.09639999999999px)", "opacity": "1" }, { "offset": 0.81, "transform": "translateY(-117.84606475px)", "opacity": "1" }, { "offset": 0.82, "transform": "translateY(-117.785639px)", "opacity": "1" }, { "offset": 0.83, "transform": "translateY(-117.91512275px)", "opacity": "1" }, { "offset": 0.84, "transform": "translateY(-118.23451599999999px)", "opacity": "1" }, { "offset": 0.85, "transform": "translateY(-118.74381874999999px)", "opacity": "1" }, { "offset": 0.86, "transform": "translateY(-119.44303099999999px)", "opacity": "1" }, { "offset": 0.87, "transform": "translateY(-120.33215274999999px)", "opacity": "1" }, { "offset": 0.88, "transform": "translateY(-121.41118399999999px)", "opacity": "1" }, { "offset": 0.89, "transform": "translateY(-122.68012474999999px)", "opacity": "1" }, { "offset": 0.9, "transform": "translateY(-124.13897499999999px)", "opacity": "1" }, { "offset": 0.91, "transform": "translateY(-125.55230974999999px)", "opacity": "1" }, { "offset": 0.92, "transform": "translateY(-124.80130399999999px)", "opacity": "1" }, { "offset": 0.93, "transform": "translateY(-124.24020775px)", "opacity": "1" }, { "offset": 0.94, "transform": "translateY(-123.869021px)", "opacity": "1" }, { "offset": 0.95, "transform": "translateY(-123.68774375px)", "opacity": "1" }, { "offset": 0.96, "transform": "translateY(-123.696376px)", "opacity": "1" }, { "offset": 0.97, "transform": "translateY(-123.89491774999999px)", "opacity": "1" }, { "offset": 0.98, "transform": "translateY(-124.283369px)", "opacity": "1" }, { "offset": 0.99, "transform": "translateY(-124.86172974999998px)", "opacity": "1" }, { "offset": 1, "opacity": "1" } ] } ]

Found this helpful? Get Yourself A Shining Diamond Now! [ { "selector": ".qiwii-a", "duration": "750ms", "fill": "forwards", "delay": "500ms", "keyframes": [ { "offset": 0, "transform": "translateY(-0.07px)", "opacity": "1" }, { "offset": 0.01, "transform": "translateY(-0.16495475px)", "opacity": "1" }, { "offset": 0.02, "transform": "translateY(-0.449819px)", "opacity": "1" }, { "offset": 0.03, "transform": "translateY(-0.92459275px)", "opacity": "1" }, { "offset": 0.04, "transform": "translateY(-1.5892760000000001px)", "opacity": "1" }, { "offset": 0.05, "transform": "translateY(-2.44386875px)", "opacity": "1" }, { "offset": 0.06, "transform": "translateY(-3.488371px)", "opacity": "1" }, { "offset": 0.07, "transform": "translateY(-4.722782750000001px)", "opacity": "1" }, { "offset": 0.08, "transform": "translateY(-6.147104000000001px)", "opacity": "1" }, { "offset": 0.09, "transform": "translateY(-7.76133475px)", "opacity": "1" }, { "offset": 0.1, "transform": "translateY(-9.565475000000001px)", "opacity": "1" }, { "offset": 0.11, "transform": "translateY(-11.55952475px)", "opacity": "1" }, { "offset": 0.12, "transform": "translateY(-13.743484px)", "opacity": "1" }, { "offset": 0.13, "transform": "translateY(-16.117352750000002px)", "opacity": "1" }, { "offset": 0.14, "transform": "translateY(-18.681131000000004px)", "opacity": "1" }, { "offset": 0.15, "transform": "translateY(-21.434818749999998px)", "opacity": "1" }, { "offset": 0.16, "transform": "translateY(-24.378416px)", "opacity": "1" }, { "offset": 0.17, "transform": "translateY(-27.51192275px)", "opacity": "1" }, { "offset": 0.18, "transform": "translateY(-30.835338999999998px)", "opacity": "1" }, { "offset": 0.19, "transform": "translateY(-34.348664750000005px)", "opacity": "1" }, { "offset": 0.2, "transform": "translateY(-38.0519px)", "opacity": "1" }, { "offset": 0.21, "transform": "translateY(-41.94504475px)", "opacity": "1" }, { "offset": 0.22, "transform": "translateY(-46.028099px)", "opacity": "1" }, { "offset": 0.23, "transform": "translateY(-50.30106275000001px)", "opacity": "1" }, { "offset": 0.24, "transform": "translateY(-54.763936px)", "opacity": "1" }, { "offset": 0.25, "transform": "translateY(-59.41671875px)", "opacity": "1" }, { "offset": 0.26, "transform": "translateY(-64.259411px)", "opacity": "1" }, { "offset": 0.27, "transform": "translateY(-69.29201275000001px)", "opacity": "1" }, { "offset": 0.28, "transform": "translateY(-74.51452400000001px)", "opacity": "1" }, { "offset": 0.29, "transform": "translateY(-79.92694474999998px)", "opacity": "1" }, { "offset": 0.3, "transform": "translateY(-85.52927499999998px)", "opacity": "1" }, { "offset": 0.31, "transform": "translateY(-91.32151474999999px)", "opacity": "1" }, { "offset": 0.32, "transform": "translateY(-97.303664px)", "opacity": "1" }, { "offset": 0.33, "transform": "translateY(-103.47572274999999px)", "opacity": "1" }, { "offset": 0.34, "transform": "translateY(-109.83769099999999px)", "opacity": "1" }, { "offset": 0.35, "transform": "translateY(-116.38956874999997px)", "opacity": "1" }, { "offset": 0.36, "transform": "translateY(-123.13135599999998px)", "opacity": "1" }, { "offset": 0.37, "transform": "translateY(-123.47115274999999px)", "opacity": "1" }, { "offset": 0.38, "transform": "translateY(-120.23405899999999px)", "opacity": "1" }, { "offset": 0.39, "transform": "translateY(-117.18687474999999px)", "opacity": "1" }, { "offset": 0.4, "transform": "translateY(-114.32959999999997px)", "opacity": "1" }, { "offset": 0.41, "transform": "translateY(-111.66223474999998px)", "opacity": "1" }, { "offset": 0.42, "transform": "translateY(-109.18477899999999px)", "opacity": "1" }, { "offset": 0.43, "transform": "translateY(-106.89723274999999px)", "opacity": "1" }, { "offset": 0.44, "transform": "translateY(-104.799596px)", "opacity": "1" }, { "offset": 0.45, "transform": "translateY(-102.89186874999999px)", "opacity": "1" }, { "offset": 0.46, "transform": "translateY(-101.17405099999999px)", "opacity": "1" }, { "offset": 0.47, "transform": "translateY(-99.64614275px)", "opacity": "1" }, { "offset": 0.48, "transform": "translateY(-98.308144px)", "opacity": "1" }, { "offset": 0.49, "transform": "translateY(-97.16005474999999px)", "opacity": "1" }, { "offset": 0.5, "transform": "translateY(-96.201875px)", "opacity": "1" }, { "offset": 0.51, "transform": "translateY(-95.43360474999999px)", "opacity": "1" }, { "offset": 0.52, "transform": "translateY(-94.855244px)", "opacity": "1" }, { "offset": 0.53, "transform": "translateY(-94.46679275px)", "opacity": "1" }, { "offset": 0.54, "transform": "translateY(-94.26825099999999px)", "opacity": "1" }, { "offset": 0.55, "transform": "translateY(-94.25961874999999px)", "opacity": "1" }, { "offset": 0.56, "transform": "translateY(-94.440896px)", "opacity": "1" }, { "offset": 0.57, "transform": "translateY(-94.81208275px)", "opacity": "1" }, { "offset": 0.58, "transform": "translateY(-95.373179px)", "opacity": "1" }, { "offset": 0.59, "transform": "translateY(-96.12418475px)", "opacity": "1" }, { "offset": 0.6, "transform": "translateY(-97.06509999999999px)", "opacity": "1" }, { "offset": 0.61, "transform": "translateY(-98.19592475px)", "opacity": "1" }, { "offset": 0.62, "transform": "translateY(-99.516659px)", "opacity": "1" }, { "offset": 0.63, "transform": "translateY(-101.02730275px)", "opacity": "1" }, { "offset": 0.64, "transform": "translateY(-102.727856px)", "opacity": "1" }, { "offset": 0.65, "transform": "translateY(-104.61831875px)", "opacity": "1" }, { "offset": 0.66, "transform": "translateY(-106.69869100000001px)", "opacity": "1" }, { "offset": 0.67, "transform": "translateY(-108.96897275000002px)", "opacity": "1" }, { "offset": 0.68, "transform": "translateY(-111.42916400000003px)", "opacity": "1" }, { "offset": 0.69, "transform": "translateY(-114.07926474999998px)", "opacity": "1" }, { "offset": 0.7, "transform": "translateY(-116.919275px)", "opacity": "1" }, { "offset": 0.71, "transform": "translateY(-119.94919474999999px)", "opacity": "1" }, { "offset": 0.72, "transform": "translateY(-123.16902400000001px)", "opacity": "1" }, { "offset": 0.73, "transform": "translateY(-125.16621275px)", "opacity": "1" }, { "offset": 0.74, "transform": "translateY(-123.586511px)", "opacity": "1" }, { "offset": 0.75, "transform": "translateY(-122.19671875px)", "opacity": "1" }, { "offset": 0.76, "transform": "translateY(-120.996836px)", "opacity": "1" }, { "offset": 0.77, "transform": "translateY(-119.98686275px)", "opacity": "1" }, { "offset": 0.78, "transform": "translateY(-119.166799px)", "opacity": "1" }, { "offset": 0.79, "transform": "translateY(-118.53664475px)", "opacity": "1" }, { "offset": 0.8, "transform": "translateY(-118.09639999999999px)", "opacity": "1" }, { "offset": 0.81, "transform": "translateY(-117.84606475px)", "opacity": "1" }, { "offset": 0.82, "transform": "translateY(-117.785639px)", "opacity": "1" }, { "offset": 0.83, "transform": "translateY(-117.91512275px)", "opacity": "1" }, { "offset": 0.84, "transform": "translateY(-118.23451599999999px)", "opacity": "1" }, { "offset": 0.85, "transform": "translateY(-118.74381874999999px)", "opacity": "1" }, { "offset": 0.86, "transform": "translateY(-119.44303099999999px)", "opacity": "1" }, { "offset": 0.87, "transform": "translateY(-120.33215274999999px)", "opacity": "1" }, { "offset": 0.88, "transform": "translateY(-121.41118399999999px)", "opacity": "1" }, { "offset": 0.89, "transform": "translateY(-122.68012474999999px)", "opacity": "1" }, { "offset": 0.9, "transform": "translateY(-124.13897499999999px)", "opacity": "1" }, { "offset": 0.91, "transform": "translateY(-125.55230974999999px)", "opacity": "1" }, { "offset": 0.92, "transform": "translateY(-124.80130399999999px)", "opacity": "1" }, { "offset": 0.93, "transform": "translateY(-124.24020775px)", "opacity": "1" }, { "offset": 0.94, "transform": "translateY(-123.869021px)", "opacity": "1" }, { "offset": 0.95, "transform": "translateY(-123.68774375px)", "opacity": "1" }, { "offset": 0.96, "transform": "translateY(-123.696376px)", "opacity": "1" }, { "offset": 0.97, "transform": "translateY(-123.89491774999999px)", "opacity": "1" }, { "offset": 0.98, "transform": "translateY(-124.283369px)", "opacity": "1" }, { "offset": 0.99, "transform": "translateY(-124.86172974999998px)", "opacity": "1" }, { "offset": 1, "opacity": "1" } ] }, { "selector": ".jcnnk-a", "duration": "750ms", "fill": "forwards", "delay": "500ms", "keyframes": [ { "offset": 0, "transform": "translateY(0px)", "opacity": "1" }, { "offset": 0.01, "transform": "translateY(0.2193125px)", "opacity": "1" }, { "offset": 0.02, "transform": "translateY(0.87725px)", "opacity": "1" }, { "offset": 0.03, "transform": "translateY(1.9738125px)", "opacity": "1" }, { "offset": 0.04, "transform": "translateY(3.509px)", "opacity": "1" }, { "offset": 0.05, "transform": "translateY(5.4828125000000005px)", "opacity": "1" }, { "offset": 0.06, "transform": "translateY(7.89525px)", "opacity": "1" }, { "offset": 0.07, "transform": "translateY(10.746312500000002px)", "opacity": "1" }, { "offset": 0.08, "transform": "translateY(14.036px)", "opacity": "1" }, { "offset": 0.09, "transform": "translateY(17.7643125px)", "opacity": "1" }, { "offset": 0.1, "transform": "translateY(21.931250000000002px)", "opacity": "1" }, { "offset": 0.11, "transform": "translateY(26.5368125px)", "opacity": "1" }, { "offset": 0.12, "transform": "translateY(31.581px)", "opacity": "1" }, { "offset": 0.13, "transform": "translateY(37.063812500000004px)", "opacity": "1" }, { "offset": 0.14, "transform": "translateY(42.98525000000001px)", "opacity": "1" }, { "offset": 0.15, "transform": "translateY(49.34531249999999px)", "opacity": "1" }, { "offset": 0.16, "transform": "translateY(56.144px)", "opacity": "1" }, { "offset": 0.17, "transform": "translateY(63.3813125px)", "opacity": "1" }, { "offset": 0.18, "transform": "translateY(71.05725px)", "opacity": "1" }, { "offset": 0.19, "transform": "translateY(79.1718125px)", "opacity": "1" }, { "offset": 0.2, "transform": "translateY(87.72500000000001px)", "opacity": "1" }, { "offset": 0.21, "transform": "translateY(96.7168125px)", "opacity": "1" }, { "offset": 0.22, "transform": "translateY(106.14725px)", "opacity": "1" }, { "offset": 0.23, "transform": "translateY(116.01631250000001px)", "opacity": "1" }, { "offset": 0.24, "transform": "translateY(126.324px)", "opacity": "1" }, { "offset": 0.25, "transform": "translateY(137.0703125px)", "opacity": "1" }, { "offset": 0.26, "transform": "translateY(148.25525000000002px)", "opacity": "1" }, { "offset": 0.27, "transform": "translateY(159.87881250000004px)", "opacity": "1" }, { "offset": 0.28, "transform": "translateY(171.94100000000003px)", "opacity": "1" }, { "offset": 0.29, "transform": "translateY(184.44181249999997px)", "opacity": "1" }, { "offset": 0.3, "transform": "translateY(197.38124999999997px)", "opacity": "1" }, { "offset": 0.31, "transform": "translateY(210.7593125px)", "opacity": "1" }, { "offset": 0.32, "transform": "translateY(224.576px)", "opacity": "1" }, { "offset": 0.33, "transform": "translateY(238.8313125px)", "opacity": "1" }, { "offset": 0.34, "transform": "translateY(253.52525px)", "opacity": "1" }, { "offset": 0.35, "transform": "translateY(268.6578124999999px)", "opacity": "1" }, { "offset": 0.36, "transform": "translateY(284.229px)", "opacity": "1" }, { "offset": 0.37, "transform": "translateY(285.0138125px)", "opacity": "1" }, { "offset": 0.38, "transform": "translateY(277.53725px)", "opacity": "1" }, { "offset": 0.39, "transform": "translateY(270.4993125px)", "opacity": "1" }, { "offset": 0.4, "transform": "translateY(263.8999999999999px)", "opacity": "1" }, { "offset": 0.41, "transform": "translateY(257.7393125px)", "opacity": "1" }, { "offset": 0.42, "transform": "translateY(252.01725px)", "opacity": "1" }, { "offset": 0.43, "transform": "translateY(246.7338125px)", "opacity": "1" }, { "offset": 0.44, "transform": "translateY(241.88899999999998px)", "opacity": "1" }, { "offset": 0.45, "transform": "translateY(237.4828125px)", "opacity": "1" }, { "offset": 0.46, "transform": "translateY(233.51524999999998px)", "opacity": "1" }, { "offset": 0.47, "transform": "translateY(229.9863125px)", "opacity": "1" }, { "offset": 0.48, "transform": "translateY(226.896px)", "opacity": "1" }, { "offset": 0.49, "transform": "translateY(224.2443125px)", "opacity": "1" }, { "offset": 0.5, "transform": "translateY(222.03125px)", "opacity": "1" }, { "offset": 0.51, "transform": "translateY(220.2568125px)", "opacity": "1" }, { "offset": 0.52, "transform": "translateY(218.921px)", "opacity": "1" }, { "offset": 0.53, "transform": "translateY(218.0238125px)", "opacity": "1" }, { "offset": 0.54, "transform": "translateY(217.56525000000002px)", "opacity": "1" }, { "offset": 0.55, "transform": "translateY(217.5453125px)", "opacity": "1" }, { "offset": 0.56, "transform": "translateY(217.96400000000003px)", "opacity": "1" }, { "offset": 0.57, "transform": "translateY(218.8213125px)", "opacity": "1" }, { "offset": 0.58, "transform": "translateY(220.11724999999998px)", "opacity": "1" }, { "offset": 0.59, "transform": "translateY(221.8518125px)", "opacity": "1" }, { "offset": 0.6, "transform": "translateY(224.02499999999998px)", "opacity": "1" }, { "offset": 0.61, "transform": "translateY(226.63681250000002px)", "opacity": "1" }, { "offset": 0.62, "transform": "translateY(229.68725000000003px)", "opacity": "1" }, { "offset": 0.63, "transform": "translateY(233.1763125px)", "opacity": "1" }, { "offset": 0.64, "transform": "translateY(237.10400000000004px)", "opacity": "1" }, { "offset": 0.65, "transform": "translateY(241.47031250000003px)", "opacity": "1" }, { "offset": 0.66, "transform": "translateY(246.27525000000003px)", "opacity": "1" }, { "offset": 0.67, "transform": "translateY(251.51881250000005px)", "opacity": "1" }, { "offset": 0.68, "transform": "translateY(257.2010000000001px)", "opacity": "1" }, { "offset": 0.69, "transform": "translateY(263.32181249999996px)", "opacity": "1" }, { "offset": 0.7, "transform": "translateY(269.88125px)", "opacity": "1" }, { "offset": 0.71, "transform": "translateY(276.87931249999997px)", "opacity": "1" }, { "offset": 0.72, "transform": "translateY(284.31600000000003px)", "opacity": "1" }, { "offset": 0.73, "transform": "translateY(288.9288125px)", "opacity": "1" }, { "offset": 0.74, "transform": "translateY(285.28025px)", "opacity": "1" }, { "offset": 0.75, "transform": "translateY(282.0703125px)", "opacity": "1" }, { "offset": 0.76, "transform": "translateY(279.29900000000004px)", "opacity": "1" }, { "offset": 0.77, "transform": "translateY(276.9663125px)", "opacity": "1" }, { "offset": 0.78, "transform": "translateY(275.07225px)", "opacity": "1" }, { "offset": 0.79, "transform": "translateY(273.6168125px)", "opacity": "1" }, { "offset": 0.8, "transform": "translateY(272.59999999999997px)", "opacity": "1" }, { "offset": 0.81, "transform": "translateY(272.0218125px)", "opacity": "1" }, { "offset": 0.82, "transform": "translateY(271.88225px)", "opacity": "1" }, { "offset": 0.83, "transform": "translateY(272.1813125px)", "opacity": "1" }, { "offset": 0.84, "transform": "translateY(272.919px)", "opacity": "1" }, { "offset": 0.85, "transform": "translateY(274.0953125px)", "opacity": "1" }, { "offset": 0.86, "transform": "translateY(275.71025px)", "opacity": "1" }, { "offset": 0.87, "transform": "translateY(277.7638125px)", "opacity": "1" }, { "offset": 0.88, "transform": "translateY(280.256px)", "opacity": "1" }, { "offset": 0.89, "transform": "translateY(283.1868125px)", "opacity": "1" }, { "offset": 0.9, "transform": "translateY(286.55625px)", "opacity": "1" }, { "offset": 0.91, "transform": "translateY(289.8205625px)", "opacity": "1" }, { "offset": 0.92, "transform": "translateY(288.086px)", "opacity": "1" }, { "offset": 0.93, "transform": "translateY(286.79006250000003px)", "opacity": "1" }, { "offset": 0.94, "transform": "translateY(285.93275px)", "opacity": "1" }, { "offset": 0.95, "transform": "translateY(285.51406249999997px)", "opacity": "1" }, { "offset": 0.96, "transform": "translateY(285.534px)", "opacity": "1" }, { "offset": 0.97, "transform": "translateY(285.9925625px)", "opacity": "1" }, { "offset": 0.98, "transform": "translateY(286.88975px)", "opacity": "1" }, { "offset": 0.99, "transform": "translateY(288.22556249999997px)", "opacity": "1" }, { "offset": 1, "opacity": "1" } ] } ]