Is it possible to use attribute and zoom based condition to apply CSS style in GeoServer? I have a point layer, I would like to use attribute and zoom  based condition to apply a colour style and sizes at different zoom levels. I have tried different code combinations but not been successful. Below is my latest attempt but the style is not applied.

    * {
        label: [No];
        mark: symbol(circle);
       
          :mark {
         [@sd >0][@sd <=6000]{  mark-size: 50m;    font-size: 25;};
         [@sd > 6000] [@sd <= 12000]{    mark-size: 25px;    font-size: 25;};
         [@sd >12000] [@sd <= 24000]{    mark-size: 50px;    font-size: 25;};
         [@sd >24000] [@sd <= 48000]{    mark-size: 750px;    font-size: 25;};
    
        [Km > 245] [Km <= 295]  { fill: blue;};
        [Km > 295] [Km <= 345]  { fill: pink;};
        [Km > 345] [Km <= 395]  { fill: yellow;};
        [Km > 395] 				{ fill: orange;};
      }
    }