.hn-reels{margin:10px 0;padding:10px}.hn-reels__heading{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--hn-reel-caption, #000)}.hn-reels__row{display:flex;gap:var(--hn-reel-gap, 20px);margin:0;padding:6px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-padding:0 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hn-reels__row::-webkit-scrollbar{display:none}.hn-reels__item{flex:0 0 auto}.hn-reel{display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--hn-reel-size, 100px);padding:0;background:none;border:0;cursor:pointer;font:inherit;color:var(--hn-reel-caption, #000)}.hn-reel__disc{position:relative;display:block;width:var(--hn-reel-size, 100px);height:var(--hn-reel-size, 100px);border-radius:50%;overflow:hidden;background:#e6e4eb;box-shadow:0 0 0 2px var(--hn-reel-ring, #000)}.hn-reel__still,.hn-reel__loop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.hn-reel__loop{opacity:0;transition:opacity .25s ease}.hn-reel__loop[data-playing]{opacity:1}.hn-reel__caption{font-size:15px;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}@media(max-width:767px){.hn-reels{padding:5px 0;margin:5px 0}.hn-reels__row{gap:var(--hn-reel-gap-sm, 10px);padding:6px 10px}.hn-reel,.hn-reel__disc{width:var(--hn-reel-size-sm, 96px)}.hn-reel__disc{height:var(--hn-reel-size-sm, 96px)}.hn-reel__caption{font-size:14px}}@media(prefers-reduced-motion:reduce){.hn-reel__loop{display:none}}.hn-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;background:#000;height:100dvh}.hn-player[data-open]{display:block}.hn-player__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hn-player__video{max-width:100%;max-height:100dvh;width:auto;height:100%;object-fit:contain;background:#000}.hn-player__progress{position:absolute;top:0;left:0;right:0;display:flex;gap:3px;padding:10px 12px 0;z-index:3}.hn-player__tick{flex:1 1 0;height:3px;border-radius:2px;background:#ffffff59;overflow:hidden}.hn-player__tick>i{display:block;height:100%;width:0;background:#fff}.hn-player__close,.hn-player__mute{position:absolute;top:22px;z-index:4;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;font-size:20px;line-height:1}.hn-player__close{right:12px}.hn-player__mute{left:12px}.hn-player__close,.hn-player__mute,.hn-player__nav{padding:0;min-width:0;box-sizing:border-box}.hn-player__close svg,.hn-player__mute svg{flex:0 0 auto;display:block;width:20px;height:20px}.hn-player__nav svg{flex:0 0 auto;display:block;width:22px;height:22px}.hn-player__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;display:none;align-items:center;justify-content:center;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;font-size:22px}.hn-player__nav[hidden]{display:none!important}.hn-player__nav--prev{left:12px}.hn-player__nav--next{right:12px}@media(min-width:768px){.hn-player__nav{display:flex}}.hn-player__caption{position:absolute;left:0;right:0;bottom:96px;z-index:3;padding:0 16px;color:#fff;font-size:18px;font-weight:700;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.6);pointer-events:none}.hn-player__card{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hn-reel-card{display:flex;align-items:center;gap:10px;max-width:620px;margin:0 auto}.hn-reel-card__media img{width:44px;height:44px;object-fit:cover;border-radius:8px;background:#fff}.hn-reel-card__text{flex:1 1 auto;min-width:0}.hn-reel-card__title{display:block;color:#fff;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hn-reel-card__price{margin:2px 0 0;color:#fff;font-size:14px}.hn-reel-card__price s{opacity:.6;margin-right:6px}.hn-reel-card__cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:0;border-radius:6px;background:#fed716;color:#000;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.hn-reel-card__cta--muted{background:#fff3;color:#fff;cursor:default}body.hn-player-open #ntheader,body.hn-player-open #epb_background,body.hn-player-open .hn-promo__fixed{z-index:1!important}body.hn-player-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/88/assets/hn-story-rail.css.map */