import{makeStyles as t}from"@material-ui/core";var e=t((function(t){return{dragIcon:{width:16,height:16},divider:{margin:"0 12px",width:206},rtBox:{padding:"8px 0px 8px 16px",display:"flex",justifyContent:"space-between",backgroundColor:t.isLightTheme?t.palette.primary.contrastText:t.palette.background.b5,alignItems:"center","&.notDraggable":{marginLeft:12,marginBottom:12,padding:0},"&:hover":{backgroundColor:t.palette.background.b6,"&>$rtBoxButtonContainer":{display:"block",marginRight:12}}},rtBoxSelected:{borderBottom:"0px solid ".concat(t.palette.background.b6),backgroundColor:t.palette.background.b6,boxShadow:"0px 0px 16px rgba(0, 0, 0, 0.5)"},rtBoxInner:{cursor:"pointer"},rtBoxTitle:{display:"flex",fontSize:"11px",lineHeight:"12px",color:t.palette.primary.text6,letterSpacing:"0.4px"},rtBoxValue:{marginTop:8,fontSize:"20px",lineHeight:"14px","& > span":{fontSize:"11px",lineHeight:"14px",color:t.palette.primary.text6}},rtBoxTitleBorder:{borderRadius:2,width:2,height:10},rtBoxButtonContainer:{display:"none"}}}));export{e as useStyles};
//# sourceMappingURL=RealTimeBoxStyles.js.map
