{
  "default": {
    "key": "default",
    "title": "Default",
    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100px\" height=\"100px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><circle cx=\"50\" cy=\"50\" r=\"0\" fill=\"none\" stroke=\"var(--color-primary)\" strokeWidth=\"2\"><animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"1s\" values=\"0;40\" keyTimes=\"0;1\" keySplines=\"0 0.2 0.8 1\" calcMode=\"spline\" begin=\"0s\"></animate><animate attributeName=\"opacity\" repeatCount=\"indefinite\" dur=\"1s\" values=\"1;0\" keyTimes=\"0;1\" keySplines=\"0.2 0 0.8 1\" calcMode=\"spline\" begin=\"0s\"></animate></circle><circle cx=\"50\" cy=\"50\" r=\"0\" fill=\"none\" stroke=\"var(--color-primary-light)\" strokeWidth=\"2\"><animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"1s\" values=\"0;40\" keyTimes=\"0;1\" keySplines=\"0 0.2 0.8 1\" calcMode=\"spline\" begin=\"-0.5s\"></animate><animate attributeName=\"opacity\" repeatCount=\"indefinite\" dur=\"1s\" values=\"1;0\" keyTimes=\"0;1\" keySplines=\"0.2 0 0.8 1\" calcMode=\"spline\" begin=\"-0.5s\"></animate></circle></svg>"
  },
  "ring": {
    "key": "ring",
    "title": "Ring",
    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" width=\"100\" height=\"100\"><g><circle fill=\"none\" stroke-width=\"5\" stroke=\"#f0f6f7\" r=\"26\" cy=\"50\" cx=\"50\"/><circle fill=\"none\" stroke-linecap=\"square\" stroke-width=\"5\" stroke=\"var(--color-primary-light-alt)\" r=\"26\" cy=\"50\" cx=\"50\" stroke-dasharray=\"53.6304 109.732\" transform=\"rotate(0 50 50)\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"1s\" repeatCount=\"indefinite\"/></circle></g></svg>"
  },
  "spinner": {
    "key": "spinner",
    "title": "Spinner",
    "svg": "<svg class=\"lds-spinner\" width=\"75\" height=\"75\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><g transform=\"rotate(0 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.9375s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(22.5 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.875s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(45 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.8125s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(67.5 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(90 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.6875s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(112.5 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.625s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(135 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.5625s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(157.5 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(180 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.4375s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(202.5 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.375s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(225 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.3125s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(247.5 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(270 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.1875s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(292.5 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.125s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(315 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"-0.0625s\" repeatCount=\"indefinite\"/></rect></g><g transform=\"rotate(337.5 50 50)\"><rect x=\"47\" y=\"18\" rx=\"2\" ry=\"2\" width=\"6\" height=\"14\" fill=\"var(--color-primary)\"><animate attributeName=\"opacity\" values=\"1;0\" times=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"/></rect></g></svg>"
  },
  "spinner-dotted": {
    "key": "spinner-dotted",
    "title": "Spinner Dot",
    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" width=\"200\" height=\"200\"><g><circle r=\"3.986680030822754\" style=\"fill:var(--color-primary-light)\" cy=\"50\" cx=\"75\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;6;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"4.65334415435791\" style=\"fill:var(--color-primary-light)\" cy=\"62.5\" cx=\"71.65063509461098\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"4;7;4\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"4.679991722106934\" style=\"fill:var(--color-primary-lighter-alt)\" cy=\"71.65063509461096\" cx=\"62.5\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"4;6;4\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"4.013319969177246\" style=\"fill:var(--color-primary-lighter-alt)\" cy=\"75\" cx=\"50\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"3.346656084060669\" style=\"fill:var(--color-primary-light-alt)\" cy=\"71.65063509461098\" cx=\"37.50000000000001\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"3\" style=\"fill:var(--color-primary-light-alt)\" cy=\"62.5\" cx=\"28.34936490538903\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"3\" style=\"fill:var(--color-primary-light-alt)\" cy=\"50\" cx=\"25\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"3\" style=\"fill:var(--color-primary-light-alt)\" cy=\"37.50000000000001\" cx=\"28.34936490538903\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"3\" style=\"fill:var(--color-primary-light-alt)\" cy=\"28.34936490538904\" cx=\"37.499999999999986\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"3\" style=\"fill:var(--color-primary-light-alt)\" cy=\"25\" cx=\"49.99999999999999\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"3\" style=\"fill:var(--color-primary)\" cy=\"28.349364905389034\" cx=\"62.5\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle><circle r=\"3.320007801055908\" style=\"fill:var(--color-primary)\" cy=\"37.499999999999986\" cx=\"71.65063509461096\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" dur=\"2s\" repeatCount=\"indefinite\"/><animate attributeName=\"r\" values=\"3;5;3\" dur=\"1s\" repeatCount=\"indefinite\"/></circle></g></svg>"
  },
  "atom": {
    "key": "atom",
    "title": "Atom",
    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;background:none;display:block;shape-rendering:auto;\" width=\"200\" height=\"200\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><defs><path id=\"path\" d=\"M50 15A15 35 0 0 1 50 85A15 35 0 0 1 50 15\" fill=\"none\"/><path id=\"patha\" d=\"M0 0A15 35 0 0 1 0 70A15 35 0 0 1 0 0\" fill=\"none\"/></defs><g transform=\"rotate(0 50 50)\"><use xlink:href=\"#path\" stroke=\"#dfdfdf\" stroke-width=\"3\"/></g><g transform=\"rotate(60 50 50)\"><use xlink:href=\"#path\" stroke=\"#dfdfdf\" stroke-width=\"3\"/></g><g transform=\"rotate(120 50 50)\"><use xlink:href=\"#path\" stroke=\"#dfdfdf\" stroke-width=\"3\"/></g><g transform=\"rotate(0 50 50)\"><circle cx=\"50\" cy=\"15\" r=\"9\" fill=\"#e15b64\"><animateMotion dur=\"1s\" repeatCount=\"indefinite\" begin=\"0s\"><mpath xlink:href=\"#patha\"/></animateMotion></circle></g><g transform=\"rotate(60 50 50)\"><circle cx=\"50\" cy=\"15\" r=\"9\" fill=\"#f8b26a\"><animateMotion dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.16666666666666666s\"><mpath xlink:href=\"#patha\"/></animateMotion></circle></g><g transform=\"rotate(120 50 50)\"><circle cx=\"50\" cy=\"15\" r=\"9\" fill=\"var(--color-primary-light-alt)\"><animateMotion dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.3333333333333333s\"><mpath xlink:href=\"#patha\"/></animateMotion></circle></g></svg>"
  },
  "bar-chart": {
    "key": "bar-chart",
    "title": "Bar Chart",
    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;background:#fff;display:block;\" width=\"200\" height=\"200\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><g transform=\"rotate(180 50 50)\"><rect x=\"15\" y=\"15\" width=\"10\" height=\"40\" fill=\"var(--color-primary-light-alt)\"><animate attributeName=\"height\" values=\"50;70;30;50\" keyTimes=\"0;0.33;0.66;1\" dur=\"1s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1\" begin=\"-0.4s\"/></rect><rect x=\"35\" y=\"15\" width=\"10\" height=\"40\" fill=\"#f8b26a\"><animate attributeName=\"height\" values=\"50;70;30;50\" keyTimes=\"0;0.33;0.66;1\" dur=\"1s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1\" begin=\"-0.2s\"/></rect><rect x=\"55\" y=\"15\" width=\"10\" height=\"40\" fill=\"var(--color-primary)\"><animate attributeName=\"height\" values=\"50;70;30;50\" keyTimes=\"0;0.33;0.66;1\" dur=\"1s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1\" begin=\"-0.6s\"/></rect><rect x=\"75\" y=\"15\" width=\"10\" height=\"40\" fill=\"#e15b64\"><animate attributeName=\"height\" values=\"50;70;30;50\" keyTimes=\"0;0.33;0.66;1\" dur=\"1s\" repeatCount=\"indefinite\" calcMode=\"spline\" keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1\" begin=\"-1s\"/></rect></g></svg>"
  },
  "bars": {
    "key": "bars",
    "title": "Bars",
    "svg": "<svg width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><rect y=\"30\" height=\"40\" fill=\"var(--color-primary-lighter)\" x=\"14\" width=\"12\"><animate attributeName=\"opacity\" calcMode=\"spline\" values=\"1;0.2;1\" keyTimes=\"0;0.5;1\" dur=\"1s\" keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\" begin=\"-0.6s\" repeatCount=\"indefinite\"/></rect><rect y=\"30\" height=\"40\" fill=\"var(--color-primary-light)\" x=\"34\" width=\"12\"><animate attributeName=\"opacity\" calcMode=\"spline\" values=\"1;0.2;1\" keyTimes=\"0;0.5;1\" dur=\"1s\" keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\" begin=\"-0.4s\" repeatCount=\"indefinite\"/></rect><rect y=\"30\" height=\"40\" fill=\"var(--color-primary-light-alt)\" x=\"54\" width=\"12\"><animate attributeName=\"opacity\" calcMode=\"spline\" values=\"1;0.2;1\" keyTimes=\"0;0.5;1\" dur=\"1s\" keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\" begin=\"-0.2s\" repeatCount=\"indefinite\"/></rect><rect y=\"30\" height=\"40\" fill=\"var(--color-primary)\" x=\"74\" width=\"12\"><animate attributeName=\"opacity\" calcMode=\"spline\" values=\"1;0.2;1\" keyTimes=\"0;0.5;1\" dur=\"1s\" keySplines=\"0.5 0 0.5 1;0.5 0 0.5 1\" begin=\"0s\" repeatCount=\"indefinite\"/></rect></svg>"
  },
  "bricks": {
    "key": "bricks",
    "title": "Bricks",
    "svg": "<svg width=\"81\" height=\"81\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-bricks\"><rect fill=\"var(--color-primary)\" x=\"21.5\" y=\"21.5\" width=\"25\" height=\"25\" rx=\"3\" ry=\"3\"><animate attributeName=\"x\" calcMode=\"linear\" values=\"21.5;53.5;53.5;53.5;53.5;21.5;21.5;21.5;21.5\" keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" dur=\"1.5s\" begin=\"-1.375s\" repeatCount=\"indefinite\"/><animate attributeName=\"y\" calcMode=\"linear\" values=\"21.5;53.5;53.5;53.5;53.5;21.5;21.5;21.5;21.5\" keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" dur=\"1.5s\" begin=\"-1s\" repeatCount=\"indefinite\"/></rect><rect fill=\"#ffec58\" x=\"21.5\" y=\"53.5\" width=\"25\" height=\"25\" rx=\"3\" ry=\"3\"><animate attributeName=\"x\" calcMode=\"linear\" values=\"21.5;53.5;53.5;53.5;53.5;21.5;21.5;21.5;21.5\" keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" dur=\"1.5s\" begin=\"-0.875s\" repeatCount=\"indefinite\"/><animate attributeName=\"y\" calcMode=\"linear\" values=\"21.5;53.5;53.5;53.5;53.5;21.5;21.5;21.5;21.5\" keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" dur=\"1.5s\" begin=\"-0.5s\" repeatCount=\"indefinite\"/></rect><rect fill=\"#7cd7ff\" x=\"53.5\" y=\"42.919\" width=\"25\" height=\"25\" rx=\"3\" ry=\"3\"><animate attributeName=\"x\" calcMode=\"linear\" values=\"21.5;53.5;53.5;53.5;53.5;21.5;21.5;21.5;21.5\" keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" dur=\"1.5s\" begin=\"-0.375s\" repeatCount=\"indefinite\"/><animate attributeName=\"y\" calcMode=\"linear\" values=\"21.5;53.5;53.5;53.5;53.5;21.5;21.5;21.5;21.5\" keyTimes=\"0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1\" dur=\"1.5s\" begin=\"0s\" repeatCount=\"indefinite\"/></rect></svg>"
  },
  "blocks": {
    "key": "blocks",
    "title": "Blocks",
    "svg": "<svg class=\"lds-blocks\" width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><rect x=\"17\" y=\"17\" width=\"20\" height=\"20\" fill=\"#577c9b\"><animate attributeName=\"fill\" values=\"#0dceff;#577c9b;#577c9b\" keyTimes=\"0;0.125;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0s\" calcMode=\"discrete\"/></rect><rect x=\"40\" y=\"17\" width=\"20\" height=\"20\" fill=\"#577c9b\"><animate attributeName=\"fill\" values=\"#0dceff;#577c9b;#577c9b\" keyTimes=\"0;0.125;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0.125s\" calcMode=\"discrete\"/></rect><rect x=\"63\" y=\"17\" width=\"20\" height=\"20\" fill=\"#577c9b\"><animate attributeName=\"fill\" values=\"#0dceff;#577c9b;#577c9b\" keyTimes=\"0;0.125;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0.25s\" calcMode=\"discrete\"/></rect><rect x=\"17\" y=\"40\" width=\"20\" height=\"20\" fill=\"#577c9b\"><animate attributeName=\"fill\" values=\"#0dceff;#577c9b;#577c9b\" keyTimes=\"0;0.125;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0.875s\" calcMode=\"discrete\"/></rect><rect x=\"63\" y=\"40\" width=\"20\" height=\"20\" fill=\"#577c9b\"><animate attributeName=\"fill\" values=\"#0dceff;#577c9b;#577c9b\" keyTimes=\"0;0.125;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0.375s\" calcMode=\"discrete\"/></rect><rect x=\"17\" y=\"63\" width=\"20\" height=\"20\" fill=\"#577c9b\"><animate attributeName=\"fill\" values=\"#0dceff;#577c9b;#577c9b\" keyTimes=\"0;0.125;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0.75s\" calcMode=\"discrete\"/></rect><rect x=\"40\" y=\"63\" width=\"20\" height=\"20\" fill=\"#577c9b\"><animate attributeName=\"fill\" values=\"#0dceff;#577c9b;#577c9b\" keyTimes=\"0;0.125;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0.625s\" calcMode=\"discrete\"/></rect><rect x=\"63\" y=\"63\" width=\"20\" height=\"20\" fill=\"#577c9b\"><animate attributeName=\"fill\" values=\"#0dceff;#577c9b;#577c9b\" keyTimes=\"0;0.125;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0.5s\" calcMode=\"discrete\"/></rect></svg>"
  },
  "color-bar": {
    "key": "color-bar",
    "title": "Color Bar",
    "svg": "<svg width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-colorbar\"><defs><clipPath id=\"lds-colorbar-cpid-9d2a9cfa91489\"><path d=\"M81.3 58.7H18.7c-4.8 0-8.7-3.9-8.7-8.7v0c0-4.8 3.9-8.7 8.7-8.7h62.7c4.8 0 8.7 3.9 8.7 8.7v0c0 4.8-3.9 8.7-8.7 8.7z\"/></clipPath></defs><path fill=\"none\" stroke-width=\"2.7928\" d=\"M82 63H18c-7.2 0-13-5.8-13-13v0c0-7.2 5.8-13 13-13h64c7.2 0 13 5.8 13 13v0c0 7.2-5.8 13-13 13z\" stroke=\"#5d5d5d\"/><g clip-path=\"url(#lds-colorbar-cpid-9d2a9cfa91489)\"><g transform=\"translate(10 0)\"><rect x=\"-100\" y=\"0\" width=\"25\" height=\"100\" fill=\"var(--color-primary)\"/><rect x=\"-75\" y=\"0\" width=\"25\" height=\"100\" fill=\"#f8b26a\"/><rect x=\"-50\" y=\"0\" width=\"25\" height=\"100\" fill=\"var(--color-primary-light-alt)\"/><rect x=\"-25\" y=\"0\" width=\"25\" height=\"100\" fill=\"#849b87\"/><rect x=\"0\" y=\"0\" width=\"25\" height=\"100\" fill=\"var(--color-primary)\"/><rect x=\"25\" y=\"0\" width=\"25\" height=\"100\" fill=\"#f8b26a\"/><rect x=\"50\" y=\"0\" width=\"25\" height=\"100\" fill=\"var(--color-primary-light-alt)\"/><rect x=\"75\" y=\"0\" width=\"25\" height=\"100\" fill=\"#849b87\"/><animateTransform attributeName=\"transform\" type=\"translate\" calcMode=\"linear\" values=\"0;100\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"/></g></g></svg>"
  },
  "clock": {
    "key": "clock",
    "title": "Clock",
    "svg": "<svg width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-lds-clock\"><g transform=\"translate(50 50)\"><g transform=\"scale(0.7)\"><g transform=\"translate(-50 -50)\"><path d=\"M50 14c19.85 0 36 16.15 36 36S69.85 86 50 86 14 69.85 14 50 30.15 14 50 14M50 10c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40S72.091 10 50 10z\" fill=\"var(--color-primary-light-alt)\" stroke=\"var(--color-primary-light-alt)\" stroke-width=\"3\"/><path d=\"M52.78 42.506c-.247-.092-.415-.329-.428-.603L52.269 40l-.931-21.225C51.304 18.06 50.716 17.5 50 17.5s-1.303.56-1.338 1.277L47.731 40l-.083 1.901c-.013.276-.181.513-.428.604-.075.028-.146.063-.22.093V44h6v-1.392c.145-.031.213-.073.29-.102z\" fill=\"#00a1d5\" transform=\"rotate(264 50 50)\"><animateTransform attributeName=\"transform\" type=\"rotate\" calcMode=\"linear\" values=\"0 50 50;360 50 50\" keyTimes=\"0;1\" dur=\"0.625s\" begin=\"0s\" repeatCount=\"indefinite\"/></path><path d=\"M58.001 48.362c-.634-3.244-3.251-5.812-6.514-6.391-3.846-.681-7.565 1.35-9.034 4.941-.176.432-.564.717-1.013.744l-15.149.97c-.72.043-1.285.642-1.285 1.383 0 .722.564 1.321 1.283 1.363l15.153.971c.447.027.834.312 1.011.744 1.261 3.081 4.223 5.073 7.547 5.073 2.447 0 4.744-1.084 6.301-2.975.81-.945 1.43-3.433.953-5.879zM50 53.06c-1.688 0-3.06-1.373-3.06-3.06s1.373-3.06 3.06-3.06 3.06 1.373 3.06 3.06-1.373 3.06-3.06 3.06z\" fill=\"#00a1d5\" transform=\"rotate(156 50 50)\"><animateTransform attributeName=\"transform\" type=\"rotate\" calcMode=\"linear\" values=\"0 50 50;360 50 50\" keyTimes=\"0;1\" dur=\"2.5s\" begin=\"0s\" repeatCount=\"indefinite\"/></path></g></g></g></svg>"
  },
  "dash-ring": {
    "key": "dash-ring",
    "title": "Dash Ring",
    "svg": "<svg class=\"lds-dash-ring\" width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><g transform=\"rotate(15 50 50)\"><animateTransform attributeName=\"transform\" type=\"rotate\" values=\"0 50 50;90 50 50\" keyTimes=\"0;1\" dur=\"0.5s\" repeatCount=\"indefinite\"/><circle cx=\"50\" cy=\"50\" r=\"30\" stroke=\"#e15b64\" fill=\"none\" stroke-dasharray=\"23.561944901923447 188.49555921538757\" stroke-linecap=\"round\" stroke-width=\"7\" transform=\"rotate(0 50 50)\"><animate attributeName=\"stroke\" values=\"#e15b64;#ffb586\" keyTimes=\"0;1\" dur=\"0.5s\" repeatCount=\"indefinite\"/></circle><circle cx=\"50\" cy=\"50\" r=\"30\" stroke=\"#ffb586\" fill=\"none\" stroke-dasharray=\"23.561944901923447 188.49555921538757\" stroke-linecap=\"round\" stroke-width=\"7\" transform=\"rotate(90 50 50)\"><animate attributeName=\"stroke\" values=\"#ffb586;#ffe59d\" keyTimes=\"0;1\" dur=\"0.5s\" repeatCount=\"indefinite\"/></circle><circle cx=\"50\" cy=\"50\" r=\"30\" stroke=\"#ffe59d\" fill=\"none\" stroke-dasharray=\"23.561944901923447 188.49555921538757\" stroke-linecap=\"round\" stroke-width=\"7\" transform=\"rotate(180 50 50)\"><animate attributeName=\"stroke\" values=\"#ffe59d;#849b87\" keyTimes=\"0;1\" dur=\"0.5s\" repeatCount=\"indefinite\"/></circle><circle cx=\"50\" cy=\"50\" r=\"30\" stroke=\"#849b87\" fill=\"none\" stroke-dasharray=\"23.561944901923447 188.49555921538757\" stroke-linecap=\"round\" stroke-width=\"7\" transform=\"rotate(270 50 50)\"><animate attributeName=\"stroke\" values=\"#849b87;#e15b64\" keyTimes=\"0;1\" dur=\"0.5s\" repeatCount=\"indefinite\"/></circle></g></svg>"
  },
  "ripple-alt": {
    "key": "ripple-alt",
    "title": "Ripple Alt",
    "svg": "<svg width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-ripple\"><circle cx=\"50\" cy=\"50\" r=\"14.0334\" fill=\"none\" stroke=\"#c0f6d2\" stroke-width=\"6\"><animate attributeName=\"r\" calcMode=\"spline\" values=\"0;40\" keyTimes=\"0;1\" dur=\"1s\" keySplines=\"0 0.2 0.8 1\" begin=\"-0.5s\" repeatCount=\"indefinite\"/><animate attributeName=\"opacity\" calcMode=\"spline\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" keySplines=\"0.2 0 0.8 1\" begin=\"-0.5s\" repeatCount=\"indefinite\"/></circle><circle cx=\"50\" cy=\"50\" r=\"33.5671\" fill=\"none\" stroke=\"var(--color-primary)\" stroke-width=\"6\"><animate attributeName=\"r\" calcMode=\"spline\" values=\"0;40\" keyTimes=\"0;1\" dur=\"1s\" keySplines=\"0 0.2 0.8 1\" begin=\"0s\" repeatCount=\"indefinite\"/><animate attributeName=\"opacity\" calcMode=\"spline\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" keySplines=\"0.2 0 0.8 1\" begin=\"0s\" repeatCount=\"indefinite\"/></circle></svg>"
  },
  "progress": {
    "key": "progress",
    "title": "Progress",
    "svg": "<svg width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-progress\"><defs><clipPath id=\"lds-progress-cpid-5009611b8a418\"><rect x=\"0\" y=\"0\" width=\"66.6667\" height=\"100\"><animate attributeName=\"width\" calcMode=\"linear\" values=\"0;100;100\" keyTimes=\"0;0.5;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"/><animate attributeName=\"x\" calcMode=\"linear\" values=\"0;0;100\" keyTimes=\"0;0.5;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"/></rect></clipPath></defs><path fill=\"none\" stroke-width=\"2.7928\" d=\"M82 63H18c-7.2 0-13-5.8-13-13v0c0-7.2 5.8-13 13-13h64c7.2 0 13 5.8 13 13v0c0 7.2-5.8 13-13 13z\" stroke=\"var(--color-primary)\"/><path d=\"M81.3 58.7H18.7c-4.8 0-8.7-3.9-8.7-8.7v0c0-4.8 3.9-8.7 8.7-8.7h62.7c4.8 0 8.7 3.9 8.7 8.7v0c0 4.8-3.9 8.7-8.7 8.7z\" fill=\"var(--color-primary-light)\" clip-path=\"url(#lds-progress-cpid-5009611b8a418)\"/></svg>"
  },
  "flipball": {
    "key": "flipball",
    "title": "Flip",
    "svg": "<svg width=\"66\" height=\"66\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-google\"><g transform=\"translate(50 50)\"><g transform=\"rotate(90)\"><animateTransform attributeName=\"transform\" type=\"rotate\" calcMode=\"discrete\" values=\"0;90;180;270\" keyTimes=\"0;0.25;0.5;0.75\" dur=\"1.1s\" repeatCount=\"indefinite\"/><path fill=\"#ffffcb\" d=\"M-40 0A40 40 0 1 0 40 0\"><animate attributeName=\"fill\" calcMode=\"discrete\" values=\"#ffffcb;#fac090;var(--color-primary);#c0f6d2;#ffffcb\" keyTimes=\"0;0.24;0.49;0.74;0.99\" dur=\"1.1s\" repeatCount=\"indefinite\"/></path><path fill=\"#fac090\" d=\"M-40 0A40 40 0 0 1 40 0\"><animate attributeName=\"fill\" calcMode=\"discrete\" values=\"#fac090;var(--color-primary);#c0f6d2;#ffffcb\" keyTimes=\"0;0.25;0.5;0.75\" dur=\"1.1s\" repeatCount=\"indefinite\"/></path><path stroke=\"rgb(179, 179, 142)\" stroke-width=\"2\" d=\"M-39 0L39 0\"><animate attributeName=\"stroke\" values=\"#ffffcb;rgb(179, 179, 142);rgb(175, 134, 101);#fac090;rgb(175, 134, 101);rgb(179, 87, 90);var(--color-primary);rgb(179, 87, 90);rgb(134, 172, 147);#c0f6d2;rgb(134, 172, 147);rgb(179, 179, 142);#ffffcb\" keyTimes=\"0;0.124;0.125;0.25;0.374;0.375;0.5;0.624;0.625;0.75;0.874;0.875;1\" dur=\"1.1s\" repeatCount=\"indefinite\"/></path><g transform=\"scale(1 0.0909091)\"><path fill=\"rgb(179, 179, 142)\" d=\"M-40 0A40 40 0 0 1 40 0Z\"><animate attributeName=\"fill\" values=\"#ffffcb;rgb(179, 179, 142);rgb(175, 134, 101);#fac090;rgb(175, 134, 101);rgb(179, 87, 90);var(--color-primary);rgb(179, 87, 90);rgb(134, 172, 147);#c0f6d2;rgb(134, 172, 147);rgb(179, 179, 142);#ffffcb\" keyTimes=\"0;0.124;0.125;0.25;0.374;0.375;0.5;0.624;0.625;0.75;0.874;0.875;1\" dur=\"1.1s\" repeatCount=\"indefinite\"/></path><animateTransform attributeName=\"transform\" type=\"scale\" values=\"1 1;1 0;1 -1;1 1\" keyTimes=\"0;0.5;0.999;1\" dur=\"0.275s\" repeatCount=\"indefinite\"/></g></g></g></svg>"
  },
  "hourglass": {
    "key": "hourglass",
    "title": "Hourglass",
    "svg": "<svg width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-hourglass\"><defs><clipPath id=\"lds-hourglass-cpid-2378206027203\"><rect x=\"0\" y=\"28.3826\" width=\"100\" height=\"21.6174\"><animate attributeName=\"y\" calcMode=\"spline\" values=\"0;50;0;0;0\" keyTimes=\"0;0.4;0.5;0.9;1\" dur=\"2.2s\" keySplines=\"0.3 0 1 0.7;0.3 0 1 0.7;0.3 0 1 0.7;0.3 0 1 0.7\" begin=\"0s\" repeatCount=\"indefinite\"/><animate attributeName=\"height\" calcMode=\"spline\" values=\"50;0;0;50;50\" keyTimes=\"0;0.4;0.5;0.9;1\" dur=\"2.2s\" keySplines=\"0.3 0 1 0.7;0.3 0 1 0.7;0.3 0 1 0.7;0.3 0 1 0.7\" begin=\"0s\" repeatCount=\"indefinite\"/></rect><rect x=\"0\" y=\"71.6174\" width=\"100\" height=\"28.3826\"><animate attributeName=\"y\" calcMode=\"spline\" values=\"100;50;50;50;50\" keyTimes=\"0;0.4;0.5;0.9;1\" dur=\"2.2s\" keySplines=\"0.3 0 1 0.7;0.3 0 1 0.7;0.3 0 1 0.7;0.3 0 1 0.7\" begin=\"0s\" repeatCount=\"indefinite\"/><animate attributeName=\"height\" calcMode=\"spline\" values=\"0;50;50;0;0\" keyTimes=\"0;0.4;0.5;0.9;1\" dur=\"2.2s\" keySplines=\"0.3 0 1 0.7;0.3 0 1 0.7;0.3 0 1 0.7;0.3 0 1 0.7\" begin=\"0s\" repeatCount=\"indefinite\"/></rect></clipPath></defs><g transform=\"translate(50 50)\"><g transform=\"scale(0.9)\"><g transform=\"translate(-50 -50)\"><g transform=\"rotate(0)\"><animateTransform attributeName=\"transform\" type=\"rotate\" calcMode=\"linear\" values=\"0 50 50;0 50 50;180 50 50;180 50 50;360 50 50\" keyTimes=\"0;0.4;0.5;0.9;1\" dur=\"2.2s\" begin=\"0s\" repeatCount=\"indefinite\"/><path d=\"M54.864 50c0-1.291.689-2.412 1.671-2.729 9.624-3.107 17.154-12.911 19.347-25.296.681-3.844-1.698-7.475-4.791-7.475H28.908c-3.093 0-5.472 3.631-4.791 7.475 2.194 12.385 9.723 22.189 19.347 25.296.982.317 1.671 1.438 1.671 2.729s-.689 2.412-1.671 2.729c-9.624 3.107-17.154 12.911-19.347 25.296-.681 3.844 1.698 7.475 4.791 7.475h42.184c3.093 0 5.472-3.631 4.791-7.475-2.194-12.385-9.723-22.189-19.347-25.296-.982-.317-1.671-1.438-1.671-2.729z\" clip-path=\"url(#lds-hourglass-cpid-2378206027203)\" fill=\"var(--color-primary)\"/><path d=\"M81 81.5h-2.724l.091-.578c.178-1.122.17-2.243-.022-3.333C76.013 64.42 68.103 54.033 57.703 50.483l-.339-.116v-.715l.339-.135c10.399-3.552 18.31-13.938 20.642-27.107.192-1.089.2-2.211.022-3.333L78.276 18.5H81c2.481 0 4.5-2.019 4.5-4.5S83.481 9.5 81 9.5H19c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h2.724l-.092.578c-.178 1.122-.17 2.243.023 3.333 2.333 13.168 10.242 23.555 20.642 27.107l.338.116v.715l-.338.135c-10.4 3.551-18.31 13.938-20.642 27.106-.193 1.09-.201 2.211-.023 3.333l.092.578H19c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5h62c2.481 0 4.5-2.019 4.5-4.5s-2.019-4.5-4.5-4.5z\" fill=\"var(--color-primary-light)\"/></g></g></g></g></svg>"
  },
  "infinity": {
    "key": "infinity",
    "title": "Infinity",
    "svg": "<svg width=\"74\" height=\"74\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-infinity\"><path fill=\"none\" d=\"M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z\" stroke=\"var(--color-primary)\" stroke-width=\"7\" stroke-dasharray=\"159.08513549804687 97.50379272460938\"><animate attributeName=\"stroke-dashoffset\" calcMode=\"linear\" values=\"0;256.58892822265625\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"/></path></svg>"
  },
  "dual-ring": {
    "key": "dual-ring",
    "title": "Dual Ring",
    "svg": "<svg width=\"80px\"  height=\"80px\"  xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-dual-ring\"><circle cx=\"50\" cy=\"50\"  fill=\"none\" stroke-linecap=\"round\" r=\"27\" stroke-width=\"7\" stroke=\"var(--color-primary-light-alt)\" stroke-dasharray=\"42.411500823462205 42.411500823462205\" transform=\"rotate(60 50 50)\"><animateTransform attributeName=\"transform\" type=\"rotate\" calcMode=\"linear\" values=\"0 50 50;360 50 50\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animateTransform></circle></svg>"
  },
  "fidget-spinner": {
    "key": "fidget-spinner",
    "title": "Fidget Spinner",
    "svg": "<svg width=\"80px\"  height=\"80px\"  xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" class=\"lds-fidget-spinner\"><g transform=\"rotate(6 50 50)\"><g transform=\"translate(50 50)\"><g transform=\"scale(0.9)\"><g transform=\"translate(-50 -58)\"><path d=\"M27.1,79.4c-1.1,0.6-2.4,1-3.7,1c-2.6,0-5.1-1.4-6.4-3.7c-2-3.5-0.8-8,2.7-10.1c1.1-0.6,2.4-1,3.7-1c2.6,0,5.1,1.4,6.4,3.7 C31.8,72.9,30.6,77.4,27.1,79.4z\" fill=\"#fc636b\"></path><path  d=\"M72.9,79.4c1.1,0.6,2.4,1,3.7,1c2.6,0,5.1-1.4,6.4-3.7c2-3.5,0.8-8-2.7-10.1c-1.1-0.6-2.4-1-3.7-1c-2.6,0-5.1,1.4-6.4,3.7 C68.2,72.9,69.4,77.4,72.9,79.4z\" fill=\"#6a67ce\"></path><circle  cx=\"50\" cy=\"27\" r=\"7.4\" fill=\"#ffb900\"></circle><path  d=\"M86.5,57.5c-3.1-1.9-6.4-2.8-9.8-2.8c-0.5,0-0.9,0-1.4,0c-0.4,0-0.8,0-1.1,0c-2.1,0-4.2-0.4-6.2-1.2 c-0.8-3.6-2.8-6.9-5.4-9.3c0.4-2.5,1.3-4.8,2.7-6.9c2-2.9,3.2-6.5,3.2-10.4c0-10.2-8.2-18.4-18.4-18.4c-0.3,0-0.6,0-0.9,0 C39.7,9,32,16.8,31.6,26.2c-0.2,4.1,1,7.9,3.2,11c1.4,2.1,2.3,4.5,2.7,6.9c-2.6,2.5-4.6,5.7-5.4,9.3c-1.9,0.7-4,1.1-6.1,1.1 c-0.4,0-0.8,0-1.2,0c-0.5,0-0.9-0.1-1.4-0.1c-3.1,0-6.3,0.8-9.2,2.5c-9.1,5.2-12,17-6.3,25.9c3.5,5.4,9.5,8.4,15.6,8.4 c2.9,0,5.8-0.7,8.5-2.1c3.6-1.9,6.3-4.9,8-8.3c1.1-2.3,2.7-4.2,4.6-5.8c1.7,0.5,3.5,0.8,5.4,0.8c1.9,0,3.7-0.3,5.4-0.8 c1.9,1.6,3.5,3.5,4.6,5.7c1.5,3.2,4,6,7.4,8c2.9,1.7,6.1,2.5,9.2,2.5c6.6,0,13.1-3.6,16.4-10C97.3,73.1,94.4,62.5,86.5,57.5z M29.6,83.7c-1.9,1.1-4,1.6-6.1,1.6c-4.2,0-8.4-2.2-10.6-6.1c-3.4-5.9-1.4-13.4,4.5-16.8c1.9-1.1,4-1.6,6.1-1.6 c4.2,0,8.4,2.2,10.6,6.1C37.5,72.8,35.4,80.3,29.6,83.7z M50,39.3c-6.8,0-12.3-5.5-12.3-12.3S43.2,14.7,50,14.7 c6.8,0,12.3,5.5,12.3,12.3S56.8,39.3,50,39.3z M87.2,79.2c-2.3,3.9-6.4,6.1-10.6,6.1c-2.1,0-4.2-0.5-6.1-1.6 c-5.9-3.4-7.9-10.9-4.5-16.8c2.3-3.9,6.4-6.1,10.6-6.1c2.1,0,4.2,0.5,6.1,1.6C88.6,65.8,90.6,73.3,87.2,79.2z\" fill=\"var(--color-primary-light)\"></path></g></g></g><animateTransform attributeName=\"transform\" type=\"rotate\" calcMode=\"linear\" values=\"0 50 50;360 50 50\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animateTransform></g></svg>"
  },
  "gear": {
    "key": "gear",
    "title": "Gear",
    "svg": "<svg class=\"lds-gear\" width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><g transform=\"translate(50 50)\"><g transform=\"rotate(157.5)\"><animateTransform attributeName=\"transform\" type=\"rotate\" values=\"0;360\" keyTimes=\"0;1\" dur=\"1.6s\" repeatCount=\"indefinite\"/><path d=\"M37.44-6.5h10v13h-10a38 38 0 0 1-1.77 6.59l8.66 5-6.5 11.26-8.66-5a38 38 0 0 1-4.82 4.82l5 8.66-11.26 6.5-5-8.66a38 38 0 0 1-6.59 1.77v10h-13v-10a38 38 0 0 1-6.59-1.77l-5 8.66-11.26-6.5 5-8.66a38 38 0 0 1-4.82-4.82l-8.66 5-6.5-11.26 8.66-5a38 38 0 0 1-1.77-6.59h-10v-13h10a38 38 0 0 1 1.77-6.59l-8.66-5 6.5-11.26 8.66 5a38 38 0 0 1 4.82-4.82l-5-8.66 11.26-6.5 5 8.66a38 38 0 0 1 6.59-1.77v-10h13v10a38 38 0 0 1 6.59 1.77l5-8.66 11.26 6.5-5 8.66a38 38 0 0 1 4.82 4.82l8.66-5 6.5 11.26-8.66 5a38 38 0 0 1 1.77 6.59zM0-20a20 20 0 1 0 0 40 20 20 0 1 0 0-40\" fill=\"var(--color-primary-light)\"/></g></g></svg>"
  },
  "gears": {
    "key": "gears",
    "title": "Gears",
    "svg": "<svg class=\"lds-gears\" width=\"80\" height=\"80\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\"><g transform=\"translate(50 50)\"><g transform=\"translate(-19 -19) scale(0.6)\"><g transform=\"rotate(90)\"><animateTransform attributeName=\"transform\" type=\"rotate\" values=\"0;360\" keyTimes=\"0;1\" dur=\"2s\" begin=\"0s\" repeatCount=\"indefinite\"/><path d=\"M37.35-7h10v14h-10a38 38 0 0 1-5.99 14.46l7.07 7.07-9.9 9.9-7.07-7.07A38 38 0 0 1 7 37.35v10H-7v-10a38 38 0 0 1-14.46-5.99l-7.07 7.07-9.9-9.9 7.07-7.07A38 38 0 0 1-37.35 7h-10v-14h10a38 38 0 0 1 5.99-14.46l-7.07-7.07 9.9-9.9 7.07 7.07A38 38 0 0 1-7-37.35v-10H7v10a38 38 0 0 1 14.46 5.99l7.07-7.07 9.9 9.9-7.07 7.07A38 38 0 0 1 37.35-7M0-23a23 23 0 1 0 0 46 23 23 0 1 0 0-46\" fill=\"var(--color-primary-light)\"/></g></g><g transform=\"translate(19 19) scale(0.6)\"><g transform=\"rotate(247.5)\"><animateTransform attributeName=\"transform\" type=\"rotate\" values=\"360;0\" keyTimes=\"0;1\" dur=\"2s\" begin=\"-0.125s\" repeatCount=\"indefinite\"/><path d=\"M37.35-7h10v14h-10a38 38 0 0 1-5.99 14.46l7.07 7.07-9.9 9.9-7.07-7.07A38 38 0 0 1 7 37.35v10H-7v-10a38 38 0 0 1-14.46-5.99l-7.07 7.07-9.9-9.9 7.07-7.07A38 38 0 0 1-37.35 7h-10v-14h10a38 38 0 0 1 5.99-14.46l-7.07-7.07 9.9-9.9 7.07 7.07A38 38 0 0 1-7-37.35v-10H7v10a38 38 0 0 1 14.46 5.99l7.07-7.07 9.9 9.9-7.07 7.07A38 38 0 0 1 37.35-7M0-23a23 23 0 1 0 0 46 23 23 0 1 0 0-46\" fill=\"#a1a6a8\"/></g></g></g></svg>"
  }
}