@keyframes m-skeleton-animation { from { transform: translateX(-100%); } to { transform: translateX(100%); }}.m-skeleton { width: 100%;}.m-skeleton__content { padding: 16px;}.m-skeleton__card { position: relative; overflow: hidden; width: 100%; height: 160px; background-color: rgba(0, 0, 0, 0.12); margin-bottom: 16px; border-radius: 0px; transition: background-color 0.25s;}.m-skeleton__article { display: flex; width: 100%;}.m-skeleton__avatar { position: relative; overflow: hidden; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.12); margin-right: 16px; transition: 0.25s background-color;}.m-skeleton__section { width: 100%; padding-top: 8px;}.m-skeleton__title { position: relative; overflow: hidden; width: 50%; height: 12px; background-color: rgba(0, 0, 0, 0.12); border-radius: 0px; transition: 0.25s background-color;}.m-skeleton__row { position: relative; overflow: hidden; width: 100%; height: 12px; background-color: rgba(0, 0, 0, 0.12); margin-top: 12px; border-radius: 0px; transition: 0.25s background-color;}.m-skeleton__fullscreen { position: fixed; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.12); transition: 0.25s background-color;}.m-skeleton--animation::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; animation: m-skeleton-animation 1s infinite; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0)); transition: 0.25s background-color;}