/* Cosmetics — notification marquee. Non-sticky; sits in normal flow at top of body. */
.cosmetics-bar{
  position:relative;
  width:100%;
  background:var(--cosmetics-bar-bg,#2b2320);
  color:var(--cosmetics-bar-text,#fdf6f2);
  font-family:inherit;
  line-height:1.3;
  overflow:hidden;
}
.cosmetics-bar__link{color:inherit;text-decoration:none;display:block;}
.cosmetics-bar__viewport{overflow:hidden;}
.cosmetics-bar__track{display:flex;width:max-content;animation:cosmetics-bar-scroll var(--cosmetics-bar-dur,30s) linear infinite;}
.cosmetics-bar:hover .cosmetics-bar__track{animation-play-state:paused;}
.cosmetics-bar__group{display:flex;align-items:center;flex:0 0 auto;padding:9px 0;}
.cosmetics-bar__msg{padding:0 14px;font-size:13.5px;letter-spacing:.04em;white-space:nowrap;}
.cosmetics-bar__sep{opacity:.4;}
.cosmetics-bar__code{
  display:inline-block;
  border:1px solid var(--cosmetics-bar-chip,#caa56b);
  color:var(--cosmetics-bar-chip,#caa56b);
  border-radius:30px;
  padding:1px 12px;
  margin:0 4px;
  font-weight:700;
  letter-spacing:.1em;
  white-space:nowrap;
}
.cosmetics-bar[data-clickcode="1"] .cosmetics-bar__code{cursor:pointer;}
.cosmetics-bar__code.is-copied{background:var(--cosmetics-bar-chip,#caa56b);color:var(--cosmetics-bar-bg,#2b2320);}
.cosmetics-bar__close{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:inherit;font-size:20px;line-height:1;
  cursor:pointer;opacity:.55;padding:4px 8px;
}
.cosmetics-bar__close:hover{opacity:1;}
@keyframes cosmetics-bar-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){
  .cosmetics-bar__track{animation:none;transform:none;width:100%;justify-content:center;}
  .cosmetics-bar__group[aria-hidden="true"]{display:none;}
}