:root{--theme-light-10:rgb(255 255 255 / 10%);--theme-light-20:rgb(255 255 255 / 20%);--theme-light-30:rgb(255 255 255 /30%)}.bg-gradient-story{background:linear-gradient(to right,#833ab4,#fd1d1d,#fcb045)}.progress{flex:1;height:3px;background:var(--theme-light-30);border-radius:4px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(to right,#833ab4,#fd1d1d,#fcb045);transition:width linear}.progressContainer{pointer-events:none}@-webkit-keyframes spin-slow{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin-slow{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin-slow{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.animate-spin-slow{-webkit-animation:3s linear infinite spin-slow;-moz-animation:3s linear infinite spin-slow;-o-animation:3s linear infinite spin-slow;animation:3s linear infinite spin-slow}.close-modal-overlay{background:rgba(0,0,0,.8)}.closeModal,.fullscreen-button,.next-story,.prev-story,.story-link,.video_control_range{background-color:var(--theme-light-10)}.closeModal:hover,.fullscreen-button:hover,.next-story:hover,.prev-story:hover,.story-link:hover{background-color:var(--theme-light-20)}.video-details-content{background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)}.story-video-wrapper video{width:100%;height:100%;display:block}.story-video-wrapper.horizontal{aspect-ratio:16/9}.story-video-wrapper.vertical{aspect-ratio:9/16}