/* =========================================================
   JDRC MEDIA - CARBON FIBER BACKGROUND V1
   Shared by website + Android WebView.
   ========================================================= */

:root {
  --jdrc-carbon-base: #050506;
}

html {
  min-height: 100%;
  background: var(--jdrc-carbon-base);
}

body {
  min-height: 100%;
  background-color: var(--jdrc-carbon-base) !important;
  background-image:
    radial-gradient(circle at 18% 8%, rgba(229,31,43,.10), transparent 28rem),
    radial-gradient(circle at 82% 68%, rgba(229,31,43,.045), transparent 34rem),
    linear-gradient(27deg, rgba(28,28,31,.92) 5px, transparent 5px),
    linear-gradient(207deg, rgba(28,28,31,.92) 5px, transparent 5px),
    linear-gradient(27deg, rgba(10,10,12,.96) 5px, transparent 5px),
    linear-gradient(207deg, rgba(10,10,12,.96) 5px, transparent 5px),
    linear-gradient(90deg, rgba(18,18,20,.92) 10px, transparent 10px),
    linear-gradient(
      rgba(16,16,18,.96) 25%,
      rgba(7,7,8,.98) 25%,
      rgba(7,7,8,.98) 50%,
      transparent 50%,
      transparent 75%,
      rgba(22,22,24,.94) 75%
    ) !important;
  background-position:
    center top,
    center center,
    0 5px,
    10px 0,
    0 10px,
    10px 5px,
    0 0,
    0 0 !important;
  background-size:
    auto,
    auto,
    20px 20px,
    20px 20px,
    20px 20px,
    20px 20px,
    20px 20px,
    20px 20px !important;
  background-attachment: fixed !important;
}

main,
.jdrc-page,
.page-shell,
.app-shell,
.driver-shell,
.member-shell {
  background-color: transparent;
}

@media (max-width: 720px) {
  body {
    background-attachment: scroll !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body {
    background-attachment: scroll !important;
  }
}