@use '../../style/themes/default.scss' as *;
@use '../../style/util.scss' as *;
@use './css-var.scss' as *;

@include set-table-select-var($y);

.y-table-select-popper {
  .y-pro-table > .y-data-table,
  .y-pro-table > .y-virtual-table {
    #{yVarName('table', 'th-bg')}: yVar('table-select', 'th-bg');
    #{yVarName('table', 'tr-bg')}: yVar('table-select', 'tr-bg');
    #{yVarName('table', 'even-bg')}: yVar('table-select', 'even-bg');
  }

  & > .y-popover-body {
    padding: yVar('table-select', 'padding');
  }

  &.y-popover.is-responsive {
    max-width: calc(100vw - #{yVar('table-select', 'mobile-space')} * 2);
  }
}