@import '../../theme/fonts.scss';
@import '../../theme/theme.scss';
@import '../../theme/layout.scss';

$kai-header-height: 2.8rem;

.kai-header {
  @include flex(row);
  width: 100%;
  line-height: $kai-header-height;
  outline: none;
  padding: 0.5rem 0;

  h1 {
    width: 100%;
    height: 100%;
    color: var(--color-gs00, #fff);
    @extend %text-ellipsis;
    @extend h1;
    text-align: center;
    padding: 0 1rem;
    margin: 0;
    text-transform: uppercase !important;
    letter-spacing: 3px;
    font-weight: bold; 
  }
}
