@use 'mixins/mixins' as *;
@use 'mixins/var' as *;
@use 'common/var' as *;

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

@include b(list) {
  &__loading,
  &__finished-text,
  &__error-text {
    color: var(--xzx-list-text-color);
    font-size: var(--xzx-list-text-font-size);
    line-height: var(--xzx-list-text-line-height);
    text-align: center;
  }

  &__placeholder {
    height: 0;
    pointer-events: none;
  }
}