CinePlex/css/main.css

@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');
@import url('m3u-generator.css');

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

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

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

/* Custom styles for settings modal descriptions */
#settingsModal .text-muted {
    color: white !important;
}

#main-view {
    padding-top: var(--topbar-height);
}