{"1":{"id":"1","name":"Tobel","handle":"tobel","type":"arrows","css":".tobel.tparrows:before {\n  display: none;\n}\n\n.tobel.tparrows {\n  background:transparent;\n  width: ##width##;\n  fill:  ##color##;\n  height: auto;\n  stroke: none;\n  stroke-miterlimit: 10;\n  display: flex;\n  transition: all .2s ease-out;\n}\n\n.tobel.tparrows svg.qodef-fake-arrow {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.tobel.tparrows svg.qodef-main-arrow {\n    clip-path: inset(0 0 0 0);   \n    transition: clip-path .2s cubic-bezier(.61,1,.88,1) .3s;\n}\n.tobel.tparrows svg.qodef-fake-arrow  {\n    clip-path: inset(0 0 0 100%);\n    transition: clip-path .2s cubic-bezier(.61,1,.88,1);\n}\n\n.tobel.tparrows.rs-touchhover svg.qodef-main-arrow {\n    clip-path: inset(0 100% 0 0);\n    transition: clip-path .2s cubic-bezier(.61,1,.88,1);\n}\n.tobel.tparrows.rs-touchhover svg.qodef-fake-arrow {\n    clip-path: inset(0 0 0 0);\n    transition: clip-path .2s cubic-bezier(.61,1,.88,1) .3s;\n}\n\n.tobel.tparrows.tp-rightarrow svg{\n  transform: scaleX(-1);\n}\n\n","markup":"<svg class=\\\"qodef-main-arrow\\\" xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" xmlns:xlink=\\\"http:\/\/www.w3.org\/1999\/xlink\\\" x=\\\"0px\\\" y=\\\"0px\\\" viewBox=\\\"0 0 38 12\\\" xml:space=\\\"preserve\\\"><polygon points=\\\"38,5.37 1.5,5.37 8.21,0.54 7.87,0 0,5.68 7.61,12 7.98,11.49 1.4,6.02 38,6.02 \\\"><\/polygon><\/svg>\n\n<svg class=\\\"qodef-fake-arrow\\\" xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" xmlns:xlink=\\\"http:\/\/www.w3.org\/1999\/xlink\\\" x=\\\"0px\\\" y=\\\"0px\\\" viewBox=\\\"0 0 38 12\\\" xml:space=\\\"preserve\\\"><polygon points=\\\"38,5.37 1.5,5.37 8.21,0.54 7.87,0 0,5.68 7.61,12 7.98,11.49 1.4,6.02 38,6.02 \\\"><\/polygon><\/svg>","settings":"{\"dim\":{\"width\":\"160\",\"height\":\"160\"},\"placeholders\":{\"width\":{\"type\":\"custom\",\"title\":\"Width\",\"data\":\"64px\"},\"color\":{\"type\":\"color\",\"title\":\"Color\",\"data\":\"#000000\"}},\"presets\":\"\",\"version\":\"6.0.0\"}"}}