@layer components{.el-empty-state-base{padding:3rem 1.5rem;border-radius:.5rem;width:100%;box-sizing:border-box;border:.1rem dashed #c0cbdf;background-color:#fff}.el-empty-state-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.el-empty-state-content:last-child{margin-bottom:0}.el-empty-state-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.5;color:#2a3141}.el-empty-state-description{margin:0;font-size:.9rem;line-height:1.5;color:#596580}.el-empty-state-default{color:#596580}.el-empty-state-default .el-empty-state-title{color:#2a3141}.el-empty-state-default .el-empty-state-description,.el-empty-state-default .el-empty-state-text{color:#596580}.el-empty-state-error{border-color:#c34141}.el-empty-state-error .el-empty-state-icon svg{color:#c34141}.el-empty-state-error .el-empty-state-description,.el-empty-state-error .el-empty-state-text,.el-empty-state-error .el-empty-state-title{color:#9b2424}.el-empty-state-sm{padding:2rem 1rem}.el-empty-state-sm .el-empty-state-content{gap:.75rem;margin-bottom:1rem}.el-empty-state-sm .el-empty-state-icon svg{width:2rem;height:2rem}.el-empty-state-sm .el-empty-state-title{font-size:1rem}.el-empty-state-sm .el-empty-state-description{font-size:.9rem}.el-empty-state-md{padding:3rem 1.5rem}.el-empty-state-lg{padding:4rem 2rem}.el-empty-state-lg .el-empty-state-content{gap:1.25rem;margin-bottom:2rem}.el-empty-state-lg .el-empty-state-icon svg{width:4rem;height:4rem}.el-empty-state-lg .el-empty-state-title{font-size:1.5rem}.el-empty-state-lg .el-empty-state-description{font-size:1rem}.el-empty-state-align-left{text-align:left}.el-empty-state-align-left .el-empty-state-content{align-items:flex-start}.el-empty-state-align-left .el-empty-state-button{align-self:flex-start}.el-empty-state-align-center{text-align:center}.el-empty-state-align-center .el-empty-state-content{align-items:center}.el-empty-state-align-center .el-empty-state-button{align-self:center}.el-empty-state-align-right{text-align:right}.el-empty-state-align-right .el-empty-state-content{align-items:flex-end}.el-empty-state-align-right .el-empty-state-button{align-self:flex-end}}