*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}html,body{width:100%;height:100%;margin:0;padding:0}body{background-color:#000}#card{position:relative;width:100%;height:100px;background:#fff;border-radius:8px;overflow:hidden;z-index:1}.full_screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;display:none;z-index:9999;animation:fadeIn .5s ease-in-out}.close_btn{position:absolute;top:10px;right:10px;font-size:24px;color:#fff;cursor:pointer;z-index:10000}.time_line{height:2px;width:100%;position:absolute;top:20px;border-radius:5px;background-color:#fff;animation:timeline 3s linear forwards}@keyframes timeline{0%{width:0}100%{width:100%}}.story_title{position:absolute;bottom:100px;left:0;width:100%;text-align:left;color:#fff;font-size:18px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8);padding:5px 10px;letter-spacing:0;box-sizing:border-box;cursor:pointer}.stories{height:83%;width:100%;border-bottom:1px solid #f8f8f8;white-space:nowrap;overflow-x:auto;overflow-y:hidden;z-index:2}.stories::-webkit-scrollbar{display:none}.story{border:3px solid #ffb6c1;height:80px;width:80px;border-radius:50%;overflow:hidden;display:inline-block;margin-right:5px}.story img{width:100%;height:100%;object-fit:cover;object-position:center}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.full_screen-active{display:block !important;z-index:1 !important}.full_screen-inactive{display:none !important;z-index:1 !important}