.stories{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;max-width:1240px;margin:0 auto}.post{min-width:320px;border-radius:10px;background-color:#ececec}.mediaBox,.post{width:100%;position:relative;overflow:hidden}.mediaBox{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%;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;overflow:hidden;cursor:pointer;background-color:#f4f4f4;margin:0 auto}.story-skeleton{width:100%;max-height:480px;min-height:480px;border-radius:10px}.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}.post .mediaBox.mediaBox--video .story-video>div{width:100%;height:100%}.post .mediaBox.mediaBox--video video:-webkit-full-screen,.post .mediaBox.mediaBox--video video:fullscreen,video.preserve-fullscreen-ratio:-webkit-full-screen,video.preserve-fullscreen-ratio:fullscreen{width:100vw!important;height:100vh!important;max-width:100vw;max-height:100vh;object-fit:contain!important;object-position:center;background:#000}@media screen and (min-width:769px){.post .mediaBox .story-video>div{width:100%;height:100%}.post .mediaBox .story-video img{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;border-radius:0}.post img{object-fit:contain}.post .mediaBox{aspect-ratio:auto}.post .mediaBox.mediaBox--video{aspect-ratio:var(--mobile-ratio,var(--ratio,9/16))}.post .mediaBox .story-video.is-poster-loading{height:min(70svh,560px);background:#ececec}.post .mediaBox:has(.skeleton-loader) .story-video,.post .mediaBox:has(.skeleton-loader) .story-video>div{width:100%;height:100%;min-height:40vh;background:#ececec}.post .mediaBox:has(.skeleton-loader) .skeleton-loader{width:100%;height:100%}.story-skeleton:not(:first-child){display:none}}