.sd-title-bar{--sd-title-bar-header-height:30px;--sd-title-bar-header-padding-left:15px;--sd-title-bar-font-size:var(--el-font-size-base);--sd-title-bar-subtitle-font-size:var(--el-font-size-extra-small);--sd-title-bar-subtitle-text-color:var(--el-text-color-regular);--sd-title-bar-desc-text-color:var(--el-text-color-secondary);--sd-title-bar-desc-font-size:var(--el-font-size-extra-small);--sd-title-bar-line-background-color:var(--el-color-primary);--sd-title-bar-body-padding:10px 15px}.sd-title-bar__head{position:relative;display:flex;align-items:center;height:var(--sd-title-bar-header-height);padding-left:var(--sd-title-bar-header-padding-left)}.sd-title-bar__head::before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;border-radius:0 5px 5px 0}.sd-title-bar__head-content{flex:1;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[class*=el-icon]+.sd-title-bar__head-content{margin-left:5px}.sd-title-bar__head-title{font-size:var(--sd-title-bar-font-size)}.sd-title-bar__head-subtitle{margin-left:10px;font-size:var(--sd-title-bar-subtitle-font-size);color:var(--sd-title-bar-subtitle-text-color)}.sd-title-bar__head-desc{font-size:var(--sd-title-bar-desc-font-size);color:var(--sd-title-bar-desc-text-color)}.sd-title-bar__head-desc+[class*=el-icon]{margin-left:5px}.sd-title-bar__head.is-arrow{cursor:pointer}.sd-title-bar__head.sd-title-bar__head--success{--sd-title-bar-line-background-color:var(--el-color-success)}.sd-title-bar__head.sd-title-bar__head--success::before{background-color:var(--sd-title-bar-line-background-color)}.sd-title-bar__head.sd-title-bar__head--info{--sd-title-bar-line-background-color:var(--el-color-info)}.sd-title-bar__head.sd-title-bar__head--info::before{background-color:var(--sd-title-bar-line-background-color)}.sd-title-bar__head.sd-title-bar__head--warning{--sd-title-bar-line-background-color:var(--el-color-warning)}.sd-title-bar__head.sd-title-bar__head--warning::before{background-color:var(--sd-title-bar-line-background-color)}.sd-title-bar__head.sd-title-bar__head--danger{--sd-title-bar-line-background-color:var(--el-color-danger)}.sd-title-bar__head.sd-title-bar__head--danger::before{background-color:var(--sd-title-bar-line-background-color)}.sd-title-bar__head.sd-title-bar__head--primary{--sd-title-bar-line-background-color:var(--el-color-primary)}.sd-title-bar__head.sd-title-bar__head--primary::before{background-color:var(--sd-title-bar-line-background-color)}.sd-title-bar__body{padding:var(--sd-title-bar-body-padding);box-sizing:border-box}