.stories{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;max-width:1240px;margin:0 auto}.post{border-radius:16px}.mediaBox,.post{position:relative;overflow:hidden}.mediaBox{width:100%;aspect-ratio:var(--ratio,9/16)}.mediaBox .media,.mediaBox .media img,.mediaBox .media video,.mediaBox img,.mediaBox video{width:100%;height:100%;object-fit:cover;display:block}.post .mediaBox{position:relative;width:100%;border-radius:20px;overflow:hidden;background:#000;object-fit:cover}.post .mediaBox>img,.post .mediaBox>video{width:100%;height:100%;display:block}.post img{object-fit:cover;display:flex;align-items:center;justify-content:center;object-position:center}.post img,.story-skeleton{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;background-color:#f4f4f4;margin:0 auto}.story-skeleton{width:100%;max-height:480px;min-height:480px}.story-type-badge{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:5px;background-color:snow;color:#333;font-size:14px;font-weight:600}.story-image,.story-video{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1300px){.stories{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:986px){.stories{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.stories{display:flex;flex-direction:column;align-items:center}.post{min-height:100%;max-height:100%;margin:0;padding:0;object-fit:cover}.post img{object-fit:contain}.story-skeleton:not(:first-child){display:none}}