@react-beauty/ui-empty-state/dist/index.css

ui-empty-state

.react-beauty-el-empty-state-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--components-empty-state-gap);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:var(--components-empty-state-padding-y) var(--components-empty-state-padding-x)}.react-beauty-el-empty-state-title{font-size:var(--components-empty-state-font-size-title);font-weight:var(--components-empty-state-font-weight-title);line-height:var(--components-empty-state-line-height-title);color:var(--components-empty-state-colors-default);text-align:center}.react-beauty-el-empty-state-description{font-size:var(--components-empty-state-font-size-description);line-height:var(--components-empty-state-line-height-description);font-weight:var(--components-empty-state-font-weight-description);color:var(--components-empty-state-colors-default);text-align:center}.react-beauty-el-empty-state-icon{position:relative;height:100%;text-align:center}.react-beauty-el-empty-state-icon>svg[data-is-primary]{width:var(--components-empty-state-size-icon-primary);height:var(--components-empty-state-size-icon-primary);color:var(--components-empty-state-colors-default)}.react-beauty-el-empty-state-icon>svg[data-is-secondary]{position:absolute;z-index:2;top:var(--space-2);right:var(--space-2);color:var(--components-empty-state-colors-icon-secondary-color);background-color:var(--components-empty-state-colors-icon-secondary-bg);border-radius:var(--components-empty-state-border-radius)}.react-beauty-el-icon[data-size="2xs"]{width:var(--components-icon-size-placeholder-2xs);height:var(--components-icon-size-placeholder-2xs)}.react-beauty-el-icon[data-size=xs]{width:var(--components-icon-size-placeholder-xs);height:var(--components-icon-size-placeholder-xs)}.react-beauty-el-icon[data-size=md]{width:var(--components-icon-size-placeholder-md);height:var(--components-icon-size-placeholder-md)}.react-beauty-el-icon[data-size=lg]{width:var(--components-icon-size-placeholder-lg);height:var(--components-icon-size-placeholder-lg)}