.creation-input-hint{font-size:10px;color:#7c7893;margin:10px 2px 0}.creation-wait{font-size:12px;color:#67617d;margin:12px 0 0}
.creation-transition{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;overflow:hidden;isolation:isolate;pointer-events:auto;background:transparent;color:#fff}
.creation-transition[hidden]{display:none!important}.creation-transition-open{overflow:hidden}
.creation-transition-veil{position:absolute;inset:0;background:var(--purple,#6b4eff);clip-path:circle(0 at 50% 50%);z-index:-1}
.creation-transition-mark{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;color:var(--purple,#6b4eff);transform-origin:50% 50%;filter:drop-shadow(0 8px 20px #6b4eff25)}
.creation-transition p{position:absolute;top:calc(50% + 64px);left:24px;right:24px;margin:0;text-align:center;color:#fff;font-size:14px;font-weight:550;opacity:0}
.creation-transition.is-covering .creation-transition-veil{animation:arzhu-screen-cover .76s cubic-bezier(.6,0,.24,1) both}
.creation-transition.is-covering .creation-transition-mark{animation:arzhu-logo-arrive .76s cubic-bezier(.42,0,.3,1) both}
.creation-transition.is-covering p{animation:arzhu-transition-label .76s ease both}
@keyframes arzhu-screen-cover{0%,20%{clip-path:circle(0 at 50% 50%)}100%{clip-path:circle(145vmax at 50% 50%)}}
@keyframes arzhu-logo-arrive{0%{transform:rotate(-18deg) scale(.55);opacity:0}18%{transform:rotate(0deg) scale(1);opacity:1;color:var(--purple,#6b4eff)}42%{color:#fff;opacity:1}80%{opacity:.65}100%{transform:rotate(240deg) scale(32);opacity:0;color:#fff}}
@keyframes arzhu-transition-label{0%,68%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}}
@media(pointer:coarse){.creation-input-hint{display:none}}
@media(prefers-reduced-motion:reduce){.creation-transition.is-covering *{animation:none!important}.creation-transition{display:none!important}}