:root {
  --aunt-notice-bar-background-color: var(--aunt-orange-1);
  --aunt-notice-bar-color: var(--aunt-orange);
  --aunt-notice-bar-font-size: var(--aunt-font-size-md);
  --aunt-notice-bar-padding: var(--aunt-padding-xs);
  --aunt-notice-bar-item-margin: var(--aunt-padding-xs);
}
.aunt-notice-bar {
  padding: var(--aunt-notice-bar-padding);
  display: flex;
  align-items: flex-start;
  background-color: var(--aunt-notice-bar-background-color);
  color: var(--aunt-notice-bar-color);
  font-size: var(--aunt-notice-bar-font-size);
}
.aunt-notice-bar--left {
  margin-right: var(--aunt-notice-bar-item-margin);
}
.aunt-notice-bar--right {
  margin-left: var(--aunt-notice-bar-item-margin);
}
.aunt-notice-bar__box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  word-break: break-all;
}
.aunt-notice-bar__box p {
  display: inline-block;
  transition-timing-function: linear;
}