.story-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.story-heading img{width:28px}.story-list .story-heading h2{color:var(--5-d-347-b, #5D347B);font-family:Jost;font-size:18px;font-weight:500;line-height:26px;text-transform:uppercase}.story-list .story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.story-grid .story-card{border-radius:10px;background:#9f80b926;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;transition:all .3s ease;min-height:78px;cursor:pointer}.story-grid .story-info h3{font-family:Gazpacho;font-size:14px;font-weight:700;line-height:20px}.story-grid .story-left{display:flex;align-items:center;gap:14px}.story-grid .story-left .play-icon{display:flex}.story-grid .story-card span.story-time{white-space:nowrap;font-family:Gazpacho;font-size:16px;font-weight:700;line-height:normal;opacity:.5}.story-grid .story-card.active span.story-time{opacity:1}.story-grid .story-card .story-play-button{border:0;cursor:pointer;padding:0}.story-grid .story-card .story-play-button:hover{background:transparent}.story-grid .story-card .story-play-button svg{width:18px;height:18px}.story-grid .story-card .story-pause-icon,.story-grid .story-card .story-loading,.story-grid .story-card .story-play-button.playing .story-play-icon{display:none}.story-grid .story-card .story-play-button.playing .story-pause-icon{display:block}.story-grid .story-card .story-play-button.loading .story-play-icon,.story-grid .story-card .story-play-button.loading .story-pause-icon{display:none}.story-grid .story-card.active{background:#5d347b;color:#fff}.story-grid .story-card.active path{fill:#fff}@media screen and (max-width:1199px){.story-list .story-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:899px){.story-list .story-grid{grid-template-columns:repeat(2,1fr);gap:10px}.story-grid .story-card{padding:11px;gap:10px}.story-grid .story-info h3,.story-grid .story-card span.story-time{font-size:12px}.story-list .story-heading h2{font-size:14px}.story-heading{margin-bottom:10px}.story-heading img{width:20px}}@media screen and (max-width:749px){.story-grid .story-card .story-play-button svg{width:10px;height:10px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/story-list.css.map */