/*
 * Legacy webOS compatibility.
 *
 * Flex `gap` shipped in Chromium 84, so webOS 5 (Chromium 68) and webOS 6 (79)
 * ignore it. The flex-`gap` fallback below is GENERATED at build time from the
 * source CSS (generateGapFallback in esbuild.config.mjs) and appended here: for
 * each flex container that sets `gap`, a `> * + *` margin on the main axis
 * (column -> margin-top, row -> margin-left), wrapped in `@supports not (inset: 0)`.
 * `inset` is Chromium 87, so the margins apply on webOS 5/6 and are skipped on
 * webOS 22+ (87) where native gap works. This file used to hand-maintain that
 * list, but it drifted out of sync with the source; generating from source removes
 * that drift. Only the hand-written backdrop-filter fallback below lives here
 * permanently.
 *
 * `backdrop-filter` shipped in Chromium 76, so webOS 5 (68) ignores it and falls
 * back to the rgba background. The existing alphas (0.75–0.92) stay readable, but
 * we make the panels fully opaque on webOS 5 for safety. webOS 6 (79) supports
 * backdrop-filter, so it isn't covered here.
 */

@supports not (backdrop-filter: blur(1px)) {
  .player-sidebar { background: rgb(20, 20, 35); }
  .player-menu,
  .player-osd { background: rgb(10, 10, 15); }
}

/* AUTO-GENERATED from source `gap` declarations (esbuild.config.mjs) — do not edit. */
@supports not (inset: 0) {
  .sidebar-header > * + * { margin-left: 12px; }
  .playlist-tabs > * + * { margin-left: 4px; }
  .kind-tabs > * + * { margin-left: 8px; }
  .series-back > * + * { margin-left: 8px; }
  .series-detail > * + * { margin-left: 20px; }
  .movie-play-btn > * + * { margin-left: 10px; }
  .detail-actions > * + * { margin-left: 14px; }
  .watchlist-btn > * + * { margin-left: 10px; }
  .group-item > * + * { margin-left: 12px; }
  .channel-item > * + * { margin-left: 16px; }
  .account-remember > * + * { margin-left: 10px; }
  .epg-header > * + * { margin-left: 16px; }
  .epg-legend > * + * { margin-left: 22px; }
  .epg-legend-item > * + * { margin-left: 8px; }
  .epg-channel-item > * + * { margin-left: 12px; }
  .epg-date-bar > * + * { margin-left: 8px; }
  .epg-programme-item > * + * { margin-left: 20px; }
  .epg-prog-dur > * + * { margin-left: 4px; }
  .epg-prog-title > * + * { margin-left: 10px; }
  .epg-now-badge > * + * { margin-left: 6px; }
  .home-brand > * + * { margin-top: 4px; }
  .home-title > * + * { margin-left: 14px; }
  .home-greeting > * + * { margin-left: 10px; }
  .home-search-btn > * + * { margin-left: 10px; }
  .home-hero-actions > * + * { margin-left: 14px; }
  .home-hero-dots > * + * { margin-left: 8px; }
  .home-tiles > * + * { margin-left: 18px; }
  .home-tile > * + * { margin-left: 16px; }
  .home-tile-meta > * + * { margin-top: 2px; }
  .home-upgrade > * + * { margin-left: 18px; }
  .home-rail-track > * + * { margin-left: 16px; }
  .lp-header > * + * { margin-left: 22px; }
  .lp-brand > * + * { margin-left: 12px; }
  .lp-nav > * + * { margin-left: 24px; }
  .lp-hero > * + * { margin-left: 52px; }
  .lp-actions > * + * { margin-left: 14px; }
  .lp-proof-row > * + * { margin-left: 10px; }
  .lp-device-bar > * + * { margin-left: 8px; }
  .lp-plan-grid > * + * { margin-left: 20px; }
  .lp-plan-card ul > * + * { margin-left: 11px; }
  .lp-shot-feature figcaption > * + * { margin-left: 18px; }
  .lp-shot-grid > * + * { margin-left: 18px; }
  .lp-system > * + * { margin-left: 38px; }
  .lp-system-cards > * + * { margin-left: 14px; }
  .lp-footer > * + * { margin-left: 18px; }
  .legal-header > * + * { margin-left: 24px; }
  .legal-tabs > * + * { margin-left: 18px; }
  .public-legal-links > * + * { margin-left: 18px; }
  .loading-container > * + * { margin-top: 24px; }
  .public-brand > * + * { margin-left: 16px; }
  .public-nav > * + * { margin-left: 14px; }
  .public-hero > * + * { margin-left: 72px; }
  .public-actions > * + * { margin-left: 16px; }
  .public-price-row > * + * { margin-left: 16px; }
  .public-hero-downloads > * + * { margin-left: 6px 14px; }
  .public-device-top > * + * { margin-left: 9px; }
  .public-mini-shots > * + * { margin-left: 14px; }
  .public-lightbox > * + * { margin-top: 16px; }
  .public-device-grid > * + * { margin-left: 14px; }
  .public-trust > * + * { margin-left: 18px; }
  .public-download-cards > * + * { margin-left: 20px; }
  .nav-rail > * + * { margin-top: 6px; }
  .nav-rail-item > * + * { margin-top: 4px; }
  .pin-box > * + * { margin-top: 20px; }
  .pin-actions > * + * { margin-left: 16px; }
  .confirm-box > * + * { margin-top: 24px; }
  .track-box > * + * { margin-top: 16px; }
  .track-list > * + * { margin-top: 6px; }
  .account-box > * + * { margin-top: 18px; }
  .account-actions-row > * + * { margin-left: 12px; }
  .account-login-screen > * + * { margin-left: 9vw; }
  .account-brand-lockup > * + * { margin-left: 14px; }
  .account-benefits > * + * { margin-top: 14px; }
  .account-benefits div > * + * { margin-left: 12px; }
  .account-login-box > * + * { margin-left: 16px; }
  .profile-grid > * + * { margin-left: 28px; }
  .profile-tile > * + * { margin-top: 12px; }
  .profile-add-form > * + * { margin-left: 14px; }
  .avatar-grid > * + * { margin-left: 14px; }
  .admin-box > * + * { margin-left: 12px; }
  .admin-account-list > * + * { margin-top: 8px; }
  .admin-account-row > * + * { margin-left: 16px; }
  .admin-row-actions > * + * { margin-left: 8px; }
  .desktop-update-notice > * + * { margin-left: 16px; }
  .desktop-update-text > * + * { margin-top: 4px; }
  .osd-channel > * + * { margin-left: 16px; }
  .osd-programme-detail > * + * { margin-left: 16px; }
  .osd-programme-time > * + * { margin-left: 16px; }
  .osd-progress-row > * + * { margin-left: 12px; }
  .osd-transport > * + * { margin-left: 16px; }
  .osd-btn > * + * { margin-left: 6px; }
  .osd-next > * + * { margin-left: 12px; }
  .player-sidebar .sidebar-tabs > * + * { margin-left: 4px; }
  .player-sidebar .sidebar-channel-list > * + * { margin-top: 2px; }
  .player-sidebar .sidebar-ch-item > * + * { margin-left: 14px; }
  .player-sidebar .sidebar-ch-item .ch-info > * + * { margin-top: 2px; }
  .player-menu .menu-items > * + * { margin-top: 6px; }
  .player-menu .menu-item > * + * { margin-left: 14px; }
  .next-ep-card > * + * { margin-left: 18px; }
  .next-ep-actions > * + * { margin-left: 12px; }
  .settings-row > * + * { margin-left: 16px; }
  .settings-field > * + * { margin-top: 6px; }
  .settings-actions > * + * { margin-left: 16px; }
  .upload-section > * + * { margin-left: 16px; }
  .upload-box-info > * + * { margin-top: 16px; }
  .xtream-fields > * + * { margin-left: 8px; }
  .playlist-add-buttons > * + * { margin-left: 10px; }
  .settings-toggle-row > * + * { margin-left: 16px; }
  .announcement-row > * + *, .playlist-choice-row > * + * { margin-top: 8px; }
  .announcement-head > * + * { margin-left: 12px; }
}