Using dynamic styles with CSS

[codemeasandwich]

Cant get this dynamic style to fire

const styles = outline({
  
    widgetsWrapper: {
        base:{
              boxShadow: "0px 0px 4px #00000022"
        },
        "@media (max-width: 600px)": {
             margin: "0 -5px 15px 0px"
         }
    }
},{
    widgetsWrapper:(selected)=>(selected ? {boxShadow:"0px 0px 8px 6px #1101ff22"}:{})
});

const WidgetsWrapper = styles.widgetsWrapper`div`