anchor.diff:                    (:h3 ((class-name "topcoat-list__header")) "Criterias")
                     (:ul ((class-name "topcoat-list__container"))
                          (:li ((class-name "topcoat-list__item"))
  -                            (:label ((class-name "topcoat-switch"))
  -                                    (:input ((type "checkbox")
  -                                             (class-name "topcoat-switch__input")))
  -                                    (:div ((class-name "topcoat-switch__toggle")))))
  +			    (:armor-type-switch))
                          (:li ((class-name "topcoat-list__item"))
                               "Attack Up")
                          (:li ((class-name "topcoat-list__item"))
  
positive.code: 
  (eval-when (:compile-toplevel :load-toplevel :execute)
    (enable-jsx-reader))
  
  (def-widget search-controller ()
      ()
    #jsx(:div ()
              (:div ((class-name "topcoat-button-bar"))
                    (:div ((class-name "topcoat-button-bar__item"))
                          (:button ((class-name "topcoat-button-bar__button"))
                                   "Add"))
                    (:div ((class-name "topcoat-button-bar__item"))
                          (:button ((class-name "topcoat-button-bar__button"))
                                   "Search")))
              (:label ((class-name "topcoat-switch topcoat-button-bar__button"))
                      (:input ((type "checkbox")
                               (class-name "topcoat-switch__input")))
                      (:div ((class-name "topcoat-switch__toggle"))))))
  
  
  
  
  
  (def-widget criteria-list ()
      ()
  
negative.code:                  (:li ((class-name "topcoat-list__item")) 
                        "Dodge Up"))))
  
  (def-widget search-controller ()
      ()
    #jsx(:div ((class-name "topcoat-button-bar full"))
  	    (:div ((class-name "topcoat-button-bar__item"))
  		  (:button ((class-name "topcoat-button-bar__button full"))
  			   (:span ((class-name "icomatic"))
  				  "minus")))
  	    (:div ((class-name "topcoat-button-bar__item"))
  		  (:button ((class-name "topcoat-button-bar__button full"))
  			   (:span ((class-name "icomatic"))
  				  "plus")))
  	    (:div ((class-name "topcoat-button-bar__item"))
  		  (:button ((class-name "topcoat-button-bar__button full"))
  			   (:span ((class-name "icomatic")
  				   (style :color "#000055"))
  				  "search")))))
  
  (def-widget armor-type-switch ()
      ()
    ;; <label class="topcoat-switch">
    ;; <input type="checkbox" class="topcoat-switch__input">
    ;; <div class="topcoat-switch__toggle"></div>
    ;; </label>
    #jsx(:label ((class-name "topcoat-switch"))
  	      (:input ((type "checkbox")
  		       (class-name "topcoat-switch__input")
  		       (checked t)))
  	      (:div ((class-name "topcoat-switch__toggle")))))
  
  
  (def-widget side-bar ()
      ()
    #jsx(:div ((style :width "30%"
  