/* No opacity/filter on model groups: their children retain real CSS depth. */
.sh-heist-car {
  position: absolute; left: 0; top: 0; width: 74px; height: 30px;
  transform: translateZ(2px); transform-style: preserve-3d;
  --car-flash: 0;
}
.sh-heist-car__body {
  --face-front: #252c2d; --face-side: #131b1e;
  --face-left: #27282a; --face-top: #424441;
}
.sh-heist-car__body > .sh-model__face--front,
.sh-heist-car__body > .sh-model__face--back {
  border-radius: 3px 4px 3px 3px;
  background: linear-gradient(0deg, #10191c 0 18%, transparent 20% 69%, rgb(221 176 108 / 27%) 72%, transparent 79%), var(--face-front);
  box-shadow: inset 0 -1px #0f1719;
}
.sh-heist-car__body > .sh-model__face--back { background-color: #1c2427; }
.sh-heist-car__body > .sh-model__face--right,
.sh-heist-car__body > .sh-model__face--left { border-radius: 3px; }
.sh-heist-car__body > .sh-model__face--roof {
  border-radius: 4px;
  background: linear-gradient(90deg, #363b3a, #55544a 47%, #343e40 82%, #b2a388);
  box-shadow: inset 0 1px #777466, inset 0 -1px #73725f;
}
.sh-heist-car__cabin {
  --face-front: #222a2b; --face-side: #273233;
  --face-left: #23302f; --face-top: #55564e;
}
.sh-heist-car__cabin > .sh-model__face--front,
.sh-heist-car__cabin > .sh-model__face--back {
  clip-path: polygon(0 100%, 20.51% 0, 79.49% 0, 100% 100%);
  background: linear-gradient(0deg, #252d2d, #9b927c);
}
.sh-heist-car__cabin > .sh-model__face--right,
.sh-heist-car__cabin > .sh-model__face--left {
  height: 12.04px;
  background: linear-gradient(100deg, rgb(231 214 168 / 18%), transparent 27% 68%, rgb(192 204 203 / 28%) 70% 74%, transparent 76%), linear-gradient(#243334, #101c22);
  border: 1px solid #666960; box-sizing: border-box;
}
.sh-heist-car__cabin > .sh-model__face--right {
  transform: translate3d(31px, 26px, 9px) rotateZ(-90deg) rotateX(-48.37deg);
}
.sh-heist-car__cabin > .sh-model__face--left {
  transform: translate3d(8px, 0, 9px) rotateZ(90deg) rotateX(-48.37deg);
}
.sh-heist-car__cabin > .sh-model__face--roof {
  left: 8px; width: 23px;
  border-radius: 1px;
  background: linear-gradient(0deg, #424a48, #646457 53%, #3c4543);
  box-shadow: inset 0 1px rgb(218 200 154 / 25%), inset 0 -1px #222e2e;
}
.sh-heist-car__side-glass {
  position: absolute; inset: 1px 3px 1.5px;
  clip-path: polygon(0 100%, 19% 0, 81% 0, 100% 100%);
  background: linear-gradient(90deg, transparent 47%, #60635c 48% 53%, transparent 54%), linear-gradient(115deg, #3c4d50, #111e23 49%, #8c9d92);
  border-bottom: 0.6px solid #b0a589;
}
.sh-heist-car__door {
  position: absolute; left: 24px; top: 2px; width: 27px; height: 7px;
  border-left: 0.6px solid rgb(4 12 14 / 50%);
  border-right: 0.6px solid rgb(4 12 14 / 50%);
}
.sh-heist-car__door::after {
  content: ''; position: absolute; top: 1px; left: 3px;
  width: 5px; height: 0.8px; background: #a8a696;
}
.sh-heist-car__hood {
  position: absolute; left: 54px; top: 3px; width: 16px; height: 24px;
  border-left: 0.6px solid #293232;
  background: linear-gradient(0deg, rgb(247 217 160 / 18%), transparent 22% 77%, rgb(250 215 148 / 18%));
}
.sh-heist-car__trunk {
  position: absolute; left: 3px; top: 3px; width: 10px; height: 24px;
  border-right: 0.6px solid #263232;
  background: linear-gradient(0deg, rgb(232 193 132 / 14%), transparent 40%);
}
.sh-heist-car__wheel {
  position: absolute; left: 0; top: 0; width: 12px; height: 12px;
  transform-origin: 0 0; border-radius: 50%;
  background: radial-gradient(circle, #151e22 0 13%, #80888a 15% 26%, #333b3d 28% 38%, #90958f 40% 43%, #141b1c 46% 67%, #363b3a 70%, #101518 78%);
  box-shadow: 0 0 0 0.5px #060d10;
}
.sh-heist-car__wheel::after {
  content: ''; position: absolute; inset: 3.5px; border-radius: 50%;
  background: repeating-conic-gradient(from 15deg, transparent 0deg 38deg, #a9afaa 40deg 48deg, transparent 50deg 72deg);
}
.sh-heist-car__mirror {
  --face-front: #68706a; --face-side: #1b2a2d;
  --face-left: #1b2a2d; --face-top: #525a54;
}
.sh-heist-car__headlight, .sh-heist-car__taillight {
  position: absolute; top: 2px; width: 5px; height: 2.5px; border-radius: 1px;
}
.sh-heist-car__headlight { background: #e9e3cb; box-shadow: 0 0 3px 1px rgb(247 229 175 / 58%); }
.sh-heist-car__headlight--a, .sh-heist-car__taillight--a { left: 2px; }
.sh-heist-car__headlight--b, .sh-heist-car__taillight--b { right: 2px; }
.sh-heist-car__taillight { background: #bd5146; box-shadow: 0 0 3px rgb(225 64 47 / 38%); }
.sh-heist-car__grille {
  position: absolute; left: 9px; top: 2px; width: 12px; height: 4px;
  background: repeating-linear-gradient(0deg, #121c20 0 1px, #77807b 1px 1.4px);
  border-bottom: 0.5px solid #a6a494;
}
.sh-heist-car__shadow {
  position: absolute; left: -5px; top: -5px; width: 84px; height: 41px;
  transform: translateZ(-0.7px); border-radius: 45%;
  background: radial-gradient(ellipse, rgb(2 8 10 / 82%) 16%, rgb(2 8 10 / 42%) 48%, transparent 72%);
}
.sh-heist-car__beam {
  position: absolute; left: 70px; top: -8px; width: 67px; height: 46px;
  transform: translateZ(-0.4px);
  background: linear-gradient(90deg, rgb(234 225 186 / 24%), rgb(216 220 189 / 8%) 55%, transparent);
  clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 72%);
}
.sh-heist-car--police .sh-heist-car__body {
  --face-front: #a8b3b0; --face-side: #7f8d8e;
  --face-left: #748589; --face-top: #c7cec1;
}
.sh-heist-car--police .sh-heist-car__body > .sh-model__face--front,
.sh-heist-car--police .sh-heist-car__body > .sh-model__face--back {
  background: linear-gradient(0deg, #344147 0 16%, #849a99 17% 27%, #2f5870 28% 75%, #c0c8bb 77%);
}
.sh-heist-car--police .sh-heist-car__body > .sh-model__face--roof {
  background: linear-gradient(0deg, #85999c, #d0d1bd 46%, #9fb0ac);
}
.sh-heist-car--police .sh-heist-car__cabin > .sh-model__face--roof {
  background: linear-gradient(0deg, #91a4a3, #d2d3bf 53%, #869c9d);
}
.sh-heist-car__wordmark {
  position: absolute; left: 28px; top: 3.4px; width: 22px;
  color: #e7e9df; font: 700 3.4px/4px Arial, sans-serif;
  letter-spacing: 0.4px; text-align: center;
}
.sh-heist-car__lightbar {
  --face-front: #237aba; --face-side: #315776;
  --face-left: #4d8da9; --face-top: #79b9db;
}
.sh-heist-car__lightbar > .sh-model__face {
  background: linear-gradient(90deg, #4a92bd, #badbeb 21%, #22658c 43% 57%, #a8d9eb 79%, #3f8abc);
  box-shadow: 0 0 8px rgb(94 179 244 / calc(var(--car-flash) * 0.85));
}
.sh-heist-car__lightbar > .sh-model__face::after {
  content: ''; position: absolute; inset: 0; background: #caf0ff;
  opacity: var(--car-flash);
}
.sh-heist-car__blue-pool {
  position: absolute; left: -10px; top: -23px; width: 98px; height: 76px;
  transform: translateZ(-0.5px); opacity: calc(var(--car-flash) * 0.62);
  background: radial-gradient(ellipse, transparent 20%, rgb(53 144 217 / 37%) 42%, transparent 71%);
}