:root, :host { --van-empty-padding: var(--van-padding-xl) 0; --van-empty-image-size: 160px; --van-empty-description-margin-top: var(--van-padding-md); --van-empty-description-padding: 0 60px; --van-empty-description-color: var(--van-text-color-2); --van-empty-description-font-size: var(--van-font-size-md); --van-empty-description-line-height: var(--van-line-height-md); --van-empty-bottom-margin-top: 24px; }
.van-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: var(--van-empty-padding); }
.van-empty__image { width: var(--van-empty-image-size); height: var(--van-empty-image-size); }
.van-empty__image img { width: 100%; height: 100%; }
.van-empty__description { margin-top: var(--van-empty-description-margin-top); padding: var(--van-empty-description-padding); color: var(--van-empty-description-color); font-size: var(--van-empty-description-font-size); line-height: var(--van-empty-description-line-height); }
.van-empty__bottom { margin-top: var(--van-empty-bottom-margin-top); }
.van-theme-dark .van-empty { opacity: 0.5; }