.story{user-select:none;width:100%;margin:-90px 0 120px;overflow:hidden}.story .swiper-wrapper{width:100%}.story__item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:9px;width:90px;transition:all .3s ease-in-out;display:flex}.story__item--ring{aspect-ratio:1;border-radius:50%;padding:6px;position:relative;overflow:hidden}.story__item--ring:before{content:"";outline-offset:-7px;background:linear-gradient(97.09deg,#2563eb -11.29%,#618def 30.45%,#00a3de 81.06% 115.29%);border-radius:50%;outline:4px solid #fff;width:100%;height:100%;transition:all 1s;position:absolute;top:0;right:0}.story__item.loader .story__item--ring:before{animation:2s linear infinite storyLoader}@keyframes storyLoader{0%{background:repeating-conic-gradient(#618def 0deg 5%,#0000 0deg 7%);transform:rotate(0)}to{background:repeating-conic-gradient(#618def 0deg 5%,#0000 0deg 7%);transform:rotate(360deg)}}.story__item--img{object-fit:cover;z-index:1;border-radius:50%;width:62px;height:62px;position:relative}.story__item--title{text-align:center;text-overflow:ellipsis;text-wrap:nowrap;max-width:110%;font-size:14px;overflow:hidden}.story_modal{z-index:20;background:#1e1e1eba;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;right:0}.story_modal.close{opacity:0;visibility:hidden;pointer-events:none}.story_modal__holder{justify-content:center;align-items:center;width:80%;height:100%;display:flex;overflow:hidden}.story_modal__main{width:100%;height:80%}.story_modal__main--slide{width:100%;height:100%}.close .story_modal__main--slide{pointer-events:none}.story_modal__stage{width:100%;height:100%}.story_modal__stage .swiper-wrapper{height:100%}.story_modal__item{aspect-ratio:9/16;border-radius:24px;width:100%;height:100%;overflow:hidden}.story_modal__item video{aspect-ratio:9/16;pointer-events:none;background:#2b2b2b;width:100%;height:auto}.story_modal__item--img{object-fit:cover;width:100%;height:100%}.story_modal__close{cursor:pointer;transition:all .3s;position:absolute;top:50px;right:50px}.story_modal__close:hover{transform:scale(1.1)}.story_modal .swiper-button-next,.story_modal .swiper-button-prev{color:#fff;background:#d9d9d98f;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.story_modal .swiper-button-next:after,.story_modal .swiper-button-prev:after{font-size:14px}.story_modal .swiper-pagination{display:block}.story_modal__progress{gap:6px;width:calc(100% - 40px);display:flex;position:absolute;top:-20px;right:20px}.story_modal__progress-item{background:#ffffff4d;border-radius:10px;flex:1;height:3px;position:relative;overflow:hidden}.story_modal__progress-item:after{content:"";border-radius:inherit;background:#fff;width:0;position:absolute;inset:0}.story_modal__progress-item.is-completed:after{width:100%}.story_modal__progress-item.is-active:after{width:var(--progress,0%)}@media (width<=1280px){.story_modal__stage{max-width:100%;max-height:100%}}@media (width<=768px){.story_modal__close{display:none}.story_modal__holder,.story_modal__stage,.story_modal__main{width:100%;height:100%}.story_modal{background:#fff;padding:0}.story_modal.close{transform:translateY(100%)}.story_modal__item{border-radius:0}.story__item{width:70px}.story{margin:20px 0}.story__item--ring{outline-offset:-4px;outline:2px solid #fff;padding:4px}.story_modal__progress{z-index:1;background:linear-gradient(#000,#0000);justify-content:center;align-items:center;width:100%;height:20px;padding:12px;top:0;right:0}.story__item--title{font-size:11px}.story_modal__item--img{object-fit:contain}}@media (width>=768px){.story_modal__stage{position:relative}.story_modal__nav:after{content:"";border-top:2px solid #fff;border-bottom:0 #fff;border-left:0 #fff;border-right:2px solid #fff;width:10px;height:10px;margin-right:4px;display:block;rotate:45deg}.story_modal__nav.story_modal__nav--prev:after{margin-left:4px;margin-right:0;rotate:225deg}.story_modal__nav{z-index:10;cursor:pointer;background:gray;border:0;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:48%;bottom:0}.story_modal__nav--next{right:0}.story_modal__nav--prev{left:0}}