@include b(notice-bar) {
  @include define(height, 40px);
  @include define(padding, 8px 12px);
  @include define(icon-size, 16px);

  @include b(message) {
    @include define(font-size, var(--za-font-size-sm));

    height: var(--height);
    font-size: var(--font-size);
    padding: var(--padding);

    @include e(icon) {
      margin-right: r(6);

      @include b(icon) {
        font-size: var(--icon-size);
      }
    }

    @include e(footer) {
      @include b(icon) {
        font-size: var(--icon-size);
      }
    }
  }

  @include e(body) {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  @include e(content) {
    position: absolute;
    left: 0;
    white-space: nowrap;
  }
}