/*!
 * Story Player Styles v3.0.0
 * Author: Amir Rezaie (https://amir-rezaie.ir)
 * License: MIT
 */
#stories-container{cursor:grab;user-select:none;-webkit-user-drag:none;scrollbar-width:none;-ms-overflow-style:none;gap:1rem;padding:1rem;display:flex;overflow-x:auto;scroll-snap-type:none!important}#stories-container img{-webkit-user-drag:none;user-select:none;pointer-events:none}#stories-container:active{cursor:grabbing}#stories-container::-webkit-scrollbar{height:5px;display:none}#stories-container:hover::-webkit-scrollbar{display:block}#stories-container::-webkit-scrollbar-track{background:0 0}#stories-container::-webkit-scrollbar-thumb{background:#10b981;border-radius:10px}.story{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.story-avatar{background:linear-gradient(45deg,#ff6b6b,#ff3838);border-radius:50%;width:100px;height:100px;padding:2px;transition:background .3s}.story-avatar.viewed{background:#ddd!important}.story-avatar img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:100%;height:100%}.story-username{color:#333;white-space:nowrap;margin-top:5px;font-size:12px}.story-modal{z-index:1000;background:#000000e6;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.progress-container{background:#ffffff4d;border-radius:2px;height:4px;position:absolute;top:10px;left:10px;right:10px}.progress-fill{background:#4caf50;border-radius:2px;width:0%;height:100%;transition:width linear}.story-content{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.media-container{align-items:center;width:100%;height:100%;display:flex;position:relative}.story-media{object-fit:contain;max-width:100%;max-height:90vh;display:none}.video-media{display:none}.nav-button{color:#fff;cursor:pointer;z-index:1001;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.prev-button{right:20px}.next-button{left:20px}.close-button{color:#fff;cursor:pointer;z-index:1001;text-align:center;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;position:absolute;top:20px;right:20px}.story-link{color:#fff;z-index:1002;background:#000000b3;border-radius:20px;padding:8px 16px;font-size:14px;text-decoration:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.story-media,.video-media{object-fit:contain;width:100%;height:90%;display:block}