.ha-list-group .ha-list-item .ha-badge{position:relative}.ha-list-group .ha-list-item .number span{display:block;width:1em;height:1em;line-height:1em}.ha-list-group .ha-list-item .ha-icon.image img{display:block;width:20px;-o-object-fit:contain;object-fit:contain}.ha-list-group .ha-list-item .ha-list-detail{margin:0;color:#616161;font-weight:400;font-size:13px}.ha-list-group .ha-list-item a .ha-direction i,.ha-list-group .ha-list-item a .ha-list-title,.ha-list-group .ha-list-item a:hover .ha-list-title{color:#562dd4}.ha-list-group .ha-list-item a:hover .ha-direction{border-color:#562dd4;background-color:#562dd4}.ha-list-group .ha-list-item a:hover i{color:#fff}.ha-mode--comfy .ha-list-item{overflow:hidden;margin-bottom:15px;border:2px solid #ddd;border-radius:4px}.ha-direction--left .ha-direction{margin-right:10px}.ha-direction--left .ha-icon{margin-left:15px}.ha-direction--left .ha-list-item-custom .ha-direction{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.ha-direction--left .ha-list-item-custom:hover .ha-direction{margin-left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.ha-step-arrow,.ha-step-arrow:after{position:absolute;display:inline-block;border-top:1px solid #ddd}.ha-step-arrow{top:49%;left:calc(100% + 20px);width:100px;-webkit-transform:rotate(var(--ha-stepflow-direction-angle,0));-ms-transform:rotate(var(--ha-stepflow-direction-angle,0));transform:rotate(var(--ha-stepflow-direction-angle,0));-webkit-transform-origin:var(--ha-stepflow-direction-origin-x) center;-ms-transform-origin:var(--ha-stepflow-direction-origin-x) center;transform-origin:var(--ha-stepflow-direction-origin-x) center}.ha-step-arrow:after{top:-2px;right:5px;width:12px;height:12px;border-right:1px solid #ddd;color:#ddd;content:"";-webkit-transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.ha-steps-icon .ha-steps-label{position:absolute;top:5px;right:0;overflow:hidden;padding:8px 10px;max-width:200%;border:3px solid #fff;border-radius:20px;background-color:#8056ee;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1}.ha-steps-title a{display:block;color:#562dd4}.ha-steps-title a:hover{color:#242424}