.story-preview{cursor:pointer}.story-preview.viewed .story-preview-frame{border-color:#bdc5d6}.story-preview .story-preview-frame{border:3px solid #2458d3;border-radius:50%;height:100px;overflow:hidden;padding:3px;width:100px}.story-preview .story-preview-frame img{border-radius:50%;height:100%;width:100%}.story-preview .story-preview-label{color:#202124;display:block;font-size:14px;font-weight:700;margin-top:10px;text-align:center}.story-preview.story-preview--card{border:none;border-radius:18px;padding:0;position:relative}.story-preview.story-preview--card .story-preview-frame{border:none;border-radius:18px;height:250px;padding:0;width:180px}.story-preview.story-preview--card .story-preview-frame img{border-radius:18px}.story-preview.story-preview--card .story-preview-label{background:linear-gradient(#0000,#00000080 52.5%,#000c);border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:0;color:#fff;display:block;padding:15px;position:absolute;text-align:center;width:100%}.story-progress-bar{background:#ffffff80;border-radius:100px;height:4px;overflow:hidden;width:100%}.story-progress-bar .story-progress-bar-inner{animation-timing-function:linear;background:#fff;height:100%}.story-progress-bar .story-progress-bar-inner.isActive{animation-fill-mode:forwards}@-moz-keyframes animateWidth{0%{width:0}to{width:100%}}@-webkit-keyframes animateWidth{0%{width:0}to{width:100%}}@-o-keyframes animateWidth{0%{width:0}to{width:100%}}@keyframes animateWidth{0%{width:0}to{width:100%}}.story-progress{gap:5px;margin:12px}.story-progress,.story-video{align-items:center;display:flex}.story-video{height:100%;width:100%}.story-video .story-video-player{max-height:100%;max-width:100%;object-fit:cover;width:100%}.story-video .story-loader-wrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.story-video .story-loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#a5b0b7;height:40px;width:40px}.story-video .sound-wrapper{background:#0000;border:none;cursor:pointer;padding:0;position:absolute;right:25px;top:30px;z-index:11}.story-video .sound-wrapper .icon{color:#fff}@-moz-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-o-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.story-actions{background:#0000;display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.story-actions .story-actions-button{background:#0000;border:none;color:#0000;cursor:default;font-size:0;padding:0;width:50%}.story-see-more{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0 auto;width:fit-content}.story-see-more .icon{animation:animateArrow 1s linear infinite backwards;color:#fff;position:relative;width:20px}.story-see-more span{color:#fff;font-size:14px;font-weight:700}@-moz-keyframes animateArrow{0%{top:0}to{top:-5px}}@-webkit-keyframes animateArrow{0%{top:0}to{top:-5px}}@-o-keyframes animateArrow{0%{top:0}to{top:-5px}}@keyframes animateArrow{0%{top:0}to{top:-5px}}.story{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:15px 0;position:fixed;top:0;width:100%;z-index:100}@media (max-width:500px){.story{padding:0}}.story .story-wrapper{height:100%;max-height:calc(100% - 80px);position:relative;width:470px}@media (max-width:500px){.story .story-wrapper{max-height:none}}.story .story-frame{background:#515151;border-radius:18px;height:100%;overflow:hidden;width:100%}@media (max-width:500px){.story .story-frame{border-radius:0}}.story .story-frame img{height:100%;object-fit:contain;width:100%}.story .story-top-container{background:linear-gradient(#0006,#0000001a 52.5%,#0000);border-top-left-radius:8px;border-top-right-radius:8px;left:0;min-height:100px;position:absolute;top:0;width:100%}.story .story-more{background:linear-gradient(#0000,#00000080 52.5%,#000c);border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:0;left:0;padding:15px 0;position:absolute;width:100%;z-index:10}.stories-list .arrow-carousel__container{gap:15px}@media (max-width:500px){.stories-list .arrow-control{display:none!important}}