.stories-carousel{width:100%;padding-top:1rem;padding-bottom:1rem}.stories-carousel .stories-wrapper{display:flex;align-items:center;justify-content:space-between}.stories-carousel .stories-wrapper .stories-nav{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.stories-carousel .stories-wrapper .stories-nav:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.stories-carousel .stories-wrapper .stories-nav{border:1px solid rgba(0,0,0,.1)}.stories-carousel .stories-wrapper .stories-nav:hover{background:linear-gradient(45deg,#fa2024,#01f);color:#fff}.stories-carousel .stories-wrapper .stories-nav.stories-nav--prev{margin-right:.5rem}.stories-carousel .stories-wrapper .stories-nav.stories-nav--next{margin-left:.5rem}.stories-carousel .stories-container{display:flex;flex:1 1 0%;justify-content:center;gap:1rem;transition:all .3s ease-in-out}.stories-carousel .stories-container .story-item{display:flex;flex-shrink:0;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;min-width:70px}.stories-carousel .stories-container .story-item:hover{transform:scale(1.05);transition:transform .2s ease-in-out}.stories-carousel .stories-container .story-item .story-avatar{position:relative;border-radius:9999px;padding:.125rem;width:70px;height:70px;background:linear-gradient(45deg,#e5e7eb,#9ca3af)}.stories-carousel .stories-container .story-item .story-avatar img{height:100%;width:100%;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));-o-object-fit:cover;object-fit:cover}.stories-carousel .stories-container .story-item .story-avatar img:is(.dark *){--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.stories-carousel .stories-container .story-item.story-item--new .story-avatar{background:linear-gradient(45deg,#fa2024,#01f);animation:pulse-gradient 2s ease-in-out infinite alternate}.stories-carousel .stories-container .story-item.story-item--viewed .story-avatar{background:linear-gradient(45deg,#d1d5db,#9ca3af);opacity:.7}.stories-carousel .stories-pagination{margin-top:1rem;display:flex;justify-content:center;gap:.5rem}.stories-carousel .stories-pagination .pagination-dot{height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.stories-carousel .stories-pagination .pagination-dot.pagination-dot--active{background:linear-gradient(45deg,#fa2024,#01f);transform:scale(1.2)}.stories-carousel .stories-pagination .pagination-dot:hover:not(.pagination-dot--active){--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}@keyframes pulse-gradient{0%{background:linear-gradient(45deg,#fa2024,#01f)}50%{background:linear-gradient(45deg,#ff4060,#34f)}to{background:linear-gradient(45deg,#fa2024,#01f)}}@media(max-width:640px){.stories-carousel .stories-wrapper .stories-nav{height:2rem;width:2rem}.stories-carousel .stories-wrapper .stories-nav svg{width:16px;height:16px}.stories-carousel .stories-container{gap:.75rem}.stories-carousel .stories-container .story-item{min-width:60px}.stories-carousel .stories-container .story-item .story-avatar{width:60px;height:60px}}