import{makeStyles as e}from"@material-ui/core";import{rgba as r}from"../../../utils/colors.js";var t=e((function(e){return{step:{display:"inline-flex",flexFlow:"row nowrap",height:"40px",alignItems:"center",gap:e.spacing(1)},value:{flex:"0 0 auto",display:"flex",flexFlow:"column",justifyContent:"center",alignItems:"center",transition:"0.3s ease-out",width:"40px",height:"40px",padding:"6px",borderRadius:"8px",border:"1px solid ".concat(e.palette.primary.text6),color:e.palette.primary.text6},label:{flex:"0 0 auto",color:e.palette.primary.text6,maxHeight:"44px",transition:"0.3s ease-out",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":"2",overflow:"hidden",textOverflow:"ellipsis"},medium:{"& $value":{width:"32px",height:"32px"},"& $label":{maxHeight:"40px"}},current:{"& $value":{background:e.palette.primary.main,color:e.palette.background.b1,borderColor:"transparent"},"& $label":{fontWeight:500,color:e.palette.text.primary}},passed:{cursor:"not-allowed","& $value":{background:r(e.palette.primary.main,.1),color:e.palette.primary.main,borderColor:"transparent"},"& $label":{fontWeight:500,color:e.palette.text.primary},"&$hoverable":{cursor:"pointer","&:hover  $value":{background:r(e.palette.primary.main,.24),color:e.palette.primary.light}}},hoverable:{},error:{"& $value":{background:"transparent",color:e.palette.error.main,borderColor:e.palette.error.main},"& $label":{color:e.palette.error.main}},disabled:{"& $value":{background:"transparent",color:e.palette.primary.text9,borderColor:e.palette.primary.text9},"& $label":{color:e.palette.primary.text9}}}}));export{t as useStyles};
