.notice>span{flex:none}
.notice p{flex:1;min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap}
.notice p .notice-track,.notice p .notice-copy{color:inherit;font:inherit}
.notice p .notice-track{display:inline-flex;align-items:center;gap:32px;width:max-content;vertical-align:middle}
.notice p .notice-copy{display:block;flex:none;white-space:nowrap}
.notice p:not(.is-marquee) .notice-copy[aria-hidden="true"]{display:none}
.notice p.is-marquee .notice-track{animation:notice-scroll var(--notice-duration,20s) linear infinite}
.notice p:hover .notice-track,.notice p:focus .notice-track{animation-play-state:paused}
@keyframes notice-scroll{from{transform:translateX(0)}to{transform:translateX(var(--notice-distance))}}
@media(prefers-reduced-motion:reduce){.notice p.is-marquee{overflow-x:auto}.notice p.is-marquee .notice-track{animation:none}.notice p .notice-copy[aria-hidden="true"]{display:none}}