@import url('base.css');
@import url('components.css');
@import url('navbar.css');
@import url('hero.css');
@import url('content-grid.css');
@import url('details.css');
@import url('stats.css');
@import url('history.css');
@import url('footer.css');
@import url('overlays.css');
@import url('music-player.css');
@import url('photos.css');
@import url('activity-viewer.css');

/* Styles to manage hero loading state and content section visibility */

.hero.loading .hero-content {
    opacity: 0;
}

.hero:not(.loading) .hero-content {
    opacity: 1;
}