@import '../responsive';
@import '../shared-styles/scrollbar';

.list-defaults() {
  --item-indent: extract(@list-item-padding, 2);
  --item-height: @list-item-height;
  color: @list-text-color;
  background-color: @list-background-color;

  .touch-action();
  .standard-scrollbars();

  &:focus {
    outline: none;
  }

  &[focused='visible'] {
    outline: 1px solid @scheme-color-primary;
  }

  &[readonly] [part='list-item'] {
    cursor: default;
  }
}