@property --stat{syntax:"<integer>";inherits:false;initial-value:0}.account-layout{background:var(--color-page)}.account-header{transition:background-color .15s,box-shadow .15s}.account-header[data-scrolled]{background:color-mix(in srgb, var(--palette-green-400) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #ffffff2e}.account-section{animation:account-rise .24s var(--ease-spring) both;animation-delay:calc(var(--i,0) * 40ms)}@keyframes account-rise{0%{opacity:0;transform:translateY(8px)}}.account-menu .menu-item{animation:account-rise-4 .22s var(--ease-spring) both;animation-delay:calc(var(--i,0) * 30ms + 80ms)}@keyframes account-rise-4{0%{opacity:0;transform:translateY(4px)}}.burger-morph>span{background:currentColor;border-radius:2px;width:22px;height:3px;position:absolute;top:calc(50% - 1.5px);left:calc(50% - 11px)}.burger-morph>span:first-child{animation:burger-top .26s var(--ease-snappy) both}.burger-morph>span:nth-child(2){animation:.16s ease-out both burger-mid}.burger-morph>span:nth-child(3){animation:burger-bottom .26s var(--ease-snappy) both}@keyframes burger-top{0%{transform:translateY(-7px)}to{transform:rotate(45deg)}}@keyframes burger-mid{to{opacity:0}}@keyframes burger-bottom{0%{transform:translateY(7px)}to{transform:rotate(-45deg)}}.code-box{backface-visibility:hidden}.code-flip-in{animation:code-flip-in .26s var(--ease-spring) both;animation-delay:calc(var(--i,0) * 50ms)}@keyframes code-flip-in{0%{opacity:0;transform:rotateX(90deg)}}.code-flap{animation:.36s ease-in-out both code-flap;animation-delay:calc(var(--i,0) * 60ms)}@keyframes code-flap{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.play-code-boxes[data-sweep] .code-box{animation:.2s ease-out both code-sweep;animation-delay:calc(var(--i,0) * 40ms)}@keyframes code-sweep{50%{border-color:var(--palette-lime-400);background:#c8fa2859}}.code-crossfade{animation:.15s ease-out both account-fade}@keyframes account-fade{0%{opacity:0}}.copy-code .copy-label{-webkit-text-decoration:inherit;text-decoration:inherit;animation:.16s ease-out both copy-roll;display:inline-block}@keyframes copy-roll{0%{opacity:0;transform:translateY(60%)}}.stat-number{font-variant-numeric:tabular-nums;display:inline-block;position:relative}.stat-counter{counter-reset:stat var(--stat);transition:--stat var(--stat-ms,.8s) cubic-bezier(.2, 0, 0, 1)}.stat-counter:after{content:counter(stat)}.stat-final{display:none}@supports not (transition-behavior:allow-discrete){.stat-counter{display:none}.stat-final{display:inline}}.stat-flash{animation:.6s ease-out stat-flash}@keyframes stat-flash{30%{background:#baff2933}}.unlock-pop{animation:unlock-pop .42s var(--ease-spring) both;display:inline-block}@keyframes unlock-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}}.unlock-line{animation:account-rise .26s var(--ease-spring) .12s both}.account-banner{animation:account-rise .22s var(--ease-spring) both}.play-here-transition{animation:.6s ease-out both play-here-fade}.play-here-transition .play-here-icon{animation:unlock-pop .42s var(--ease-spring) both}@keyframes play-here-fade{0%{background:var(--palette-green-400)}to{background:#006464}}.field-shake{animation:.36s ease-in-out field-shake}@keyframes field-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.lock-cover{animation:.15s ease-out both account-fade}@media (prefers-reduced-motion:reduce){.account-section,.account-menu .menu-item,.code-flip-in,.code-flap,.play-code-boxes[data-sweep] .code-box,.copy-code .copy-label,.unlock-pop,.unlock-line,.account-banner,.field-shake,.play-here-transition .play-here-icon{animation:.15s ease-out both account-fade}.stat-counter{transition:none}.burger-morph>span{animation-duration:0s}}html[data-reduce-motion=true] .burger-morph>span{animation-duration:0s}html[data-reduce-motion=true] :is(.account-section,.account-menu .menu-item,.code-flip-in,.code-flap,.play-code-boxes[data-sweep] .code-box,.copy-code .copy-label,.unlock-pop,.unlock-line,.account-banner,.field-shake,.play-here-transition .play-here-icon){animation:.15s ease-out both account-fade}html[data-reduce-motion=true] .stat-counter{transition:none}
