/* Skeleton shapes and layout. React manages the wave through the Web Animations API. */
.rs-skeleton{--rs-base:#e8ecf1;--rs-wave:#ffffffb3;display:block;position:relative;overflow:hidden;background:var(--sk-base,var(--rs-base));border-radius:6px;height:12px;width:80%;margin:0 0 16px;pointer-events:none}
html[data-admin-theme=dark] .rs-skeleton{--rs-base:#283444;--rs-wave:#ffffff12}
.rs-skeleton--circular{border-radius:50%}.rs-skeleton--rectangular{border-radius:0}.rs-skeleton--rounded{border-radius:10px}
.rs-skeleton.short{width:42%}.rs-skeleton.value{width:60%;height:28px}.rs-skeleton.search{width:100%;height:42px}
.rs-skeleton.avatar{width:36px;height:36px;margin:0}
.rs-skeleton-wave{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--sk-wave,var(--rs-wave)),transparent);transform:translateX(-100%);pointer-events:none}
.wm-skeleton-row .rs-skeleton:not(.avatar){margin:8px 0}
.wm-skeleton-chart .rs-skeleton{flex:1;height:45%;margin:0}.wm-skeleton-chart .rs-skeleton:nth-child(3n){height:80%}.wm-skeleton-chart .rs-skeleton:nth-child(2n){height:60%}
.wm-skeleton-shell aside .rs-skeleton{margin-bottom:32px}
@media(max-width:767px){.rs-skeleton.avatar{width:28px;height:28px}}