.storio-stories-placeholder {
display: flex;
flex-direction: row;
gap: 20px;
margin-bottom: 35px;
}
@keyframes loading {
0% { background-position: -150px 0; }
100% { background-position: 150px 0; }
}
.storio-story-placeholder {
display: flex;
flex-direction: column;
gap: 15px;
}
.storio-content-loader {
display: block;
height: 100%;
width: 100%;
background: linear-gradient(90deg, #fff 25%, #f5f5f5 50%, #eee 75%);
background-size: 200% 100%;
animation: loading 1.5s infinite;
border-radius: 4px;
}
.storio-story-placeholder .storio-avatar-placeholder {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #fff;
}
.storio-story-placeholder .storio-username-placeholder {
height: 16px;
background-color: #fff;
border-radius: 8px;
}
