#track{display:flex;transition:none}.slider{position:relative;width:100%;max-width:90vw;overflow:hidden;cursor:grab;white-space:nowrap;margin:0 auto}.slider:active{cursor:grabbing;transition:all .4s ease;opacity:1;transform:scale(0.9)}.slider:hover .slider-track{animation-play-state:paused;transition:all .4s ease}.slider .story{min-height:400px;min-width:300px;flex-direction:column;transition:all .4s ease;align-items:center;justify-content:center;position:relative;border-radius:20px;display:flex;align-items:center;justify-content:flex-end}.slider .story.active img{transition:all .4s ease;opacity:1;transform:scale(1)}.slider .story.active::after,.slider .story:hover::after{content:"";position:absolute;bottom:0;width:100%;height:50%;border-radius:20px;background:linear-gradient(0deg, #000000 16.8%, rgba(102, 102, 102, 0) 82.8%);z-index:1}.slider .story .story-title{color:#fff;font-size:18px;font-style:normal;font-weight:700;margin-bottom:30px;text-align:center;text-wrap:wrap;padding:0 20px;z-index:2}.slider img{position:absolute;inset:0;width:100%;height:100%;border-radius:20px;transition:all .4s ease;opacity:.2;object-fit:cover;transform:scale(0.9)}.slider img:hover{transform:scale(1);opacity:1;transition:all .4s ease}.slider-track{display:flex;gap:10px;min-height:400px;padding:20px 0;will-change:transform;transition:all .4s ease}@media(max-width: 768px){.hts-slider .story{max-width:150px}}