/* Reuse Studio's existing ink motion without adding scripts or media. */
body.production-entry {position:relative;isolation:isolate;min-height:100svh;}
.production-entry > .auth-ink {position:fixed;inset:0;z-index:-1;}
.production-entry > .auth-ink i {animation-name:production-ink-drift;}
@keyframes production-ink-drift {
  from {transform:translate(-5%,-7%) rotate(-22deg) scale(.8,.75);}
  50% {transform:translate(7%,12%) rotate(12deg) scale(1.05,1.15);}
  to {transform:translate(13%,22%) rotate(37deg) scale(1.2,.95);}
}
:root[data-theme=light] .production-entry > .auth-ink {background:transparent;opacity:.38;}
:root[data-theme=light] .production-entry > .auth-ink::after {background:none;}
:root[data-theme=light] .production-entry > .auth-ink i {opacity:.45;mix-blend-mode:multiply;}
:root[data-theme=light] .production-entry > .auth-ink i:nth-child(4) {display:none;}
@media(prefers-reduced-motion:reduce) {
  .production-entry > .auth-ink i {animation:none;will-change:auto;}
}