:root,
:host {
    --van-pull-refresh-head-height: 50px;
    --van-pull-refresh-head-font-size: var(--van-font-size-md);
    --van-pull-refresh-head-text-color: var(--van-text-color-2);
    --van-pull-refresh-loading-icon-size: 16px
}

.van-pull-refresh {
    overflow: hidden
}

.van-pull-refresh__track {
    position: relative;
    height: 100%;
    transition-property: transform
}

.van-pull-refresh__head {
    position: absolute;
    left: 0;
    width: 100%;
    height: var(--van-pull-refresh-head-height);
    overflow: hidden;
    color: var(--van-pull-refresh-head-text-color);
    font-size: var(--van-pull-refresh-head-font-size);
    line-height: var(--van-pull-refresh-head-height);
    text-align: center;
    transform: translateY(-100%)
}

.van-pull-refresh__loading .van-loading__spinner {
    width: var(--van-pull-refresh-loading-icon-size);
    height: var(--van-pull-refresh-loading-icon-size)
}

:root,
:host {
    --van-list-text-color: var(--van-text-color-2);
    --van-list-text-font-size: var(--van-font-size-md);
    --van-list-text-line-height: 50px;
    --van-list-loading-icon-size: 16px
}

.van-list__loading,
.van-list__finished-text,
.van-list__error-text {
    color: var(--van-list-text-color);
    font-size: var(--van-list-text-font-size);
    line-height: var(--van-list-text-line-height);
    text-align: center
}

.van-list__placeholder {
    height: 0;
    pointer-events: none
}

.van-list__loading-icon .van-loading__spinner {
    width: var(--van-list-loading-icon-size);
    height: var(--van-list-loading-icon-size)
}