.sivan-pass { display:block; width:100%; height:100%; overflow:visible; }
.sivan-pass .pass-back,.sivan-pass .pass-front,.sivan-pass .pass-float,.sivan-pass .pass-shadow,.sivan-pass .pass-spark,.sivan-pass .pass-dot,.sivan-pass .pass-emblem { transform-box:fill-box; transform-origin:center; }
.sivan-pass .pass-back { transform-origin:45% 85%; }
.sivan-pass .pass-sheen { opacity:0; }
.sivan-pass .pass-signature { stroke-dasharray:100; stroke-dashoffset:0; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .sivan-pass .pass-back,.sivan-pass .pass-front,.sivan-pass .pass-shadow { transition:transform 650ms cubic-bezier(.22,1,.36,1),opacity 450ms ease; }
  .sivan-pass.is-animated .pass-back { transform:translate(-7px,-3px) rotate(-5deg); }
  .sivan-pass.is-animated .pass-front { transform:translate(2px,-5px) rotate(-1deg); }
  .sivan-pass.is-animated .pass-shadow { transform:scaleX(.87); opacity:.055; }
  .sivan-pass.is-animated .pass-float { animation:pass-paper-float 4.8s ease-in-out infinite; }
  .sivan-pass.is-animated .pass-sheen { animation:pass-paper-sheen 1.35s cubic-bezier(.3,.05,.25,1) both; }
  .sivan-pass.is-animated .pass-spark { animation:pass-paper-spark 4.8s ease-in-out infinite; }
  .sivan-pass.is-animated .pass-spark--second { animation-delay:.6s; }
  .sivan-pass.is-animated .pass-dot { animation:pass-paper-dot 4.8s ease-in-out infinite; }
  .sivan-pass.is-animated .pass-signature { animation:pass-signature-ink 1.4s ease-out both; }
  .sivan-pass.is-animated .pass-emblem { animation:pass-foil-light 4.8s ease-in-out infinite; }
}
@keyframes pass-paper-float { 0%,100% { transform:translate(0,0); } 40% { transform:translate(-1px,-3px) rotate(-.5deg); } 72% { transform:translate(1px,-1px) rotate(.4deg); } }
@keyframes pass-paper-sheen { 0%,12% { transform:translateX(0); opacity:0; } 24% { opacity:.75; } 85%,100% { transform:translateX(205px); opacity:0; } }
@keyframes pass-paper-spark { 0%,100% { transform:scale(1); opacity:.65; } 36% { transform:scale(.65) rotate(-10deg); opacity:.25; } 64% { transform:scale(1.15) rotate(10deg); opacity:1; } }
@keyframes pass-paper-dot { 0%,100% { transform:translateY(0); opacity:.45; } 50% { transform:translate(1px,-4px); opacity:.2; } }
@keyframes pass-signature-ink { 0%,12% { stroke-dashoffset:100; opacity:.3; } 100% { stroke-dashoffset:0; opacity:1; } }
@keyframes pass-foil-light { 0%,100% { opacity:1; } 42% { opacity:.55; } 68% { opacity:.9; } }
@media (prefers-reduced-motion:reduce) { .sivan-pass * { animation:none!important; transition:none!important; } }