.story-ring{position:relative;width:78px;height:78px;display:flex;align-items:center;justify-content:center}.story-ring:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:9999px;background:conic-gradient(from 0deg,#f43f5e,#f59e0b,#10b981,#3b82f6,#f43f5e 360deg);animation:spin-ring 3s linear infinite;z-index:0}.story-ring>div{position:relative;z-index:1;width:72px;height:72px;border-radius:9999px;background-color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.story-ring img{padding:2px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:9999px}#story-wrapper{display:flex;align-items:center;justify-content:center;padding-top:0!important;padding-bottom:0!important}.story-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.swiper-slide{height:100%;display:flex;align-items:center;justify-content:center}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popSuccess{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}