.stories{display:flex;margin-bottom:5px;margin-left:calc(50% - 50vw);margin-top:12px;max-width:100vw;overflow:auto;padding:5px 0 0;scrollbar-width:none;white-space:nowrap;width:100vw}.stories::-webkit-scrollbar{background:0 0;width:0}@media(min-width:481px){.stories{display:none}}.stories .story{display:inline-block;margin:0 6px;max-width:90px;vertical-align:top;width:18vw}.stories .story.seen{opacity:.75}.stories .story.seen .story-thumb svg circle{stroke:#999}.stories .story.seen .story-ribbon{background:#999!important}.stories .story.seen .story-name{color:#999!important}.stories .story.visited{order:1}.stories .story-content{display:none}.stories .story-thumb{border-radius:50%;height:72px;padding:2px;position:relative;width:72px}.stories .story-thumb svg{left:-2px;position:absolute;top:-2px;stroke-dasharray:300;transition:all .8s ease-in-out;stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round}@keyframes loading{to{stroke-dasharray:10;transform:rotate(200deg)}}.stories .story-thumb img{border:3px solid #ecf0f1;border-radius:50%!important;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.stories .story-thumb.story-loading svg{animation:loading 4.5s ease-in-out infinite alternate}.stories .story-ribbon{border:2px solid #fff;border-radius:20px;bottom:-3px;color:#fff;font-size:11px;left:50%;padding:1px 6px;position:absolute;transform:translate(-50%)}.stories .story-name{color:#000;display:-webkit-box;font-size:12px;font-weight:500;line-height:1;margin-top:10px;text-align:center;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3.2em;overflow:hidden;text-overflow:ellipsis}h1{margin-top:5px}