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