.scrolling-notice{display:flex;align-items:center;gap:12px;min-width:0;box-sizing:border-box;line-height:24px;font-size:13px}.notice-symbol{flex:none;display:flex;align-items:center;justify-content:center;color:var(--notice-color);max-width:90px}.notice-symbol>svg,.notice-symbol>img{width:28px;height:28px;object-fit:contain}.notice-badge{position:relative;display:block;line-height:21px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--notice-color);color:white;padding:0 4px;border-radius:2px}.notice-badge.shop{border:1px solid var(--notice-color);box-shadow:inset 0 -2px white;padding-bottom:2px}.notice-badge.shop:before{content:"";position:absolute;left:35%;top:-5px;width:25%;height:6px;border-top:1px solid var(--notice-color);transform:rotate(-12deg)}.notice-badge.slant{clip-path:polygon(0 0,100% 0,92% 100%,0 100%);padding-right:10px}.notice-custom-placeholder{font-size:10px;border:1px dashed currentColor}.notice-viewport{min-width:0;flex:1;overflow:hidden;height:26px;position:relative}.notice-track{height:26px}.notice-item{color:inherit;text-decoration:none;font-size:13px;line-height:26px;white-space:nowrap}.notice-item[hidden]{display:none}.vertical .notice-item{position:absolute;inset:0;overflow:hidden;text-overflow:ellipsis}.notice-track.marquee{display:flex;width:max-content;min-width:200%;animation:notice-marquee var(--notice-duration) linear infinite}.notice-group{display:flex;gap:32px;padding-right:32px;min-width:50%;box-sizing:border-box;flex:none;align-items:center}.scrolling-notice[data-notice-direction=right] .marquee{animation-direction:reverse}.scrolling-notice:hover .marquee,.scrolling-notice:focus-within .marquee{animation-play-state:paused}@keyframes notice-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.notice-track.marquee{animation:none}}