.stories-hero{background-color:#00201f;color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-content:center;align-items:stretch;padding:20px 50px;text-align:center}.stories-hero h2{font-size:2rem;color:#14b8a6;width:100%;grid-column:1 / -1}.story-item{background-color:#034750;border-radius:10px;box-shadow:0 4px 6px #0003;padding:1rem;flex:1;flex-shrink:0;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#fff;width:100%;max-width:300px;justify-self:center;text-align:center}.story-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000004d}.story-item img{width:100%;height:180px;object-fit:contain;background-color:#034750;border-radius:5px;margin-bottom:1rem}.story-link{font-size:1.2rem;color:#80ed99;transition:color .3s ease;text-decoration:none;text-align:center;width:100%}.story-link:hover{color:#57cc99}.story-description{font-size:.9rem;color:#d3d3d3;margin-top:.2rem;margin-bottom:.2rem;text-align:center;width:100%}.story-info{overflow:hidden;max-width:200px}.story-author{font-size:.9rem;color:#d3d3d3;margin-top:.2rem;margin-bottom:.2rem;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-genres{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.5rem 0}.genre-tag{background-color:#14b8a6;color:#fff;padding:.2rem .5rem;border-radius:15px;font-size:.8rem;font-weight:700}.genre-0{background-color:#14b8a6}.genre-1{background-color:#f59e0b}.genre-2{background-color:#ef4444}.genre-3{background-color:#8b5cf6}.genre-4{background-color:#06b6d4}.container-stories-hero{display:flex;justify-content:center;align-items:stretch;padding:20px;text-align:center}.create-new-story-link{font-size:1.2rem!important;padding:10px 20px;background-color:#14b8a6!important;color:#fff!important;border-radius:20px;transition:background-color .3s ease,box-shadow .3s ease;cursor:pointer;width:fit-content;align-self:center}.create-new-story-link:hover{background-color:#0d9488!important;box-shadow:0 6px 8px #00000040!important}.story-genres{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;justify-content:center}.genre-tag{padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:700;color:#fff}.genre-0{background-color:#ff6b6b}.genre-1{background-color:#4ecdc4}.genre-2{background-color:#45b7d1}.genre-3{background-color:#f9ca24}.genre-4{background-color:#f0932b}.gridIalreadyStarted{display:flex;min-width:80vw;flex-direction:column}.stories-carousel .story-item{min-width:250px;width:250px;flex-shrink:0}.stories-carousel .story-item img{height:180px}.no-stories-found{text-align:center}