.demo[data-astro-cid-ijzayb5m]{margin-left:auto;margin-right:auto;width:100%;max-width:42rem}.caption[data-astro-cid-ijzayb5m]{position:relative;margin-bottom:1.5rem;height:2.25rem;text-align:center}@media(min-width:640px){.caption[data-astro-cid-ijzayb5m]{height:2.5rem}}.line[data-astro-cid-ijzayb5m]{position:absolute;inset:0;font-size:1.25rem;line-height:1.75rem;font-weight:700;letter-spacing:-.02em;--tw-text-opacity: 1;color:rgb(37 37 34 / var(--tw-text-opacity, 1));opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media(min-width:640px){.line[data-astro-cid-ijzayb5m]{font-size:1.5rem;line-height:2rem}}.line[data-astro-cid-ijzayb5m].is-on{opacity:1}.stage[data-astro-cid-ijzayb5m]{position:relative;height:19rem;overflow:hidden;border-radius:1.5rem;background-color:#fffc;border:1px solid rgba(37,37,34,.07);box-shadow:0 2px 4px #25252208,0 28px 70px -30px #25252273}.scene[data-astro-cid-ijzayb5m]{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;opacity:0}@media(min-width:640px){.scene[data-astro-cid-ijzayb5m]{padding-left:2.5rem;padding-right:2.5rem}}.scene[data-astro-cid-ijzayb5m]{transition:opacity .5s ease}.scene[data-astro-cid-ijzayb5m].is-on{opacity:1}.tick[data-astro-cid-ijzayb5m]{display:inline-flex;align-items:center;white-space:nowrap;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(232 243 236 / var(--tw-bg-opacity, 1));padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(59 143 98 / var(--tw-text-opacity, 1))}.card-sm[data-astro-cid-ijzayb5m]{display:flex;flex-direction:column;align-items:center;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem 1.5rem;text-align:center;border:1px solid rgba(37,37,34,.08)}.doc[data-astro-cid-ijzayb5m]{position:relative;width:100%;max-width:24rem;overflow:hidden;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem;border:1px solid rgba(37,37,34,.08)}.face[data-astro-cid-ijzayb5m]{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:9999px;background-color:#25252214;font-size:10px;font-weight:700;color:#2525228c}@media(min-width:640px){.face[data-astro-cid-ijzayb5m]{height:2.5rem;width:2.5rem}}.lens[data-astro-cid-ijzayb5m]{pointer-events:none;position:absolute;height:2.75rem;width:2.75rem;opacity:0;left:50%;top:50%;transform:translate(-37%,-37%)}.scene[data-astro-cid-ijzayb5m].is-on .lens[data-astro-cid-ijzayb5m]{animation:search 1.8s ease-in-out .2s forwards}.scene[data-astro-cid-ijzayb5m].is-on .face-other[data-astro-cid-ijzayb5m]{animation:dim .4s ease 1.9s forwards}.scene[data-astro-cid-ijzayb5m].is-on .face-pick[data-astro-cid-ijzayb5m]{animation:pick .4s ease 1.8s forwards}.send-btn[data-astro-cid-ijzayb5m]{position:absolute;right:0;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(147 121 250 / var(--tw-bg-opacity, 1));padding:.375rem 1rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:0}.scene[data-astro-cid-ijzayb5m].is-on .send-btn[data-astro-cid-ijzayb5m]{animation:press .9s ease 1.9s forwards}.sent[data-astro-cid-ijzayb5m]{position:absolute;right:0}.mail-out[data-astro-cid-ijzayb5m],.mail-in[data-astro-cid-ijzayb5m]{max-width:88%;border-radius:1rem;padding:.625rem 1rem;font-size:13px;line-height:1.375}.mail-out[data-astro-cid-ijzayb5m]{align-self:flex-end;border-bottom-right-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(147 121 250 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.mail-in[data-astro-cid-ijzayb5m]{align-self:flex-start;border-bottom-left-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(232 243 236 / var(--tw-bg-opacity, 1));font-weight:600;--tw-text-opacity: 1;color:rgb(59 143 98 / var(--tw-text-opacity, 1))}.mail-day[data-astro-cid-ijzayb5m]{margin-bottom:.125rem;font-size:10px;font-weight:600;opacity:.7}.typing[data-astro-cid-ijzayb5m]{display:flex;height:0px;gap:.25rem;align-self:flex-start;overflow:hidden;border-radius:1rem;background-color:#2525220f;padding-left:.75rem;padding-right:.75rem;padding-top:0;padding-bottom:0;opacity:0}.scene[data-astro-cid-ijzayb5m].is-on .typing[data-astro-cid-ijzayb5m]{animation:typing .9s ease 2.4s forwards}.typing[data-astro-cid-ijzayb5m] i[data-astro-cid-ijzayb5m]{height:.375rem;width:.375rem;border-radius:9999px;background-color:#25252266;animation:bounce .9s ease-in-out infinite}.typing[data-astro-cid-ijzayb5m] i[data-astro-cid-ijzayb5m]:nth-child(2){animation-delay:.15s}.typing[data-astro-cid-ijzayb5m] i[data-astro-cid-ijzayb5m]:nth-child(3){animation-delay:.3s}.who[data-astro-cid-ijzayb5m]{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .75rem .25rem .25rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(37 37 34 / var(--tw-text-opacity, 1));border:1px solid rgba(37,37,34,.08)}.who-avatar[data-astro-cid-ijzayb5m]{display:flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;font-size:10px;font-weight:700}.scene[data-astro-cid-ijzayb5m].is-on .who-old[data-astro-cid-ijzayb5m]{animation:dim .4s ease .3s forwards}.scan[data-astro-cid-ijzayb5m]{pointer-events:none;position:absolute;left:0;right:0;height:2.5rem;opacity:0;background:linear-gradient(to bottom,transparent,rgba(147,121,250,.18),transparent)}.scene[data-astro-cid-ijzayb5m].is-on .scan[data-astro-cid-ijzayb5m]{animation:scan 1.8s ease-in-out .3s forwards}.sdot[data-astro-cid-ijzayb5m]{height:1rem;width:1rem;border-radius:.375rem;background-color:#25252214}@media(min-width:640px){.sdot[data-astro-cid-ijzayb5m]{height:1.25rem;width:1.25rem}}.scene[data-astro-cid-ijzayb5m].is-on .sdot-ok[data-astro-cid-ijzayb5m]{animation:fillOk .3s ease var(--d) forwards}.scene[data-astro-cid-ijzayb5m].is-on .sdot-wait[data-astro-cid-ijzayb5m]{animation:fillWait .3s ease var(--d) forwards}.upload[data-astro-cid-ijzayb5m]{width:0}.scene[data-astro-cid-ijzayb5m].is-on .upload[data-astro-cid-ijzayb5m]{animation:upload 1.4s ease-in-out 2s forwards}.uploading[data-astro-cid-ijzayb5m]{position:absolute;inset:0;font-size:.75rem;line-height:1rem;color:#25252280;opacity:0}.scene[data-astro-cid-ijzayb5m].is-on .uploading[data-astro-cid-ijzayb5m]{animation:blink 1.4s ease 2s forwards}.filed[data-astro-cid-ijzayb5m]{position:absolute;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dot[data-astro-cid-ijzayb5m]{height:.375rem;width:.375rem;border-radius:9999px;background-color:#25252226;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.dot[data-astro-cid-ijzayb5m].is-on{width:1.25rem;--tw-bg-opacity: 1;background-color:rgb(147 121 250 / var(--tw-bg-opacity, 1))}.pop[data-astro-cid-ijzayb5m]{opacity:0;transform:translateY(6px)}.scene[data-astro-cid-ijzayb5m].is-on .pop[data-astro-cid-ijzayb5m]{animation:pop .45s cubic-bezier(.22,1,.36,1) var(--d, 0s) forwards}.filed[data-astro-cid-ijzayb5m].pop{transform:translate(-50%)}.scene[data-astro-cid-ijzayb5m].is-on .filed[data-astro-cid-ijzayb5m].pop{animation-name:fade}@keyframes pop{to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}@keyframes search{0%{left:37%;top:23%;opacity:0}12%{left:37%;top:23%;opacity:1}35%{left:89%;top:23%}58%{left:11%;top:77%}85%,to{left:63%;top:77%;opacity:1}}@keyframes dim{to{opacity:.3}}@keyframes pick{to{background-color:#9379fa;color:#fff;box-shadow:0 0 0 4px #9379fa40}}@keyframes press{0%{opacity:0}20%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(.92)}75%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes typing{0%{opacity:0;height:0;padding-top:0;padding-bottom:0}15%,85%{opacity:1;height:1.75rem;padding-top:.625rem;padding-bottom:.625rem}to{opacity:0;height:0;padding-top:0;padding-bottom:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes scan{0%{top:-2.5rem;opacity:1}to{top:100%;opacity:1}}@keyframes fillOk{to{background-color:#3b8f62}}@keyframes fillWait{to{background-color:#f28a54}}@keyframes upload{to{width:100%}}@keyframes blink{0%,90%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.scene[data-astro-cid-ijzayb5m],.line[data-astro-cid-ijzayb5m]{transition:none}.scene[data-astro-cid-ijzayb5m].is-on [data-astro-cid-ijzayb5m],.typing[data-astro-cid-ijzayb5m] i[data-astro-cid-ijzayb5m]{animation:none!important}.pop[data-astro-cid-ijzayb5m]{opacity:1;transform:none}.filed[data-astro-cid-ijzayb5m].pop{transform:translate(-50%)}.face-other[data-astro-cid-ijzayb5m],.who-old[data-astro-cid-ijzayb5m]{opacity:.3}.face-pick[data-astro-cid-ijzayb5m]{background-color:#9379fa;color:#fff}.sdot-ok[data-astro-cid-ijzayb5m]{background-color:#3b8f62}.sdot-wait[data-astro-cid-ijzayb5m]{background-color:#f28a54}.upload[data-astro-cid-ijzayb5m]{width:100%}}