[data-product=supwrite] .hui{font-size:var(--hui-size,240px);--ps:paused}[data-product=supwrite] .hui[data-live]{--ps:running}[data-product=supwrite] .hui-fx,[data-product=supwrite] .hui-main,[data-product=supwrite] .hui-grp,[data-product=supwrite] .hui-bd,[data-product=supwrite] .hui-alt{display:block;position:absolute;inset:0}[data-product=supwrite] .hui-fx,[data-product=supwrite] .hui-bd{transform-origin:50% 81.5%}[data-product=supwrite] .hui-alt{display:none}[data-product=supwrite] .hui-l{transform-origin:50%}[data-product=supwrite] .hui-l[data-layer=blink]{opacity:0}[data-product=supwrite] .hui--grounded:before{content:"";z-index:-1;background:radial-gradient(closest-side,#00000038,#0000);border-radius:50%;height:8%;position:absolute;top:78%;left:24%;right:24%}[data-product=supwrite] .hui-hit{z-index:2;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute}[data-product=supwrite] .hui[data-tap] .hui-hit{pointer-events:auto}[data-product=supwrite] [data-g=wave] [data-layer=arm]{transform-origin:74.27% 62%}[data-product=supwrite] [data-g=hold] [data-layer=pencil]{transform-origin:65.6% 55%}[data-product=supwrite] [data-g=celebrate] [data-layer=streamers]{transform-origin:83.8% 34.27%}[data-product=supwrite] [data-g=celebrate] [data-layer=confetti]{transform-origin:63% 27.33%}[data-product=supwrite] .hui[data-blink] .hui-l[data-layer=eyes]{opacity:0}[data-product=supwrite] .hui[data-blink] .hui-l[data-layer=blink]{opacity:1}[data-product=supwrite] .hui[data-asleep] .hui-main{opacity:0}[data-product=supwrite] .hui[data-asleep] .hui-alt{display:block}[data-product=supwrite] .hui[data-settle] .hui-grp[data-g=wave]{opacity:0}@media (prefers-reduced-motion:no-preference){[data-product=supwrite] .hui[data-vis] .hui-bd{animation:3.2s ease-in-out infinite hui-breathe;animation-play-state:var(--ps)}[data-product=supwrite] .hui-alt .hui-bd{animation:4.2s ease-in-out infinite hui-breathe-deep;animation-play-state:var(--ps)}@keyframes hui-breathe{50%{transform:scale(1.009,1.018)}}@keyframes hui-breathe-deep{50%{transform:scale(1.0175,1.035)}}[data-product=supwrite] .hui-l[data-layer=eyes],[data-product=supwrite] .hui-l[data-layer=blink]{translate:var(--ex,0px) var(--ey,0px);transition:translate .16s ease-out}[data-product=supwrite] .hui[data-vis] [data-g=wave] [data-layer=arm]{animation:1.4s ease-in-out 2 both hui-wave;animation-play-state:var(--ps)}[data-product=supwrite] .hui[data-vis] [data-g=wave] [data-layer=motion]{animation:1.4s ease-in-out 2 both hui-wave-lines;animation-play-state:var(--ps)}@keyframes hui-wave{0%,80%,to{transform:rotate(0)}20%,60%{transform:rotate(12deg)}40%{transform:rotate(-2deg)}}@keyframes hui-wave-lines{0%,40%,80%,to{opacity:1}20%,60%{opacity:.15}}:root.sw-js [data-product=supwrite] .hui[data-settle] .hui-grp[data-g=wave]{opacity:1}:root.sw-js [data-product=supwrite] .hui[data-settle] .hui-grp[data-g=hold]{opacity:0}:root.sw-js [data-product=supwrite] .hui[data-settle][data-vis] .hui-grp[data-g=wave]{animation:.6s 2.8s both hui-settle-out;animation-play-state:var(--ps)}:root.sw-js [data-product=supwrite] .hui[data-settle][data-vis] .hui-grp[data-g=hold]{animation:.6s 2.8s both hui-settle-in;animation-play-state:var(--ps)}@keyframes hui-settle-out{to{opacity:0}}@keyframes hui-settle-in{to{opacity:1}}[data-product=supwrite] .hui[data-vis] [data-g=hold] .hui-bd{animation:3.2s ease-in-out infinite hui-breathe,1.7s ease-in-out infinite hui-hold-hop;animation-play-state:var(--ps), var(--ps)}@keyframes hui-hold-hop{0%,26%,to{translate:0}12%{translate:0 -.0375em}}@media (hover:hover){[data-product=supwrite] .hui-hit:hover~.hui-fx [data-layer=pencil]{animation:.7s ease-in-out both hui-wobble}}@keyframes hui-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2.5deg)}88%{transform:rotate(1deg)}}[data-product=supwrite] .hui[data-vis] [data-g=asleep] [data-layer=zzz],[data-product=supwrite] .hui-alt [data-layer=zzz]{animation:3s ease-in-out infinite hui-zzz;animation-play-state:var(--ps)}@keyframes hui-zzz{0%{opacity:0;transform:translateY(.0375em)}20%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(-.0875em)}}[data-product=supwrite] .hui[data-vis] [data-g=celebrate] .hui-bd{animation:3.2s ease-in-out infinite hui-breathe,1.2s ease-in-out infinite hui-party;animation-play-state:var(--ps), var(--ps)}[data-product=supwrite] .hui[data-vis] [data-g=celebrate] [data-layer=streamers]{animation:1.2s ease-in-out infinite hui-streamers;animation-play-state:var(--ps)}[data-product=supwrite] .hui[data-vis] [data-g=celebrate] [data-layer=confetti]{animation:1.2s ease-in-out infinite hui-confetti;animation-play-state:var(--ps)}@keyframes hui-party{0%,36%,to{translate:0}18%{translate:0 -.05em}}@keyframes hui-streamers{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes hui-confetti{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}}[data-product=supwrite] .hui-say{z-index:60;box-sizing:border-box;width:max-content;max-width:min(280px,100vw - 24px);color:var(--sw-text);background:var(--sw-paper);box-shadow:var(--sw-lift-1), 0 10px 28px -8px #00000038;pointer-events:none;opacity:0;border-radius:10px;margin:0;padding:12px 16px;font-size:.9375rem;line-height:1.4;transition:opacity .25s,translate .25s;position:absolute}[data-product=supwrite] .hui-say[data-show]{opacity:1}[data-product=supwrite] .hui-say[data-show][data-link]{pointer-events:auto}[data-product=supwrite] .hui-say:after{content:"";left:var(--tx,22px);background:var(--sw-paper);border-radius:0 0 3px;width:12px;height:12px;position:absolute;top:calc(100% - 6px);rotate:45deg}[data-product=supwrite] .hui-say[data-below]:after{border-radius:3px 0 0;top:-6px}@media (prefers-reduced-motion:no-preference){[data-product=supwrite] .hui-say{translate:0 6px}[data-product=supwrite] .hui-say[data-show]{translate:0}}