.ygG2rW_scene{--ease:cubic-bezier(.2, 0, 0, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--bubble:cubic-bezier(.3, 1.45, .6, 1);--d:0s;--dur:.42s}.ygG2rW_scene[data-state=pre] .ygG2rW_in,.ygG2rW_scene[data-state=pre] .ygG2rW_inLeft,.ygG2rW_scene[data-state=pre] .ygG2rW_inRight,.ygG2rW_scene[data-state=pre] .ygG2rW_drop,.ygG2rW_scene[data-state=pre] .ygG2rW_pop,.ygG2rW_scene[data-state=pre] .ygG2rW_fade{opacity:0}.ygG2rW_scene[data-state=play] .ygG2rW_fade{animation:ygG2rW_fw-fade var(--dur) var(--ease) var(--d) both}@keyframes ygG2rW_fw-fade{0%{opacity:0}to{opacity:1}}.ygG2rW_scene[data-state=play] .ygG2rW_in{animation:ygG2rW_fw-in var(--dur) var(--ease) var(--d) both}.ygG2rW_scene[data-state=play] .ygG2rW_inLeft{animation:ygG2rW_fw-in-left .42s var(--bubble) var(--d) both;transform-origin:0 100%}.ygG2rW_scene[data-state=play] .ygG2rW_inRight{animation:ygG2rW_fw-in-right .42s var(--bubble) var(--d) both;transform-origin:100% 100%}.ygG2rW_scene[data-state=play] .ygG2rW_drop{animation:ygG2rW_fw-drop .64s var(--ease) var(--d) both}.ygG2rW_scene[data-state=play] .ygG2rW_pop{animation:ygG2rW_fw-pop .48s var(--spring) var(--d) both}@keyframes ygG2rW_fw-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ygG2rW_fw-in-left{0%{opacity:0;transform:translate(-8px,8px)scale(.6)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes ygG2rW_fw-in-right{0%{opacity:0;transform:translate(8px,8px)scale(.6)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes ygG2rW_fw-drop{0%{opacity:0;transform:translateY(-120%)scale(.97)}55%{opacity:1;transform:translateY(5px)}78%{transform:translateY(-2px)}to{opacity:1;transform:none}}@keyframes ygG2rW_fw-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.ygG2rW_scene[data-state=pre] .ygG2rW_type{clip-path:inset(0 100% 0 0)}.ygG2rW_scene[data-state=play] .ygG2rW_type{animation:ygG2rW_fw-type var(--dur) steps(var(--steps,12), end) var(--d) both}@keyframes ygG2rW_fw-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.ygG2rW_draw{stroke-dasharray:1;stroke-dashoffset:0}.ygG2rW_scene[data-state=pre] .ygG2rW_draw{stroke-dashoffset:1px;opacity:0}.ygG2rW_scene[data-state=play] .ygG2rW_draw{animation:ygG2rW_fw-draw var(--dur) cubic-bezier(.45, 0, .55, 1) var(--d) both}@keyframes ygG2rW_fw-draw{0%{stroke-dashoffset:1px;opacity:0}1%{opacity:1}to{stroke-dashoffset:0}}.ygG2rW_dim{opacity:.15}.ygG2rW_scene[data-state=pre] .ygG2rW_dim{opacity:1}.ygG2rW_scene[data-state=play] .ygG2rW_dim{animation:ygG2rW_fw-dim .36s var(--ease) var(--d) both}@keyframes ygG2rW_fw-dim{0%{opacity:1}to{opacity:.15}}.ygG2rW_flash,.ygG2rW_ring,.ygG2rW_typing,.ygG2rW_touch,.ygG2rW_ripple,.ygG2rW_pen{opacity:0}.ygG2rW_scene[data-state=play] .ygG2rW_flash{animation:ygG2rW_fw-flash var(--dur) linear var(--d) both}@keyframes ygG2rW_fw-flash{0%{opacity:0}10%,86%{opacity:1}to{opacity:0}}.ygG2rW_scene[data-state=play] .ygG2rW_ring{animation:ygG2rW_fw-ring 1.1s cubic-bezier(0, 0, .2, 1) var(--d) 2 both}@keyframes ygG2rW_fw-ring{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}.ygG2rW_scene[data-state=play] .ygG2rW_press{animation:ygG2rW_fw-press .3s var(--ease) var(--d) both}@keyframes ygG2rW_fw-press{0%,to{transform:none}40%{transform:scale(.94)}}.ygG2rW_dot{animation:none}.ygG2rW_scene[data-state=play] .ygG2rW_dot{animation:.9s ease-in-out infinite ygG2rW_fw-dot}.ygG2rW_scene[data-state=play] .ygG2rW_dot:nth-child(2){animation-delay:.15s}.ygG2rW_scene[data-state=play] .ygG2rW_dot:nth-child(3){animation-delay:.3s}@keyframes ygG2rW_fw-dot{0%,to{opacity:.45;transform:none}50%{opacity:1;transform:translateY(-3px)}}.ygG2rW_scene[data-state=play] .ygG2rW_typing{animation:ygG2rW_fw-typing var(--dur) linear var(--d) both;transform-origin:0 100%}@keyframes ygG2rW_fw-typing{0%{opacity:0;transform:scale(.6)}14%{opacity:1;transform:scale(1.05)}22%{transform:none}88%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}.ygG2rW_ch{position:relative}.ygG2rW_ch:after{content:"";background:var(--ink);opacity:0;width:1.5px;position:absolute;top:12%;bottom:12%;right:-1px}.ygG2rW_caretStart{background:var(--ink);opacity:0;width:1.5px;position:absolute;top:12%;bottom:12%;left:0}.ygG2rW_scene[data-state=pre] .ygG2rW_ch{opacity:0}.ygG2rW_scene[data-state=play] .ygG2rW_ch{animation:ygG2rW_fw-show 1ms linear var(--d) both}.ygG2rW_scene[data-state=play] .ygG2rW_ch:after{animation:ygG2rW_fw-on var(--cd) linear var(--d)}.ygG2rW_scene[data-state=play] .ygG2rW_chLast:after{animation:ygG2rW_fw-blink .9s step-end var(--d) 2}.ygG2rW_scene[data-state=play] .ygG2rW_caretStart{animation:ygG2rW_fw-blink .9s step-end var(--d) var(--n)}@keyframes ygG2rW_fw-show{0%{opacity:0}to{opacity:1}}@keyframes ygG2rW_fw-on{0%,to{opacity:1}}@keyframes ygG2rW_fw-blink{0%{opacity:1}55%,to{opacity:0}}.ygG2rW_pen{background:var(--tint);offset-rotate:0deg;offset-anchor:center;border-radius:9999px;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #1e7a712e}.ygG2rW_scene[data-state=play] .ygG2rW_pen{animation:ygG2rW_fw-pen var(--dur) cubic-bezier(.45, .05, .55, .95) var(--d) both}@keyframes ygG2rW_fw-pen{0%{offset-distance:0%;opacity:0}5%,94%{opacity:1}to{offset-distance:100%;opacity:0}}.ygG2rW_scene[data-state=play] .ygG2rW_touch{animation:ygG2rW_fw-touch .68s var(--ease) var(--d) both}@keyframes ygG2rW_fw-touch{0%{opacity:0;transform:translate(8px,10px)scale(1.5)}30%{opacity:.38;transform:none}55%{opacity:.42;transform:scale(.88)}to{opacity:0;transform:scale(1.05)}}.ygG2rW_scene[data-state=play] .ygG2rW_ripple{animation:ygG2rW_fw-ripple .56s cubic-bezier(0, 0, .2, 1) calc(var(--d) + .22s) both}@keyframes ygG2rW_fw-ripple{0%{opacity:0;transform:scale(.45)}1%{opacity:.32;transform:scale(.45)}to{opacity:0;transform:scale(1.9)}}.ygG2rW_scene[data-state=play] .ygG2rW_shake{animation:ygG2rW_fw-shake .9s ease-in-out var(--d) 2}@keyframes ygG2rW_fw-shake{0%,60%,to{transform:none}8%{transform:rotate(-14deg)}18%{transform:rotate(13deg)}28%{transform:rotate(-11deg)}38%{transform:rotate(9deg)}48%{transform:rotate(-4deg)}}.ygG2rW_shackle{transform-box:fill-box}.ygG2rW_scene[data-state=pre] .ygG2rW_shackle{transform:translateY(-4px)}.ygG2rW_scene[data-state=play] .ygG2rW_shackle{animation:ygG2rW_fw-shackle .56s var(--ease) var(--d) both}@keyframes ygG2rW_fw-shackle{0%{transform:translateY(-4px)}55%{transform:translateY(1.2px)}78%{transform:translateY(-.6px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.ygG2rW_scene *,.ygG2rW_scene :before,.ygG2rW_scene :after{transition:none!important;animation:none!important}}
