.stories-wrapper{width:100%;overflow-x:auto;padding:0;-webkit-overflow-scrolling:touch}.stories-container{display:flex;flex-wrap:nowrap;gap:.5rem}.stories-container::-webkit-scrollbar{display:none}.stories-container{-ms-overflow-style:none;scrollbar-width:none}.stories-container.dragging{cursor:grabbing}.story-circle{flex:0 0 auto;width:15vw;max-width:70px;height:15vw;max-height:70px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:3px solid transparent;transition:border-color .3s ease;cursor:pointer}.story-circle.active{border-color:#e1306c}.story-circle img{width:100%;height:100%;object-fit:cover}.story-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.story-modal.show{opacity:1;visibility:visible}.story-content-wrapper{position:relative;width:90%;max-width:400px;height:90%;max-height:700px;background-color:#000;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;cursor:grab}.story-media{width:100%;height:100%;object-fit:contain;background-color:#000;transition:opacity .2s ease-in-out}.story-info{position:absolute;top:0;left:0;width:100%;padding:10px;background:linear-gradient(to bottom,#000000b3,#0000);color:#fff;display:flex;align-items:center;gap:10px;z-index:5}.story-info img{width:30px;height:30px;border-radius:50%;object-fit:cover}.story-info span{font-weight:700}.story-text-bottom{padding:15px;color:#fff;background-color:#00000080;position:absolute;bottom:0;width:100%;box-sizing:border-box;z-index:5;text-align:right;direction:rtl}.story-text-centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;height:auto;background-color:transparent;font-size:1.25rem;line-height:1.6;color:#fff;direction:rtl}.timeline-container{position:absolute;top:0;left:0;width:100%;height:5px;background-color:#ffffff4d;z-index:15;border-top-left-radius:15px;border-top-right-radius:15px;overflow:hidden;display:flex;gap:2px;padding:0 4px}.timeline-segment{flex-grow:1;height:100%;background-color:#323232b3;border-radius:2px;overflow:hidden}.timeline-progress{height:100%;width:0%;background-color:#e1306c;transition:width linear}.story-name{text-align:center;font-size:.75rem;width:4rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.125rem;height:2.25rem;direction:rtl}@media (max-width: 768px){.story-circle{width:20vw;height:20vw;max-width:70px;max-height:70px}.stories-container{gap:.4rem}}