                  [:span "You can run "]
                  [:strong "3"]
                  [:span " concurrent builds with "]
-                 [:strong container-count]
+                 [:strong {:class (when (> container-count 9) "double-digits")} container-count]
                  [:span " containers and "]
                  [:strong "2"]
                  [:span " parallelism. (Adjustable per project.)"]]

        event-left (.-pageX event)
        ; increment (/ 100.0 64)
        ]
    (* pricing-increment (.ceil js/Math (/ (min 100 (max 0 (* 100 (/ (- event-left slider-left) width)))) pricing-increment)))))

(defn pricing [app owner]
  (reify
    om/IDisplayName (display-name [_] "Pricing B")
    om/IRender
    (render [_]
      (let [container-count (/ (om/get-state owner :drag-percent) pricing-increment)]
        (html
          [:div.pricing.page {:on-mouse-up #(om/set-state! owner :dragging (utils/inspect false))
                              :on-mouse-down #(when (om/get-state owner :dragging)

                   [dommy.macros :refer [sel1 node]])
  (:import [goog.ui IdGenerator]))

(def max-containers 64)

(def increment (/ 100.0 max-containers))

(defn calculate-drag-percent [owner event]
  (let [slider (om/get-node owner "pricing-range")
