@import '../../style/themes/default';
@import '../../style/mixins';

@noticeBarPrefixCls: am-notice-bar;

.@{noticeBarPrefixCls} {
  background-color: @notice-bar-fill;
  height: @notice-bar-height;
  overflow: hidden;
  font-size: @font-size-base;
  line-height: @notice-bar-height;
  color: @notice-bar-color;
  .display-box();
  &-content {
    .box-flex();
    width: 100%;
    .ellipsis();
    margin: auto @h-spacing-lg;
  }
  &-icon {
    margin-left: @h-spacing-lg;
    display: flex;
    align-items: center;
    & + div {
      margin-left: @h-spacing-sm;
    }
  }
  &-operation {
    display: flex;
    align-items: center;
    padding-right: @h-spacing-md;
  }
}