.story-container{border:.5px solid #2763ff;border-radius:14px;width:100%;max-width:420px;height:70vh;margin:auto;position:relative;overflow:hidden;box-shadow:0 4px 8px #676666bf}.story-container.hero{border:.5px solid #2763ff;border-radius:14px;justify-content:center;align-items:center;width:70%;max-width:420px;height:65vh;margin:auto;display:flex;overflow:hidden;box-shadow:0 4px 8px #676666bf}.story-container.hero .story-image,.story-container.hero .story-video,.story-image,.story-video{object-fit:cover;width:100%;height:100%}.story-progress{gap:5px;width:100%;padding:0 10px;display:flex;position:absolute;top:10px}.progress-track{background:#fff6;border-radius:10px;flex:1;height:3px;overflow:hidden}.progress-bar{background:#fff;width:0%;height:100%}.story-nav{cursor:pointer;width:50%;height:100%;position:absolute;top:0}.story-nav.left{left:0}.story-nav.right{right:0}.story_small_boxs{border-radius:4px;gap:1px;width:100%;height:50px;margin:4px auto 0;display:flex}.story_small_boxs.hero{border-radius:4px;gap:1px;width:70%;height:50px;margin:4px auto 0;display:none}.story_small_box{z-index:-10;background:#000;border-radius:4px;width:25%;height:100%;overflow:hidden}.story_small_thumb{object-fit:cover;width:100%;height:100%}@media (max-width:500px){.story-container{height:auto}.story-container.hero{width:100%;height:auto;box-shadow:none;border:0 solid #2763ff;border-radius:0;margin:auto;display:none;overflow:hidden}}