.hx-reels__head{margin-bottom:0;align-items:flex-end}.hx-reels__nav{display:none;gap:8px}.hx-reels__arrow{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--hx-text);background:transparent;color:var(--hx-text);cursor:pointer;padding:0}.hx-reels__arrow:hover{background:var(--hx-text);color:var(--hx-bg)}.hx-reels__arrow[disabled]{opacity:.3;pointer-events:none}.hx-reels__rail{display:flex;gap:12px;list-style:none;margin:20px -20px 0;padding:0 20px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-padding:0 20px}.hx-reels__rail::-webkit-scrollbar{display:none}.hx-reels__item{flex:0 0 68%;margin:0;scroll-snap-align:start}.hx-reels__card{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#0b0b0b;color:#fff}.hx-reels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hx-reels__sound{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;background:var(--hx-bg);color:var(--hx-text);cursor:pointer}.hx-reels__sound .is-on{display:none}.hx-reels__card.is-sound .hx-reels__sound .is-on{display:block}.hx-reels__card.is-sound .hx-reels__sound .is-off{display:none}.hx-reels__info{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff!important;text-decoration:none}.hx-reels__title{font-weight:800;font-size:15px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.5)}.hx-reels__cta{flex:0 0 auto;padding:8px 12px;background:var(--hx-accent);color:var(--hx-on-accent, #0b0b0b);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}@media(min-width:750px){.hx-reels__nav{display:flex}.hx-reels__rail{gap:16px;margin:20px 0 0;padding:0 0 4px;scroll-padding:0}.hx-reels__item{flex-basis:calc((100% - 48px)/3.2)}}@media(min-width:1100px){.hx-reels__item{flex-basis:calc((100% - 64px) / 4.2)}}.hx-reels__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:opacity .3s ease}.hx-reels__card.is-ready .hx-reels__poster{opacity:0}.hx-sec.hx-reels{padding-top:0;padding-bottom:16px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hx-reels.css.map */