:root{--card-padding:24px;--card-height:200px;--card-skeleton:linear-gradient(#eee var(--card-height),transparent 0);--avatar-size:150px;--avatar-sizeHeight:125px;--avatar-position:var(--card-padding) var(--card-padding);--avatar-skeleton:radial-gradient(170px at center,#fff 100%,transparent 0);--title-height:16px;--title-width:calc(100% - 400px);--title-position:200px 110px;--title-skeleton:linear-gradient(white var(--title-height),transparent 0);--desc-line-height:16px;--desc-line-skeleton:linear-gradient(white var(--desc-line-height),transparent 0);--desc-line-1-width:calc(100% - 400px);--desc-line-1-position:200px 40px;--desc-line-2-width:calc(100% - 400px);--desc-line-2-position:200px 75px;--footer-height:20px;--footer-position:0 calc(var(--card-height) - var(--footer-height));--footer-skeleton:linear-gradient(transparent var(--footer-height),transparent 0);--blur-width:100px;--blur-size:var(--blur-width) calc(var(--card-height) - var(--footer-height));}.skeleton{margin-bottom:25px;}.skeleton:empty::after{content:"";display:block;width:100%;height:170px;border-radius:10px;border:1px solid #d1d1d1;background-image:linear-gradient(90deg,rgba(211,211,211,0) 0,rgba(211,211,211,.8) 50%,rgba(211,211,211,0) 100%),var(--title-skeleton),var(--desc-line-skeleton),var(--desc-line-skeleton),var(--avatar-skeleton),var(--footer-skeleton),var(--card-skeleton);background-size:var(--blur-size),var(--title-width) var(--title-height),var(--desc-line-1-width) var(--desc-line-height),var(--desc-line-2-width) var(--desc-line-height),var(--avatar-size) var(--avatar-sizeHeight),100% var(--footer-height),100% 100%;background-position:0% 0,var(--title-position),var(--desc-line-1-position),var(--desc-line-2-position),var(--avatar-position),var(--footer-position),0 0;background-repeat:no-repeat;animation:loading 2.5s infinite;}@keyframes loading{to{background-position:120% 0,var(--title-position),var(--desc-line-1-position),var(--desc-line-2-position),var(--avatar-position),var(--footer-position),0 0;}}