@import '../../lib/commonStyles/variable';

.callHistoryPanel {
  @include flex_column;

  border-top: 1px solid rc-palette('neutral', 'l02');
  background-color: rc-palette('neutral', 'b01');
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.date {
  @include rc-typography('caption1');

  color: rc-palette('neutral', 'f06');
  text-align: center;
  display: block;
  height: 32px;
  line-height: 32px;
  background: rc-palette('neutral', 'b01');
  box-sizing: border-box;
  border-bottom: 1px solid rc-palette('neutral', 'l02');
  position: sticky;
  top: 0;
  z-index: 2 !important;
}

.empty {
  @include display_flex;
  @include flex-center;

  height: 100%;
}