function create_main_fragment ( state, component ) {
-  var div, div_style_value;
+ var div;

  return {
    create: function () {
      div = createElement( 'div' );
      this.hydrate();
    },

    hydrate: function ( nodes ) {
-      div.style.cssText = div_style_value = "font-size: 12px; color: " + ( state.color ) + "; transform: translate(" + ( state.x ) + "px," + ( state.y ) + "px);";
+     div.style.setProperty('font-size', "12px");
+     div.style.setProperty('color', state.color);
+     div.style.setProperty('transform', "translate(" + state.x + "px," + state.y + "px)");
    },

    mount: function ( target, anchor ) {
      insertNode( div, target, anchor );
    },

    update: function ( changed, state ) {
-      if ( ( changed.color || changed.x || changed.y ) && div_style_value !== ( div_style_value = "font-size: 12px; color: " + ( state.color ) + "; transform: translate(" + ( state.x ) + "px," + ( state.y ) + "px);" ) ) {
-        div.style.cssText = div_style_value;
-      }
+     if ( changed.color ) {
+       div.style.setProperty('color', state.color);
+     }
+
+     if ( changed.x || changed.y ) {
+       div.style.setProperty('transform', "translate(" + state.x + "px," + state.y + "px)");
+     }
    },

    unmount: function () {
      detachNode( div );
    },

    destroy: noop
  };
}