/* V-CORE layer-map alignment and mobile centering v22. */

@media (min-width: 1100px) {
  .skin-depth .vcore-image-lock .vcore-layer-rail {
    display: block !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail span {
    left: 2.5% !important;
    width: 162px !important;
    min-width: 162px !important;
    grid-template-columns: 23px 112px !important;
    gap: 0 7px !important;
    color: rgba(244,246,249,.88);
    font-size: 7.4px !important;
    line-height: 1.08 !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail span:nth-child(1) {
    top: 54.5% !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail span:nth-child(2) {
    top: 69.5% !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail span:nth-child(3) {
    top: 85.2% !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail b {
    font-size: 10px !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail small {
    margin-top: 3px !important;
    font-size: 6.4px !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail em {
    max-width: 112px !important;
    margin-top: 3px !important;
    font-size: 5.7px !important;
    line-height: 1.24 !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail span::after {
    top: 9px !important;
    left: calc(100% - 12px) !important;
    width: 28px !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail span::before {
    top: 7px !important;
    left: calc(100% + 13px) !important;
    width: 6px !important;
    height: 6px !important;
  }
}

@media (max-width: 700px) {
  .skin-depth .vcore-image-lock {
    transform: translateX(7px) !important;
  }

  .skin-depth .vcore-image-lock .vcore-layer-rail span {
    left: 1px !important;
  }
}