.slider-wrapper{position:relative;max-width:100%;margin:0px auto}.slider-container{scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;display:flex;padding:10px 0;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.slider-container::-webkit-scrollbar{display:none}.slider-item{scroll-snap-align:start;flex-shrink:0;background:0 0;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:5px}.slider-item:first-child{margin-left:0}.slider-item:last-child{margin-right:0}.story-avatar-wrapper{width:90px;height:90px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:5px;background-image:linear-gradient(to bottom right,#ffdc80,#fcaf45,#fbad50,#e95950,#bc2a8d,#833ab4,#405de6);padding:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.story-avatar-wrapper img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;background-color:#fff}.story-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}.story-text{font-size:.825em;color:#333;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:2px}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.2);color:#fff;border:none;padding:10px 15px;cursor:pointer;z-index:3;font-size:1.5em;border-radius:50%;transition:background .2s;line-height:1;user-select:none;display:none}.nav-arrow:hover{background:rgba(0,0,0,.3)}.nav-arrow:disabled{opacity:.1;cursor:not-allowed}#prev-arrow{left:-20px}#next-arrow{right:-20px}@media (max-width:576px){.slider-item{width:23vw;margin-right:2vw}}@media (min-width:576px) and (max-width:768px){.slider-item{width:18.5vw;margin-right:1.5vw}}@media (min-width:768px) and (max-width:992px){.slider-item{width:15vw;margin-right:1.66vw}}@media (min-width:992px) and (max-width:1200px){.nav-arrow{display:block}.slider-item{width:11.25vw;margin-right:1.25vw}.story-avatar-wrapper{width:100px;height:100px}}@media (min-width:992px){.nav-arrow{display:block}}@media (min-width:1200px) and (max-width:1600px){.slider-item{width:10vw;margin-right:1.11vw}.story-avatar-wrapper{width:110px;height:110px}}@media (min-width:1600px){.slider-item{width:6vw;margin-right:1vw}.story-avatar-wrapper{width:100px;height:100px}}