{"html":"<div class=\"ue-marquee\" id=\"{{uc_id}}\">\n  <div class=\"ue-marquee-content\">\n    {{put_items()}}\n    {{put_items()}}\n    {{put_items()}}\n    {{put_items()}}\n    {{put_items()}}\n    {{put_items()}}\n    {{put_items()}}\n    {{put_items()}}\n    {{put_items()}}\n  <\/div>\n<\/div>","html_item":"<div class=\"ue-marquee-tag\">\n  <a href=\"{{item.link}}\" {{item.link_html_attributes|raw}}>\n    {% if show_icons == \"true\" %}\n    <div class=\"ue-marquee-tag-icon\">{{item.icon_html|raw}}<\/div>\n    <div class=\"ue_icon_spacing\"><\/div>\n    {% endif %}\n    {{item.title|raw}}\n  <\/a>\n<\/div>","css":"#{{uc_id}} {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  direction:ltr;\n}\n#{{uc_id}} .ue-marquee-content {\n  display: flex;\n  animation: {{ue_animation}}{{uc_id}} {{ue_speed}}s linear infinite running;\n}\n\n{% if pause_on_hover == \"true\" %}\n#{{uc_id}} .ue-marquee-content:hover {\n  animation-play-state: paused;\n}\n{% endif %}\n\n\n#{{uc_id}} .ue-marquee-tag {\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  white-space: nowrap;\n  direction:{{item_direction}};\n}\n\n#{{uc_id}} .ue-marquee-tag a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n}\n#{{uc_id}} .ue-marquee-tag-icon {\nflex-grow: 0;   flex-shrink: 0;\n  line-height:1em;\n}\n\n#{{uc_id}} .ue-marquee-tag-icon svg{\n  width:1em;\n  height:1em;\n}\n\n#{{uc_id}} .ue-marquee-tag svg\n{\n  width:1em;\n  height:1em;\n}\n\n#{{uc_id}} .Marquee-tag-icon img\n{\n  display:block;\n}\n\n@keyframes marquee{{uc_id}} {\n  0% {\n \n    transform: translateX(0);\n  }\n  100% {\n    transform: translate(-50%);\n  }\n}\n\n@keyframes marquee-reverse{{uc_id}} {\n  0% {\n \n    transform: translateX(-50%);\n  }\n  100% {\n    transform: translate(0%);\n  }\n}"}