/**
 * Global Devprove preloader.
 * Mirrors the approved homepage loader on every frontend route.
 */

/* DEVPROVE_PRELOADER_V3 */
body #pxl-loadding.style-2 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(1, 229, 229, .055), transparent 24%),
    #02090a !important;
}

body #pxl-loadding.style-2::before,
body #pxl-loadding.style-2::after,
body #pxl-loadding.style-2 .loader-line-mask,
body #pxl-loadding.style-2 .loader-line {
  display: none !important;
}

body #pxl-loadding.style-2 .loader-circle {
  position: relative !important;
  width: 74px !important;
  height: 90px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

body #pxl-loadding.style-2 .loader-circle::before,
body #pxl-loadding.style-2 .loader-circle::after {
  display: none !important;
}

body #pxl-loadding.style-2 .loader-logo {
  position: absolute !important;
  inset: 0 !important;
  width: 74px !important;
  height: 90px !important;
  margin: 0 !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

body #pxl-loadding.style-2 .loader-logo img {
  display: none !important;
}

body #pxl-loadding.style-2 .loader-logo::before,
body #pxl-loadding.style-2 .loader-logo::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

body #pxl-loadding.style-2 .loader-logo::before {
  display: block !important;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2039%2047'%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20d%3D'M0%2046.5H16.3855C21.0799%2046.5%2025.1123%2045.5791%2028.4827%2043.7373C30.5519%2042.6116%2032.326%2041.1865%2033.805%2039.4622L25.7294%2034.8221C25.0178%2035.5507%2024.1978%2036.1566%2023.2691%2036.6397C21.298%2037.6579%2018.8681%2038.167%2015.9792%2038.167H9.77257V25.1875H0V46.5ZM27.9621%2031.3419L36.1443%2036.0431C36.1863%2035.9654%2036.2279%2035.8872%2036.2691%2035.8086C38.0897%2032.3646%2039%2028.2467%2039%2023.4551C39%2018.6805%2038.0905%2014.579%2036.2715%2011.1509L28.0577%2015.8703C28.8526%2017.9086%2029.25%2020.4369%2029.25%2023.4551C29.25%2026.6196%2028.8207%2029.2486%2027.9621%2031.3419ZM28.5278%203.2627C30.6561%204.42144%2032.4726%205.90251%2033.9774%207.70589L25.9076%2012.3425C25.1608%2011.5362%2024.2888%2010.8755%2023.2917%2010.3603C21.3206%209.34214%2018.8907%208.83298%2016.0018%208.83298H9.77257V21.0625H0V0.5H16.5209C21.1702%200.5%2025.1724%201.4209%2028.5278%203.2627Z'%20fill%3D'none'%20stroke%3D'%235df7f7'%20stroke-opacity%3D'.32'%20stroke-width%3D'.75'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important;
  filter: drop-shadow(0 0 5px rgba(93, 247, 247, .13)) !important;
}

body #pxl-loadding.style-2 .loader-logo::after {
  display: block !important;
  background: linear-gradient(180deg, #a9ffff 0%, #5df7f7 42%, #10bfc4 100%) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2039%2047'%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20d%3D'M0%2046.5H16.3855C21.0799%2046.5%2025.1123%2045.5791%2028.4827%2043.7373C30.5519%2042.6116%2032.326%2041.1865%2033.805%2039.4622L25.7294%2034.8221C25.0178%2035.5507%2024.1978%2036.1566%2023.2691%2036.6397C21.298%2037.6579%2018.8681%2038.167%2015.9792%2038.167H9.77257V25.1875H0V46.5ZM27.9621%2031.3419L36.1443%2036.0431C36.1863%2035.9654%2036.2279%2035.8872%2036.2691%2035.8086C38.0897%2032.3646%2039%2028.2467%2039%2023.4551C39%2018.6805%2038.0905%2014.579%2036.2715%2011.1509L28.0577%2015.8703C28.8526%2017.9086%2029.25%2020.4369%2029.25%2023.4551C29.25%2026.6196%2028.8207%2029.2486%2027.9621%2031.3419ZM28.5278%203.2627C30.6561%204.42144%2032.4726%205.90251%2033.9774%207.70589L25.9076%2012.3425C25.1608%2011.5362%2024.2888%2010.8755%2023.2917%2010.3603C21.3206%209.34214%2018.8907%208.83298%2016.0018%208.83298H9.77257V21.0625H0V0.5H16.5209C21.1702%200.5%2025.1724%201.4209%2028.5278%203.2627Z'%20fill%3D'white'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2039%2047'%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20d%3D'M0%2046.5H16.3855C21.0799%2046.5%2025.1123%2045.5791%2028.4827%2043.7373C30.5519%2042.6116%2032.326%2041.1865%2033.805%2039.4622L25.7294%2034.8221C25.0178%2035.5507%2024.1978%2036.1566%2023.2691%2036.6397C21.298%2037.6579%2018.8681%2038.167%2015.9792%2038.167H9.77257V25.1875H0V46.5ZM27.9621%2031.3419L36.1443%2036.0431C36.1863%2035.9654%2036.2279%2035.8872%2036.2691%2035.8086C38.0897%2032.3646%2039%2028.2467%2039%2023.4551C39%2018.6805%2038.0905%2014.579%2036.2715%2011.1509L28.0577%2015.8703C28.8526%2017.9086%2029.25%2020.4369%2029.25%2023.4551C29.25%2026.6196%2028.8207%2029.2486%2027.9621%2031.3419ZM28.5278%203.2627C30.6561%204.42144%2032.4726%205.90251%2033.9774%207.70589L25.9076%2012.3425C25.1608%2011.5362%2024.2888%2010.8755%2023.2917%2010.3603C21.3206%209.34214%2018.8907%208.83298%2016.0018%208.83298H9.77257V21.0625H0V0.5H16.5209C21.1702%200.5%2025.1724%201.4209%2028.5278%203.2627Z'%20fill%3D'white'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important;
  filter: drop-shadow(0 0 8px rgba(93, 247, 247, .38)) !important;
  clip-path: inset(100% 0 0 0);
  animation: devprove-logo-fill 1.75s cubic-bezier(.55, 0, .25, 1) infinite !important;
}

@keyframes devprove-logo-fill {
  0%, 12% {
    clip-path: inset(100% 0 0 0);
    opacity: .45;
  }
  72%, 88% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 0;
  }
}

@media (max-width: 767px) {
  body #pxl-loadding.style-2 .loader-circle,
  body #pxl-loadding.style-2 .loader-logo {
    width: 62px !important;
    height: 75px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body #pxl-loadding.style-2 .loader-logo::after {
    clip-path: inset(0 0 0 0);
    animation: devprove-logo-breathe 2s ease-in-out infinite !important;
  }
}

@keyframes devprove-logo-breathe {
  0%, 100% { opacity: .55; }
  50% { opacity: 1; }
}