/* Prime Creation website-only multilayer transition engine.
   The book reader/teleport system is intentionally separate. */

html body.prime-v2 .prime-experience-shift,
html body.prime-v2 .app-switch,
html body.prime-v2 .prime-tab-transition {
  display: none !important;
  animation: none !important;
}

html body.prime-v2 .prime-theme-beacon {
  display: none !important;
}

.prime-site-transition {
  position: fixed;
  position: fixed !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  inset: 0 !important;
  z-index: 9990 !important;
  display: block !important;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden;
  opacity: 0;
  background: #01050a;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.prime-site-transition.is-active {
  visibility: visible;
  opacity: 1;
}

.prime-site-transition .pst-layer,
.prime-site-transition .pst-label {
  position: absolute;
  pointer-events: none;
}

.prime-site-transition .pst-layer {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.prime-site-transition .pst-backdrop { z-index: 1; }
.prime-site-transition .pst-grid { z-index: 2; }
.prime-site-transition .pst-field { z-index: 3; }
.prime-site-transition .pst-beam { z-index: 4; }
.prime-site-transition .pst-particles { z-index: 5; }
.prime-site-transition .pst-core { z-index: 6; }

.prime-site-transition .pst-label {
  z-index: 8;
  left: 12px;
  top: 12px;
  padding: 6px 8px;
  border: 1px solid rgba(145, 231, 255, .22);
  border-radius: 6px;
  background: rgba(2, 8, 14, .8);
  color: #a7efff;
  font: 800 9px/1.15 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
  opacity: 0;
}

.prime-site-transition.is-active .pst-label {
  animation: pstLabel 900ms ease both;
  -webkit-animation: pstLabel 900ms ease both;
}

.prime-site-transition .pst-particles i {
  position: absolute;
  display: block;
  left: var(--pst-x, 50%);
  top: 100%;
  width: 2px;
  height: 12px;
  background: rgba(143, 237, 255, .8);
  box-shadow: 0 0 10px rgba(95, 221, 255, .55);
  opacity: 0;
}

/* SCAN */
.prime-site-transition.effect-scan { background: #01070d; }
.prime-site-transition.effect-scan .pst-backdrop { background: linear-gradient(180deg, rgba(0,20,33,.92), rgba(1,4,8,.98)); }
.prime-site-transition.effect-scan .pst-grid { background: repeating-linear-gradient(180deg,rgba(103,232,255,.10) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(103,232,255,.035) 0 1px,transparent 1px 56px); }
.prime-site-transition.effect-scan .pst-field { background: linear-gradient(180deg,transparent 0 41%,rgba(66,211,255,.12) 49%,rgba(140,115,255,.08) 52%,transparent 61%); }
.prime-site-transition.effect-scan .pst-beam { top:-8%;bottom:auto;height:4px;background:#93f0ff;box-shadow:0 0 16px #68e1ff,0 0 58px rgba(86,219,255,.75),0 26px 70px rgba(81,201,255,.18); }
.prime-site-transition.effect-scan .pst-core { background: radial-gradient(circle at 50% 50%,rgba(188,246,255,.30),rgba(79,216,255,.10) 10%,transparent 32%); }
.prime-site-transition.effect-scan.is-active .pst-backdrop { animation:pstFadeField 900ms ease both; }
.prime-site-transition.effect-scan.is-active .pst-grid { animation:pstScanGrid 900ms ease both; }
.prime-site-transition.effect-scan.is-active .pst-field { animation:pstPulseField 900ms ease both; }
.prime-site-transition.effect-scan.is-active .pst-beam { animation:pstScanBeam 900ms cubic-bezier(.18,.78,.2,1) both; }
.prime-site-transition.effect-scan.is-active .pst-core { animation:pstCoreFlash 900ms ease both; }
.prime-site-transition.effect-scan.is-active .pst-particles i { animation:pstSparkRise 760ms ease-out both;animation-delay:calc(var(--pst-i) * 18ms); }

/* PRISM */
.prime-site-transition.effect-prism { background:#04040b; }
.prime-site-transition.effect-prism .pst-backdrop { background:linear-gradient(135deg,rgba(12,3,20,.98),rgba(2,12,20,.98)); }
.prime-site-transition.effect-prism .pst-grid { left:-45%;right:-45%;top:-35%;bottom:-35%;background:linear-gradient(112deg,transparent 28%,rgba(255,62,129,.25) 36%,rgba(171,91,255,.62) 43%,rgba(73,226,255,.82) 50%,rgba(255,231,112,.52) 57%,rgba(255,70,161,.26) 64%,transparent 72%); }
.prime-site-transition.effect-prism .pst-field { left:-50%;right:-50%;background:linear-gradient(68deg,transparent 36%,rgba(72,225,255,.20) 47%,rgba(255,102,205,.18) 54%,transparent 65%); }
.prime-site-transition.effect-prism .pst-beam { left:-20%;right:-20%;background:linear-gradient(100deg,transparent 45%,rgba(255,255,255,.54) 50%,transparent 55%); }
.prime-site-transition.effect-prism .pst-core { background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.40),rgba(120,223,255,.15) 8%,transparent 28%); }
.prime-site-transition.effect-prism.is-active .pst-backdrop { animation:pstFadeField 900ms ease both; }
.prime-site-transition.effect-prism.is-active .pst-grid { animation:pstPrismSweep 900ms cubic-bezier(.2,.82,.2,1) both; }
.prime-site-transition.effect-prism.is-active .pst-field { animation:pstPrismCounter 900ms cubic-bezier(.2,.82,.2,1) both; }
.prime-site-transition.effect-prism.is-active .pst-beam { animation:pstPrismBeam 900ms ease both; }
.prime-site-transition.effect-prism.is-active .pst-core { animation:pstCoreFlash 900ms ease both; }
.prime-site-transition.effect-prism.is-active .pst-particles i { width:3px;height:3px;border-radius:50%;animation:pstSparkRise 700ms ease-out both;animation-delay:calc(var(--pst-i) * 16ms); }

/* GRID */
.prime-site-transition.effect-grid { background:#01060c;perspective:700px;-webkit-perspective:700px; }
.prime-site-transition.effect-grid .pst-backdrop { background:linear-gradient(180deg,#020813 0%,#030916 44%,#01040a 100%); }
.prime-site-transition.effect-grid .pst-grid { left:-25%;right:-25%;top:-45%;bottom:-12%;background-image:linear-gradient(rgba(105,231,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(105,231,255,.19) 1px,transparent 1px);background-size:34px 34px;transform-origin:50% 100%;-webkit-transform-origin:50% 100%; }
.prime-site-transition.effect-grid .pst-field { background:linear-gradient(180deg,transparent 35%,rgba(82,219,255,.22) 49%,rgba(141,112,255,.14) 51%,transparent 64%); }
.prime-site-transition.effect-grid .pst-beam { top:49%;bottom:auto;height:2px;background:rgba(155,241,255,.9);box-shadow:0 0 18px rgba(86,224,255,.85); }
.prime-site-transition.effect-grid .pst-core { background:radial-gradient(ellipse at 50% 58%,rgba(79,225,255,.24),transparent 34%); }
.prime-site-transition.effect-grid.is-active .pst-backdrop { animation:pstFadeField 900ms ease both; }
.prime-site-transition.effect-grid.is-active .pst-grid { animation:pstGridRush 900ms cubic-bezier(.14,.8,.2,1) both; }
.prime-site-transition.effect-grid.is-active .pst-field { animation:pstGridHorizon 900ms ease both; }
.prime-site-transition.effect-grid.is-active .pst-beam { animation:pstHorizonBeam 900ms ease both; }
.prime-site-transition.effect-grid.is-active .pst-core { animation:pstCoreFlash 900ms ease both; }
.prime-site-transition.effect-grid.is-active .pst-particles i { height:24px;animation:pstStarRush 760ms ease-out both;animation-delay:calc(var(--pst-i) * 14ms); }

/* SHUTTER */
.prime-site-transition.effect-shutter { background:transparent; }
.prime-site-transition.effect-shutter .pst-backdrop { background:repeating-linear-gradient(90deg,rgba(3,8,13,.98) 0 12.5%,rgba(7,18,29,.98) 12.5% 25%); }
.prime-site-transition.effect-shutter .pst-grid { left:0;right:0;top:0;bottom:50%;background:linear-gradient(180deg,#02050a,#081522);transform-origin:top;-webkit-transform-origin:top; }
.prime-site-transition.effect-shutter .pst-field { left:0;right:0;top:50%;bottom:0;background:linear-gradient(0deg,#02050a,#081522);transform-origin:bottom;-webkit-transform-origin:bottom; }
.prime-site-transition.effect-shutter .pst-beam { left:0;right:0;top:50%;bottom:auto;height:2px;background:#91edff;box-shadow:0 0 26px rgba(82,221,255,.9); }
.prime-site-transition.effect-shutter .pst-core { background:linear-gradient(90deg,transparent 0 42%,rgba(126,231,255,.16) 50%,transparent 58%); }
.prime-site-transition.effect-shutter.is-active .pst-backdrop { animation:pstShutterBars 900ms ease both; }
.prime-site-transition.effect-shutter.is-active .pst-grid { animation:pstShutterTop 900ms cubic-bezier(.22,.82,.22,1) both; }
.prime-site-transition.effect-shutter.is-active .pst-field { animation:pstShutterBottom 900ms cubic-bezier(.22,.82,.22,1) both; }
.prime-site-transition.effect-shutter.is-active .pst-beam { animation:pstShutterLine 900ms ease both; }
.prime-site-transition.effect-shutter.is-active .pst-core { animation:pstCoreFlash 900ms ease both; }
.prime-site-transition.effect-shutter.is-active .pst-particles i { height:2px;width:18px;animation:pstHorizontalSpark 720ms ease-out both;animation-delay:calc(var(--pst-i) * 12ms); }

/* WARP */
.prime-site-transition.effect-warp { background:#01040a; }
.prime-site-transition.effect-warp .pst-backdrop { background:radial-gradient(circle at center,rgba(11,31,47,.95),rgba(1,3,8,.99) 58%); }
.prime-site-transition.effect-warp .pst-grid { background:repeating-radial-gradient(circle at 50% 50%,rgba(112,235,255,.16) 0 1px,transparent 2px 42px); }
.prime-site-transition.effect-warp .pst-field { left:50%;top:50%;right:auto;bottom:auto;width:14vmin;height:14vmin;margin:-7vmin 0 0 -7vmin;border:1px solid rgba(124,237,255,.88);border-radius:50%;box-shadow:0 0 0 7vmin rgba(79,221,255,.10),0 0 0 16vmin rgba(124,104,255,.08),0 0 80px rgba(81,224,255,.42); }
.prime-site-transition.effect-warp .pst-beam { background:linear-gradient(90deg,transparent 49.7%,rgba(124,238,255,.32) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(124,238,255,.25) 50%,transparent 50.3%); }
.prime-site-transition.effect-warp .pst-core { background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.72),rgba(115,235,255,.25) 4%,transparent 24%); }
.prime-site-transition.effect-warp.is-active .pst-backdrop { animation:pstFadeField 900ms ease both; }
.prime-site-transition.effect-warp.is-active .pst-grid { animation:pstWarpField 900ms cubic-bezier(.18,.8,.2,1) both; }
.prime-site-transition.effect-warp.is-active .pst-field { animation:pstWarpRing 900ms cubic-bezier(.16,.84,.2,1) both; }
.prime-site-transition.effect-warp.is-active .pst-beam { animation:pstWarpCross 900ms ease both; }
.prime-site-transition.effect-warp.is-active .pst-core { animation:pstWarpFlash 900ms ease both; }
.prime-site-transition.effect-warp.is-active .pst-particles i { top:50%;height:34px;transform-origin:50% 100%;animation:pstStarRush 740ms ease-out both;animation-delay:calc(var(--pst-i) * 12ms); }

/* PIXEL */
.prime-site-transition.effect-pixel { background:#02050a; }
.prime-site-transition.effect-pixel .pst-backdrop { background:linear-gradient(90deg,rgba(80,215,255,.22) 25%,transparent 25% 50%,rgba(128,92,255,.22) 50% 75%,transparent 75%),linear-gradient(0deg,rgba(255,81,158,.12) 25%,transparent 25% 50%,rgba(67,218,255,.12) 50% 75%,transparent 75%);background-size:48px 48px; }
.prime-site-transition.effect-pixel .pst-grid { background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.08) 9% 10%),repeating-linear-gradient(180deg,transparent 0 9%,rgba(92,225,255,.06) 9% 10%); }
.prime-site-transition.effect-pixel .pst-field { background:linear-gradient(180deg,transparent 0 28%,rgba(109,231,255,.15) 31% 36%,transparent 39% 62%,rgba(198,85,255,.12) 65% 70%,transparent 73%); }
.prime-site-transition.effect-pixel .pst-beam { background:linear-gradient(90deg,transparent 0 24%,rgba(255,255,255,.26) 24% 30%,transparent 30% 64%,rgba(99,231,255,.25) 64% 70%,transparent 70%); }
.prime-site-transition.effect-pixel .pst-core { background:radial-gradient(circle,transparent 22%,rgba(0,0,0,.36) 58%,rgba(0,0,0,.75) 100%); }
.prime-site-transition.effect-pixel.is-active .pst-backdrop { animation:pstPixelBreak 900ms steps(8,end) both; }
.prime-site-transition.effect-pixel.is-active .pst-grid { animation:pstPixelBands 900ms steps(7,end) both; }
.prime-site-transition.effect-pixel.is-active .pst-field { animation:pstPixelField 900ms steps(6,end) both; }
.prime-site-transition.effect-pixel.is-active .pst-beam { animation:pstGlitchBeam 900ms steps(5,end) both; }
.prime-site-transition.effect-pixel.is-active .pst-core { animation:pstCoreFlash 900ms ease both; }
.prime-site-transition.effect-pixel.is-active .pst-particles i { width:7px;height:7px;animation:pstPixelSpark 720ms steps(6,end) both;animation-delay:calc(var(--pst-i) * 10ms); }

/* CIRCUIT */
.prime-site-transition.effect-circuit { background:#01070b; }
.prime-site-transition.effect-circuit .pst-backdrop { background:linear-gradient(180deg,rgba(1,10,14,.98),rgba(1,4,8,.99)); }
.prime-site-transition.effect-circuit .pst-grid { background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(80,229,255,.20) 46px 47px,transparent 47px 93px),repeating-linear-gradient(0deg,transparent 0 32px,rgba(118,95,255,.16) 32px 33px,transparent 33px 65px); }
.prime-site-transition.effect-circuit .pst-field { background:radial-gradient(circle at 14% 29%,#c5f8ff 0 2px,transparent 3px),radial-gradient(circle at 38% 72%,#a9f1ff 0 2px,transparent 3px),radial-gradient(circle at 63% 38%,#bca9ff 0 2px,transparent 3px),radial-gradient(circle at 82% 77%,#bfffd7 0 2px,transparent 3px); }
.prime-site-transition.effect-circuit .pst-beam { left:-40%;right:auto;width:38%;background:linear-gradient(90deg,transparent,rgba(111,236,255,.28),transparent); }
.prime-site-transition.effect-circuit .pst-core { background:radial-gradient(circle at 50% 50%,rgba(114,234,255,.22),transparent 23%); }
.prime-site-transition.effect-circuit.is-active .pst-backdrop { animation:pstFadeField 900ms ease both; }
.prime-site-transition.effect-circuit.is-active .pst-grid { animation:pstCircuitTrace 900ms steps(12,end) both; }
.prime-site-transition.effect-circuit.is-active .pst-field { animation:pstCircuitNodes 900ms steps(7,end) both; }
.prime-site-transition.effect-circuit.is-active .pst-beam { animation:pstCircuitSweep 900ms ease both; }
.prime-site-transition.effect-circuit.is-active .pst-core { animation:pstCoreFlash 900ms ease both; }
.prime-site-transition.effect-circuit.is-active .pst-particles i { width:4px;height:4px;border-radius:50%;animation:pstNodeRise 760ms steps(7,end) both;animation-delay:calc(var(--pst-i) * 13ms); }

/* DATAFALL */
.prime-site-transition.effect-datafall { background:#010609; }
.prime-site-transition.effect-datafall .pst-backdrop { background:linear-gradient(180deg,rgba(1,14,16,.98),rgba(1,4,8,.99)); }
.prime-site-transition.effect-datafall .pst-grid { background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(99,235,214,.12) 24px 25px,transparent 25px 49px); }
.prime-site-transition.effect-datafall .pst-field { background:repeating-linear-gradient(180deg,rgba(111,244,223,.16) 0 2px,transparent 2px 14px); }
.prime-site-transition.effect-datafall .pst-beam { top:35%;bottom:auto;height:2px;background:rgba(140,245,230,.72);box-shadow:0 0 22px rgba(85,234,216,.52); }
.prime-site-transition.effect-datafall .pst-core { background:radial-gradient(ellipse at 50% 40%,rgba(93,237,218,.15),transparent 45%); }
.prime-site-transition.effect-datafall.is-active .pst-backdrop { animation:pstFadeField 900ms ease both; }
.prime-site-transition.effect-datafall.is-active .pst-grid { animation:pstDataLanes 900ms ease both; }
.prime-site-transition.effect-datafall.is-active .pst-field { animation:pstDataField 900ms linear both; }
.prime-site-transition.effect-datafall.is-active .pst-beam { animation:pstDataBeam 900ms ease both; }
.prime-site-transition.effect-datafall.is-active .pst-core { animation:pstCoreFlash 900ms ease both; }
.prime-site-transition.effect-datafall.is-active .pst-particles i { top:-12%;width:2px;height:30px;background:rgba(129,245,225,.75);animation:pstDataDrop 760ms linear both;animation-delay:calc(var(--pst-i) * 17ms); }

@keyframes pstLabel { 0%,100%{opacity:0;transform:translateY(-7px)} 16%,72%{opacity:.82;transform:translateY(0)} }
@keyframes pstFadeField { 0%,100%{opacity:0} 18%,78%{opacity:1} }
@keyframes pstPulseField { 0%,100%{opacity:0;transform:scaleY(.65)} 38%,64%{opacity:1;transform:scaleY(1)} }
@keyframes pstScanGrid { 0%,100%{opacity:0;transform:translateY(-12px)} 18%,78%{opacity:.95;transform:translateY(12px)} }
@keyframes pstScanBeam { 0%{transform:translate3d(0,-4vh,0);opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{transform:translate3d(0,112vh,0);opacity:0} }
@keyframes pstCoreFlash { 0%,100%{opacity:0;transform:scale(.7)} 42%{opacity:.15} 54%{opacity:1;transform:scale(1.08)} 68%{opacity:.25} }
@keyframes pstSparkRise { 0%{opacity:0;transform:translate3d(0,15vh,0) scaleY(.4)} 24%{opacity:.85} 100%{opacity:0;transform:translate3d(0,-115vh,0) scaleY(1.8)} }
@keyframes pstPrismSweep { 0%{opacity:0;transform:translate3d(-115%,0,0) skewX(-10deg)} 20%{opacity:1} 100%{opacity:0;transform:translate3d(115%,0,0) skewX(-10deg)} }
@keyframes pstPrismCounter { 0%{opacity:0;transform:translate3d(105%,0,0) skewX(8deg)} 25%{opacity:.75} 100%{opacity:0;transform:translate3d(-105%,0,0) skewX(8deg)} }
@keyframes pstPrismBeam { 0%,100%{opacity:0;transform:translateX(-80%)} 42%{opacity:.35} 55%{opacity:1;transform:translateX(0)} 72%{opacity:.1;transform:translateX(65%)} }
@keyframes pstGridRush { 0%{opacity:0;transform:rotateX(67deg) translateY(74%) scale(2.25)} 22%{opacity:1} 100%{opacity:0;transform:rotateX(67deg) translateY(-15%) scale(.82)} }
@keyframes pstGridHorizon { 0%,100%{opacity:0;transform:scaleY(.45)} 38%,64%{opacity:1;transform:scaleY(1)} }
@keyframes pstHorizonBeam { 0%,100%{opacity:0;transform:scaleX(.08)} 44%,62%{opacity:1;transform:scaleX(1)} }
@keyframes pstStarRush { 0%{opacity:0;transform:translate3d(0,15vh,0) scaleY(.25)} 22%{opacity:.8} 100%{opacity:0;transform:translate3d(0,-115vh,0) scaleY(2.4)} }
@keyframes pstShutterBars { 0%,100%{opacity:0;transform:scaleX(1.05)} 28%,70%{opacity:.9;transform:scaleX(1)} }
@keyframes pstShutterTop { 0%,100%{transform:scaleY(0)} 31%,69%{transform:scaleY(1)} }
@keyframes pstShutterBottom { 0%,100%{transform:scaleY(0)} 31%,69%{transform:scaleY(1)} }
@keyframes pstShutterLine { 0%,100%{opacity:0;transform:scaleX(.02)} 43%,59%{opacity:1;transform:scaleX(1)} }
@keyframes pstHorizontalSpark { 0%{opacity:0;transform:translate3d(-30vw,-50vh,0)} 35%{opacity:.8} 100%{opacity:0;transform:translate3d(120vw,-50vh,0)} }
@keyframes pstWarpField { 0%{opacity:0;transform:scale(.28)} 40%{opacity:.85} 100%{opacity:0;transform:scale(4.2)} }
@keyframes pstWarpRing { 0%{opacity:0;transform:scale(.08)} 40%{opacity:1} 100%{opacity:0;transform:scale(22)} }
@keyframes pstWarpCross { 0%,100%{opacity:0;transform:scale(.3)} 42%,64%{opacity:.8;transform:scale(1.4)} }
@keyframes pstWarpFlash { 0%,100%{opacity:0;transform:scale(.65)} 48%{opacity:1;transform:scale(1.1)} }
@keyframes pstPixelBreak { 0%{opacity:0;transform:scale(1.34) translateX(-3%)} 20%{opacity:.95} 48%{transform:scale(.92) translateX(3%)} 72%{opacity:.65;transform:scale(1.08) translateX(-2%)} 100%{opacity:0;transform:scale(1.45)} }
@keyframes pstPixelBands { 0%,100%{opacity:0;transform:translateX(-9%)} 20%,70%{opacity:.85} 52%{transform:translateX(9%)} }
@keyframes pstPixelField { 0%,100%{opacity:0;transform:translateY(-8%)} 24%,72%{opacity:.8} 48%{transform:translateY(8%)} }
@keyframes pstGlitchBeam { 0%,100%{opacity:0;transform:translateX(-12%)} 28%,70%{opacity:.8} 50%{transform:translateX(12%)} }
@keyframes pstPixelSpark { 0%{opacity:0;transform:translate3d(0,12vh,0) scale(.4)} 25%{opacity:.9} 100%{opacity:0;transform:translate3d(0,-112vh,0) scale(1.7)} }
@keyframes pstCircuitTrace { 0%,100%{opacity:0;transform:translateX(-6%) scale(1.04)} 18%{opacity:.35} 45%,72%{opacity:1;transform:translateX(0) scale(1)} }
@keyframes pstCircuitNodes { 0%,100%{opacity:0;transform:scale(.7)} 25%,70%{opacity:1;transform:scale(1.15)} }
@keyframes pstCircuitSweep { 0%{opacity:0;transform:translateX(0)} 30%{opacity:1} 100%{opacity:0;transform:translateX(370%)} }
@keyframes pstNodeRise { 0%{opacity:0;transform:translate3d(0,12vh,0)} 24%{opacity:1} 100%{opacity:0;transform:translate3d(0,-108vh,0)} }
@keyframes pstDataLanes { 0%,100%{opacity:0;transform:translateX(-10px)} 20%,78%{opacity:1;transform:translateX(10px)} }
@keyframes pstDataField { 0%{opacity:0;transform:translateY(-20%)} 24%{opacity:.7} 100%{opacity:0;transform:translateY(20%)} }
@keyframes pstDataBeam { 0%,100%{opacity:0;transform:translateY(-35vh) scaleX(.15)} 35%{opacity:1;transform:translateY(0) scaleX(1)} 70%{opacity:.7;transform:translateY(35vh) scaleX(.4)} }
@keyframes pstDataDrop { 0%{opacity:0;transform:translateY(-12vh)} 18%{opacity:.9} 100%{opacity:0;transform:translateY(118vh)} }

@-webkit-keyframes pstLabel { 0%,100%{opacity:0;-webkit-transform:translateY(-7px)} 16%,72%{opacity:.82;-webkit-transform:translateY(0)} }
@-webkit-keyframes pstScanBeam { 0%{-webkit-transform:translate3d(0,-4vh,0);opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{-webkit-transform:translate3d(0,112vh,0);opacity:0} }
@-webkit-keyframes pstPrismSweep { 0%{opacity:0;-webkit-transform:translate3d(-115%,0,0) skewX(-10deg)} 20%{opacity:1} 100%{opacity:0;-webkit-transform:translate3d(115%,0,0) skewX(-10deg)} }
@-webkit-keyframes pstGridRush { 0%{opacity:0;-webkit-transform:rotateX(67deg) translateY(74%) scale(2.25)} 22%{opacity:1} 100%{opacity:0;-webkit-transform:rotateX(67deg) translateY(-15%) scale(.82)} }
@-webkit-keyframes pstShutterTop { 0%,100%{-webkit-transform:scaleY(0)} 31%,69%{-webkit-transform:scaleY(1)} }
@-webkit-keyframes pstShutterBottom { 0%,100%{-webkit-transform:scaleY(0)} 31%,69%{-webkit-transform:scaleY(1)} }
@-webkit-keyframes pstWarpRing { 0%{opacity:0;-webkit-transform:scale(.08)} 40%{opacity:1} 100%{opacity:0;-webkit-transform:scale(22)} }
@-webkit-keyframes pstPixelBreak { 0%{opacity:0;-webkit-transform:scale(1.34) translateX(-3%)} 20%{opacity:.95} 48%{-webkit-transform:scale(.92) translateX(3%)} 72%{opacity:.65;-webkit-transform:scale(1.08) translateX(-2%)} 100%{opacity:0;-webkit-transform:scale(1.45)} }
@-webkit-keyframes pstCircuitSweep { 0%{opacity:0;-webkit-transform:translateX(0)} 30%{opacity:1} 100%{opacity:0;-webkit-transform:translateX(370%)} }
@-webkit-keyframes pstDataDrop { 0%{opacity:0;-webkit-transform:translateY(-12vh)} 18%{opacity:.9} 100%{opacity:0;-webkit-transform:translateY(118vh)} }

html.pc-save-data .prime-site-transition .pst-particles { display:none; }

@media (max-width:720px) {
  .prime-site-transition .pst-label { display:none; }
  .prime-site-transition.effect-grid .pst-grid { background-size:28px 28px; }
  .prime-site-transition.effect-pixel .pst-backdrop { background-size:36px 36px; }
}

@media (prefers-reduced-motion:reduce) {
  .prime-site-transition { display:none !important; }
}

#pcBookReader .prime-site-transition,
#pcReaderTeleport .prime-site-transition,
.pc-book-reader .prime-site-transition {
  display:none !important;
}