.moment-scene:not([data-moment=idle]) .moment-actor{animation-duration:var(--moment-duration);animation-timing-function:cubic-bezier(.36,0,.2,1);animation-iteration-count:1;animation-fill-mode:both}.moment-scene:not([data-moment=idle]) .moment-pose-in{animation:moment-pose-in var(--moment-duration) steps(1, end) both}.moment-scene:not([data-moment=idle]) .moment-pose-out{animation:moment-pose-out var(--moment-duration) steps(1, end) both}.moment-scene[data-moment=break] .moment-actor{animation-name:moment-break}.moment-scene[data-moment=nudge] .moment-actor{animation-name:moment-nudge}.moment-scene[data-moment=reunion] .moment-actor{animation-name:moment-reunion}.moment-scene[data-moment=bedtime] .moment-actor{animation-name:moment-bedtime}.moment-scene[data-moment=hello] .moment-actor{animation-name:moment-hello}.moment-scene[data-moment=celebrate] .moment-actor{animation-name:moment-celebrate}.moment-scene[data-moment=peek] .moment-actor{animation-name:moment-peek}.moment-scene[data-moment=chase] .moment-actor{animation-name:moment-chase}.moment-scene[data-moment=drift] .moment-actor{animation-name:moment-drift}@keyframes moment-pose-in{0%,57%{opacity:1}58%,to{opacity:0}}@keyframes moment-pose-out{0%,57%{opacity:0}58%,to{opacity:1}}@keyframes moment-break{0%,8%{transform:translate(125%)scale(.96)}30%{transform:translate(-5%)rotate(-7deg)}40%{transform:translate(2%,3%)scale(1.04,.96)}56%{transform:translateY(-4%)rotate(-4deg)scale(.95,1.08)}68%{transform:translateY(-4%)rotate(4deg)scale(.95,1.08)}83%{transform:translateY(1%)scale(1.02,.98)}to{transform:translate(0)}}@keyframes moment-nudge{0%,10%{transform:translate(126%)}25%{transform:translate(255%)rotate(4deg)}33%{transform:translate(257%,3%)rotate(6deg)}41%,59%,77%{transform:translate(224%,9%)rotate(-9deg)scale(1.03,.98)}48%,66%{transform:translate(250%)rotate(3deg)}88%{transform:translate(257%,1%)rotate(2deg)}to{transform:translate(255%)}}@keyframes moment-reunion{0%,13%{transform:translateY(4%)scale(.98)}24%{transform:translate(-2%,7%)scale(1.06,.93)}37%{transform:translate(28%,-9%)rotate(-7deg)scale(.97,1.03)}52%{transform:translate(119%)rotate(3deg)}67%{transform:translate(259%,-7%)rotate(7deg)}77%{transform:translate(255%,5%)scale(1.06,.94)}88%{transform:translate(255%,-2%)scale(.99,1.02)}to{transform:translate(255%)}}@keyframes moment-bedtime{0%,10%{transform:translate(126%)}34%{transform:translate(-3%)rotate(-6deg)}46%{transform:translate(1%,4%)scale(1.04,.97)}64%{transform:translateY(2%)rotate(2deg)}83%,to{transform:translateY(4%)}}@keyframes moment-hello{0%,10%{transform:translate(0)}20%{transform:translate(-4%,5%)rotate(-7deg)scale(1.05,.94)}37%{transform:translate(67%,-4%)rotate(9deg)}52%{transform:translate(139%,-1%)rotate(-5deg)}69%{transform:translate(263%,-4%)rotate(8deg)}78%{transform:translate(256%,5%)scale(1.07,.93)}89%{transform:translate(254%,-2%)rotate(-2deg)}to{transform:translate(255%)}}@keyframes moment-celebrate{0%,15%{transform:translate(0)}25%{transform:translate(-3%,6%)scale(1.06,.92)}45%{transform:translate(106%,-3%)rotate(8deg)}62%{transform:translate(246%,-8%)rotate(-8deg)scale(.97,1.03)}72%{transform:translate(258%,5%)scale(1.08,.93)}83%{transform:translate(255%,-4%)rotate(4deg)}92%{transform:translate(255%,1%)rotate(-2deg)}to{transform:translate(255%)}}@keyframes moment-peek{0%,12%{transform:translate(35%,4%)rotate(7deg)}24%{transform:translate(123%,4%)rotate(0)}38%{transform:translate(226%,1%)rotate(-9deg)}48%{transform:translate(241%,-2%)rotate(-4deg)}58%{transform:translate(230%,5%)scale(1.03,.96)}71%{transform:translate(116%,4%)}86%{transform:translate(-3%,2%)rotate(4deg)}to{transform:translate(0)}}@keyframes moment-chase{0%,14%{transform:translate(0)rotate(2deg)}24%{transform:translate(-5%,5%)rotate(-7deg)scale(1.04,.95)}42%{transform:translate(107%,-3%)rotate(7deg)}61%{transform:translate(236%,-6%)rotate(9deg)}72%{transform:translate(264%,2%)rotate(-5deg)scale(.98,1.03)}81%{transform:translate(256%,5%)scale(1.06,.94)}91%{transform:translate(255%,-1%)}to{transform:translate(255%)}}@keyframes moment-drift{0%,13%{transform:translate(255%)}25%{transform:translate(248%,-1%)rotate(3deg)}40%{transform:translate(229%,2%)rotate(-5deg)scale(1.07,.97)}54%{transform:translate(208%,3%)rotate(5deg)scale(1.15,.92)}64%{transform:translate(213%,1%)rotate(-4deg)scale(1.12,.94)}76%{transform:translate(279%,-5%)rotate(8deg)scale(.94,1.06)}86%{transform:translate(248%,4%)rotate(-4deg)scale(1.04,.97)}to{transform:translate(255%)}}.moment-scene[data-moment=break] .moment-cup{animation:moment-cup var(--moment-duration) ease-out both}.moment-scene[data-moment=nudge] .moment-contact{animation:moment-contact var(--moment-duration) linear both}.moment-scene[data-moment=nudge] .moment-lens{animation:moment-lens-tap var(--moment-duration) linear both}.moment-scene[data-moment=hello] .moment-ripple{animation:moment-ripple var(--moment-duration) ease-out both}.moment-scene:is([data-moment=hello],[data-moment=celebrate],[data-moment=chase]) .moment-board{animation:moment-board var(--moment-duration) ease-out both}.moment-scene[data-moment=bedtime] .moment-blanket{animation:moment-blanket var(--moment-duration) cubic-bezier(.2, .6, .3, 1) both}.moment-scene[data-moment=bedtime] .moment-moon{animation:moment-moon var(--moment-duration) ease-out both}.moment-scene[data-moment=celebrate] .moment-spark{animation:moment-celebration var(--moment-duration) ease-out both}.moment-scene[data-moment=reunion] .moment-spark{animation:moment-welcome-spark var(--moment-duration) ease-out both}.moment-scene[data-moment=chase] .moment-orb{animation:moment-orb var(--moment-duration) cubic-bezier(.4, 0, .2, 1) both}.moment-scene[data-moment=chase] .moment-catch{animation:moment-catch var(--moment-duration) ease-out both}.moment-scene[data-moment=drift] .moment-tether{animation:moment-tether var(--moment-duration) ease-out both}.moment-scene[data-moment=drift] .moment-lens{animation:moment-lens-drift var(--moment-duration) ease-out both}@keyframes moment-cup{0%,12%{opacity:0;transform:translateY(12%)}38%,to{opacity:1;transform:none}}@keyframes moment-contact{0%,35%,46%,53%,64%,71%,84%,to{opacity:0;transform:scale(.7)}41%,59%,77%{opacity:.9;transform:scale(1)}}@keyframes moment-lens-tap{0%,35%,48%,53%,66%,71%,86%,to{box-shadow:0 0 0 1px #101723}41%,59%,77%{box-shadow:0 0 0 1px #506581,0 0 5px #c5b8e45e}}@keyframes moment-ripple{0%{opacity:0;transform:scale(.6)}8%{opacity:.75;transform:scale(.8)}28%,to{opacity:0;transform:scale(1.35)}}@keyframes moment-board{0%,10%{opacity:0;transform:rotate(-3deg)scaleX(.65)}26%,to{opacity:1;transform:rotate(-3deg)scaleX(1)}}@keyframes moment-blanket{0%,42%{opacity:0;transform:translateY(78%)rotate(5deg)scaleX(.8)}57%{opacity:1;transform:translateY(10%)rotate(0)scaleX(.97)}74%{opacity:1;transform:translateY(-3%)rotate(-4deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes moment-moon{0%,40%{opacity:0;transform:translateY(20%)rotate(-28deg)}76%,to{opacity:.85;transform:rotate(-18deg)}}@keyframes moment-celebration{0%,60%{opacity:0;transform:scale(.25)rotate(-12deg)}72%{opacity:1;transform:scale(1.15)rotate(0)}86%{opacity:.65;transform:scale(.58)rotate(5deg)}to{opacity:.8;transform:scale(.64)}}@keyframes moment-welcome-spark{0%,62%{opacity:0;transform:scale(.25)rotate(-12deg)}74%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.2)rotate(9deg)}}@keyframes moment-orb{0%{opacity:0;top:33%;left:17%;transform:scale(.4)}10%{opacity:1;top:24%;left:24%;transform:scale(1)}29%{opacity:1;top:42%;left:47%}48%{opacity:1;top:29%;left:76%}63%{opacity:1;top:25%;left:91%}77%{opacity:1;top:59%;left:94%;transform:scale(.8)}86%,to{opacity:.9;top:62%;left:91%;transform:scale(1)}}@keyframes moment-catch{0%,74%{opacity:0;transform:scale(.5)}80%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.55)}}@keyframes moment-tether{0%,24%{opacity:0;transform:scaleX(.1)}42%{opacity:.7;transform:scaleX(.72)rotate(-6deg)}54%,64%{opacity:.9;transform:scaleX(.45)rotate(4deg)}76%{opacity:.4;transform:scaleX(1.3)rotate(-8deg)}83%,to{opacity:0;transform:scaleX(.1)}}@keyframes moment-lens-drift{0%,19%,to{transform:scale(1);box-shadow:0 0 0 1px #101723}46%,64%{transform:scale(1.16);box-shadow:0 0 0 1px #718595,0 0 7px #a5a1db72}77%{transform:scale(.94);box-shadow:0 0 0 1px #101723}}.moment-stage{--moment-mint:#bbead7;--moment-lilac:#a5a1db;--moment-gold:#f5d68f;aspect-ratio:270/68;isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout paint;direction:ltr;background:#000;border-radius:999px;flex:0 auto;width:min(270px,100%);min-width:0;position:relative;overflow:hidden;box-shadow:0 9px 20px #02030930,inset 0 0 0 1px #ffffff0c}.moment-scene{--moment-facing:1;--moment-rest-x:0%;--moment-rest-y:0%;position:absolute;inset:0}.moment-floor{background:radial-gradient(#9b96d323,#0000 72%);height:8%;position:absolute;bottom:9%;left:5%;right:5%}.moment-actor{z-index:10;aspect-ratio:1;width:28.148%;transform:translate(var(--moment-rest-x), var(--moment-rest-y));transform-origin:50% 78%;position:absolute;top:-2.941%;left:0}.moment-sprite{transform:scaleX(var(--moment-facing));position:absolute;inset:0}.moment-sprite img{object-fit:contain;filter:drop-shadow(0 3px 3px #0007);width:100%;height:100%;position:absolute;inset:0}.moment-pose-in{opacity:0}.moment-pose-out{opacity:1}.moment-sensor{z-index:30;background:#000;border-radius:999px;width:43.704%;height:100%;position:absolute;top:0;left:28.148%}.moment-lens{aspect-ratio:1;background:radial-gradient(circle at 36% 31%,#284265 0%,#142339 26%,#07101e 54%,#020406 70%);border-radius:50%;width:8.475%;position:absolute;top:40%;right:13.56%;box-shadow:0 0 0 1px #101723}.moment-board{opacity:0;background:linear-gradient(90deg,#a5a1db,#bbead7 73%,#def9e7);border-radius:70% 90% 55% 60%;width:61%;height:5.3%;position:absolute;top:81%;left:21%;transform:rotate(-3deg);box-shadow:0 2px 4px #a5a1db24}.moment-blanket{z-index:4;opacity:0;background:linear-gradient(145deg,#c4dccc,#8fafb1);border-radius:35% 42% 15% 15%;width:68%;height:29%;position:absolute;top:54%;left:16%;transform:rotate(-3deg);box-shadow:inset 0 3px #dff0dba1,0 2px 3px #0004}.moment-blanket:after{content:"";border-bottom:1px dashed #e5f0d9a8;position:absolute;bottom:15%;left:8%;right:8%}.moment-blanket i{aspect-ratio:1;clip-path:polygon(50% 0%,64% 35%,100% 50%,64% 64%,50% 100%,36% 64%,0% 50%,36% 35%);background:#f5e2ad;width:7%;position:absolute;top:30%;left:24%}.moment-blanket i:nth-child(2){width:5%;top:47%;left:49%}.moment-blanket i:nth-child(3){width:6%;top:23%;left:72%}.moment-cup{z-index:8;opacity:0;background:linear-gradient(110deg,#e9cfa1,#c4a683);border-radius:10% 10% 32% 32%;width:7.4%;height:26%;position:absolute;top:51%;left:83%;box-shadow:inset 0 2px #fae5bd}.moment-cup:after{content:"";border:2px solid #c8ad8a;border-left:0;border-radius:0 50% 50% 0;width:32%;height:45%;position:absolute;top:17%;left:84%}.moment-cup i{border-right:1px solid #d8e9dd91;border-radius:50%;width:22%;height:48%;position:absolute;bottom:127%;left:29%}.moment-cup i:nth-child(2){height:38%;bottom:143%;left:58%}.moment-ripple,.moment-catch{z-index:12;border:1px solid var(--moment-mint);opacity:0;border-radius:50%;position:absolute}.moment-ripple{aspect-ratio:1;width:14.8%;top:23%;left:6.3%}.moment-orb{z-index:11;aspect-ratio:1;opacity:0;background:#fff4c8;border-radius:50%;width:2.8%;position:absolute;top:62%;left:91%;box-shadow:0 0 4px #f8dfa9,0 0 11px #f8dfa973}.moment-catch{aspect-ratio:1;border-color:#f5d68f;width:9.6%;top:46%;left:87.5%}.moment-spark{z-index:12;aspect-ratio:1;opacity:0;width:9%;position:absolute;top:24%;left:84%}.moment-spark i{background:var(--moment-gold);transform-origin:50% 165%;border-radius:100%;width:12%;height:30%;position:absolute;top:0;left:44%}.moment-spark i:nth-child(2){background:var(--moment-mint);transform:rotate(90deg)}.moment-spark i:nth-child(3){transform:rotate(180deg)}.moment-spark i:nth-child(4){background:var(--moment-lilac);transform:rotate(270deg)}.moment-contact{z-index:31;opacity:0;width:5.2%;height:27%;position:absolute;top:22%;left:70.9%}.moment-contact i{border:1px solid var(--moment-gold);border-left:0;border-radius:0 100% 100% 0;width:42%;height:72%;position:absolute;top:5%;left:0}.moment-contact i:nth-child(2){opacity:.65;width:27%;height:43%;top:18%;left:43%}.moment-tether{z-index:31;opacity:0;transform-origin:0;border-top:1px solid #bdebd794;border-radius:60% 10% 0 0;width:8%;height:15%;position:absolute;top:27%;left:71%}.moment-moon{z-index:12;aspect-ratio:1;opacity:0;border-radius:50%;width:5.4%;position:absolute;top:24%;left:86%;transform:rotate(-18deg);box-shadow:inset -4px -2px #e6dca4}.moment-scene:is([data-moment=hello],[data-moment=celebrate],[data-moment=reunion],[data-moment=chase],[data-moment=nudge],[data-moment=drift]){--moment-rest-x:255%}.moment-scene:is([data-moment=nudge],[data-moment=drift]){--moment-facing:-1}.moment-scene[data-moment=bedtime]{--moment-rest-y:4%}.moment-scene:is([data-moment=hello],[data-moment=celebrate],[data-moment=chase],[data-moment=drift]) .moment-board,.moment-scene[data-moment=break] .moment-cup,.moment-scene[data-moment=bedtime] :is(.moment-blanket,.moment-moon){opacity:1}.moment-scene[data-moment=chase] .moment-orb{opacity:.9}.moment-scene[data-moment=celebrate] .moment-spark{opacity:.8;transform:scale(.64)}.moment-stage[data-quiet=true] *,html[data-quiet=true] .moment-stage *{animation:none!important}@media (prefers-reduced-motion:reduce){.moment-stage *{animation:none!important}}
