/*
 * AutoVINChecks — RPM transition preloader v9.
 * Completely isolated: #avc-page-preloader / .avc-preloader-* only.
 */
#avc-page-preloader{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  width:100%;
  height:100dvh;
  min-height:100vh;
  background:#171717;
  opacity:1;
  visibility:visible;
  pointer-events:all;
  overflow:hidden;
  transition:opacity .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .36s;
}
#avc-page-preloader.avc-preloader--hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
html.avc-preloader-lock,
html.avc-preloader-lock body{overflow:hidden!important}

.avc-preloader__gauge{
  position:relative;
  width:clamp(170px,18vw,230px);
  aspect-ratio:1;
  filter:drop-shadow(0 12px 32px rgba(0,0,0,.38));
}
.avc-preloader__dial{
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,#252525 0 57%,#1c1c1c 58% 76%,#101010 77% 100%);
  border:3px solid #292929;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035);
}
.avc-preloader__dial:before{
  content:"";
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:repeating-conic-gradient(from 225deg,rgba(255,255,255,.62) 0deg 1deg,transparent 1deg 9deg);
  -webkit-mask:radial-gradient(circle,transparent 0 72%,#000 73% 78%,transparent 79%);
  mask:radial-gradient(circle,transparent 0 72%,#000 73% 78%,transparent 79%);
}
.avc-preloader__dial:after{
  content:"";
  position:absolute;
  inset:15%;
  border-radius:50%;
  background:conic-gradient(from 225deg,transparent 0deg 185deg,rgba(204,0,0,.95) 185deg 245deg,transparent 245deg);
  -webkit-mask:radial-gradient(circle,transparent 0 82%,#000 83% 91%,transparent 92%);
  mask:radial-gradient(circle,transparent 0 82%,#000 83% 91%,transparent 92%);
  opacity:.72;
}
.avc-preloader__scale{position:absolute;inset:0;pointer-events:none}
.avc-preloader__scale-label{
  position:absolute;
  width:20px;height:18px;
  margin:-9px 0 0 -10px;
  color:rgba(255,255,255,.86);
  text-align:center;
  font:700 10px/18px Arial,sans-serif;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
}
.avc-preloader__needle-wrap{
  position:absolute;
  left:50%;top:50%;
  width:4px;height:39%;
  transform:translate(-50%,-100%) rotate(-135deg);
  transform-origin:bottom center;
  will-change:transform;
  z-index:4;
}
.avc-preloader__needle{
  position:absolute;
  left:50%;bottom:0;
  width:4px;height:100%;
  transform:translateX(-50%);
  border-radius:99px;
  background:#f5f5f5;
  box-shadow:0 0 8px rgba(255,255,255,.5);
}
.avc-preloader__needle:after{
  content:"";
  position:absolute;
  left:50%;top:0;
  width:4px;height:31%;
  transform:translateX(-50%);
  background:#cc0000;
  border-radius:99px;
}
.avc-preloader__hub{
  position:absolute;
  left:50%;top:50%;
  width:14px;height:14px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#cc0000;
  border:2px solid #f1f1f1;
  box-shadow:0 0 12px rgba(204,0,0,.46);
  z-index:5;
}
.avc-preloader__readout{
  position:absolute;
  left:50%;top:57%;
  transform:translate(-50%,-50%);
  color:#fff;
  font:700 clamp(13px,1.3vw,16px)/1 Arial,sans-serif;
  letter-spacing:.08em;
  z-index:6;
}
.avc-preloader__rpm-unit{
  position:absolute;
  left:50%;top:66%;
  transform:translateX(-50%);
  color:rgba(255,255,255,.43);
  font:700 7px/1 Arial,sans-serif;
  letter-spacing:.18em;
  white-space:nowrap;
  z-index:6;
}
.avc-preloader__brand{
  position:absolute;
  left:50%;top:104%;
  transform:translateX(-50%);
  color:rgba(255,255,255,.78);
  font:700 clamp(9px,1vw,12px)/1 Arial,sans-serif;
  letter-spacing:.3em;
  white-space:nowrap;
}

@media(max-width:600px){
  .avc-preloader__gauge{width:clamp(145px,48vw,190px)}
}
@media(prefers-reduced-motion:reduce){
  #avc-page-preloader{transition-duration:.15s}
  .avc-preloader__needle-wrap{transition-duration:.15s!important}
}