#headerCustomElementContainer {
	overflow: hidden;
}
#headerNoticeBar {
  font-family: inherit;
  background: #ab9d93;
  color: #ffffff;
  display: inline-flex;
  column-gap: 0.5em;
  padding: 0.5em 0;
  box-sizing: border-box;
  width: 100%;
  height: 3em;
  overflow: clip;
  position: relative;
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 5%,
    rgba(0, 0, 0, 1) 95%,
    rgba(0, 0, 0, 0)
  );
}
.headerNotice {
  background: transparent;
  text-align: center;
  font-size: 0.8em;
  align-content: center;
  position: absolute;
  inset: 0;
  margin: auto 0;
  width: 100%;
  height: 2em;
  left: 100%;
}
@keyframes moveLeft {
  to {
    left: -100%;
  }
}
@media (orientation: portrait) {
  #headerNoticeBar {
    width: 150%;
    mask-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 1) 5%,
      rgba(0, 0, 0, 1) 61.5%,
      rgba(0, 0, 0, 0) 66.5%
    );
  }
  .headerNotice {
    width: 150%;
  }
  @keyframes moveLeft {
    to {
      left: -150%;
    }
  }
}