 slider_handles.face = (props) -> 
 
   SVG
-    height: SLIDER_HANDLE_SIZE
-    width: SLIDER_HANDLE_SIZE
+    height: props.height
+    width: props.width
     viewBox: "-2 -1 104 104"
     style: 
       pointerEvents: 'none'
+      position: 'absolute'
+      top: 0
 
     DEFS null,
       svg.innerbevel

                  {color: 'white', opacity:  .25, dx:  0, dy: 3, stdDeviation: 3}]        

    CIRCLE
      fill: focus_blue
      stroke: focus_blue
      filter: 'url(#handle-innerbevel)'
      cx: 50
      cy: 50
      r: 50

    do =>
      user = fetch(fetch('/current_user').user)

      if user.avatar_file_name
        IMAGE
          'xlink:href': avatarUrl user, 'large'
          x: 2
          y: 2

          width: 96
          height: 96

          clipPath: 'url(#slider-avatar-clip)'





styles += """


require './customizations'
require './shared'


####
