.hh-line{background:var(--hh-line-bg, transparent);color:var(--hh-line-text, #320000);padding:0;border-top:1px solid rgba(50,0,0,.08);border-bottom:1px solid rgba(50,0,0,.08)}.hh-line__inner.page-width{max-width:1200px;margin:0 auto;padding:0 16px;min-height:60px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.hh-line__play{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--hh-line-accent, #EFAC07);background:transparent;color:var(--hh-line-accent, #EFAC07);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease,color .15s ease}.hh-line__play:hover,.hh-line__play.is-open{background:var(--hh-line-accent, #EFAC07);color:var(--hh-line-bg, #fff)}.hh-line__play-icon{margin-left:1px}.hh-line__cover{flex-shrink:0;width:22px;height:22px;border-radius:5px;object-fit:cover}.hh-line__fixed{flex-shrink:0;font-size:12px;font-weight:700;white-space:nowrap;display:flex;align-items:baseline;gap:4px}.hh-line__tagline{font-weight:400;opacity:.8;display:none;white-space:nowrap}.hh-line__sep{opacity:.5;margin-right:4px}.hh-line__marquee{flex:1 1 auto;min-width:0;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.hh-line__marquee-track{display:flex;align-items:baseline;gap:0;white-space:nowrap;width:max-content;animation:hh-line-scroll 22s linear infinite}.hh-line__marquee:hover .hh-line__marquee-track{animation-play-state:paused}.hh-line__marquee-item{flex-shrink:0;font-size:12px;font-style:italic;opacity:.85;padding-right:8px}.hh-line__dot{opacity:.5;margin-left:8px;font-style:normal}@keyframes hh-line-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hh-line__player{max-width:1200px;margin:12px auto 0;padding:0 16px 28px}.hh-line__player iframe{display:block;width:100%;height:152px;border:0;border-radius:8px}@media screen and (min-width:750px){.hh-line__tagline{display:inline}}@media screen and (max-width:480px){.hh-line__inner.page-width{gap:6px;padding:0 12px}.hh-line__marquee-item{font-size:10.5px}}@media(prefers-reduced-motion:reduce){.hh-line__marquee-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hh-playlist-line.css.map */
