@import 'part:@lyra/base/theme/variables-style';

.root {
  height: 100%;
  position: relative;
}

.scrollContainer {
  transform: translateZ(0);
}

.list {
  margin: 0;
  padding: 0;
  display: block;
}

.item {
  display: block;
  margin: 0;
  padding: 0;
  composes: item from 'part:@lyra/base/theme/layout/selectable-style';
  composes: listItemStates from 'part:@lyra/base/theme/layout/backgrounds-style';
}

.selected {
  composes: item;
  composes: selected from 'part:@lyra/base/theme/layout/selectable-style';
}

.highlighted {
  composes: highlighted from 'part:@lyra/base/theme/layout/selectable-style';
}