.stories-container{margin:25px auto 0;max-width:1240px}.stories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:20px}.stories{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px}.story{min-width:320px;width:100%;min-height:660px}.story,.story img{object-fit:cover;display:flex;align-items:center;justify-content:center;object-position:center}.story,.story 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-info{position:absolute;top:10px;left:10px;display:flex;gap:5px;width:100%}.story-date-time,.story-username{padding:4px 10px;background-color:hsla(0,0%,100%,.8);color:#333}.story-date-time,.story-username{border-radius:5px;font-size:12px;font-weight:500;z-index:1}.story-username{background:linear-gradient(90deg,#ff5f7c,#feb47b);color:#fff;padding:5px 10px}.story-image,.story-video{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1500px){.stories{grid-template-columns:repeat(3,1fr)!important}}@media screen and (max-width:1124px){.stories{grid-template-columns:repeat(2,1fr)!important}}@media screen and (max-width:768px){.stories{display:flex;flex-direction:column;align-items:center}.story{width:100%;min-height:480px}.story-skeleton:not(:first-child){display:none}}@media screen and (max-width:375px){.stories{grid-template-columns:1fr;gap:10px}}