.stories{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background:linear-gradient(358deg,#a80279,#5b0040 90%)}.stories .stories-container{position:relative;overflow:hidden;background:linear-gradient(358deg,#a80279,#5b0040 90%);width:432px;height:768px;border-radius:.625rem}.stories .stories-container .story-topbar{position:absolute;top:8px;left:12px;right:12px;z-index:20;display:flex;align-items:center;gap:10px}.stories .stories-container .story-topbar .story-progress{display:flex;gap:4px;flex:1}.stories .stories-container .story-topbar .story-progress .progress-bar{flex:1;height:3px;background:#ffffff59;border-radius:2px;cursor:pointer}.stories .stories-container .story-topbar .story-progress .progress-bar.active:after{content:"";display:block;height:100%;background:#fff;animation:fill 6s linear forwards}.stories .stories-container .story-topbar .story-progress .progress-bar.done{background:#fff}@keyframes fill{0%{width:0}to{width:100%}}.stories .stories-container .story-logo{display:flex;align-items:center;background-color:#ffffff80;color:#373737;padding:.125rem .325rem .125rem .125rem;border-radius:.325rem;width:5.25rem;position:absolute;z-index:12;top:15px;left:12px}.stories .stories-container .story-logo img{height:28px}.stories .stories-container .story-logo .logo-name{font-weight:600;font-size:1.25rem}.stories .stories-container .swiper-horizontal{height:100%}.stories .stories-container .story-click-left,.stories .stories-container .story-click-right{position:absolute;top:0;bottom:0;width:50%;z-index:10}.stories .stories-container .story-click-left{left:0}.stories .stories-container .story-click-right{right:0}.stories .stories-container .story-slide{position:relative;width:100%;height:100%}.stories .stories-container .story-slide .story-bg{position:absolute;inset:0;background-size:cover;background-position:center}.stories .stories-container .story-slide .story-overlay{position:absolute;bottom:0;width:100%;padding:1rem;background-color:#ffffffc4;border-radius:1.5rem 1.5rem 0 0}.stories .stories-container .story-slide .story-overlay h5{color:#373737;font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.stories .stories-container .story-slide .story-overlay p{color:#373737;font-size:1rem;line-height:1.35rem;margin:0}.stories .stories-container .story-slide .zoom-animation{animation:zoomIn 6s ease-in-out}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.1)}}.stories .stories-container .mute-btn,.stories .stories-container .share-btn{position:absolute;top:15px;z-index:20;border:none;border-radius:8px;background:#000000b3;color:#fff;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.stories .stories-container .mute-btn{right:52px}.stories .stories-container .share-btn{right:12px}.stories .stories-container .story-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;font-weight:600;background:#00000040}.stories .stories-container .story-static{width:100%;height:100%;position:relative}@media(max-width:991px){.stories .stories-container{width:100%;height:100dvh;border-radius:0}}