.skeleton__bar {
    display: block;
    height: 0.85em;
    border-radius: var(--radius-sm);
}

.skeleton__bar--headline {
    width: 88px;
    height: 30px;
}
.skeleton__bar--xl {
    width: 200px;
    max-width: 100%;
}
.skeleton__bar--lg {
    width: 160px;
    max-width: 100%;
}
.skeleton__bar--md {
    width: 96px;
    max-width: 100%;
}
.skeleton__bar--sm {
    width: 64px;
}
.skeleton__bar--xs {
    width: 40px;
}
.skeleton__bar--value {
    width: 56px;
    height: 22px;
}
.skeleton__bar--name {
    width: 120px;
    max-width: 90%;
    height: 0.7em;
    margin-top: 4px;
    opacity: 0.75;
}
.skeleton__bar--full {
    width: 100%;
}

.skeleton__control {
    height: var(--control-height);
    width: 100%;
    border-radius: var(--radius);
}
.skeleton__input {
    height: var(--control-height-sm);
    width: 240px;
    max-width: 100%;
    border-radius: var(--radius-sm);
}
.skeleton__pill {
    height: var(--control-height-sm);
    width: 96px;
    border-radius: var(--radius-pill);
}
.skeleton__pill--toggle {
    width: 94px;
}
.skeleton__pill--wide {
    width: 128px;
}

.diff-explorer--skeleton .top-movers__grid th .skeleton__bar {
    display: inline-block;
}