[data-mascot=on] [data-tick-item] .tick-icon{opacity:.18;transition:opacity .25s,transform .25s;transform:scale(.8)}[data-mascot=on] [data-tick-item][data-ticked=true] .tick-icon{opacity:1;animation:.45s ease-out mascot-tick-pop;transform:scale(1)}@keyframes mascot-tick-pop{0%{transform:scale(.6)}60%{transform:scale(1.55)}to{transform:scale(1)}}.mascot{z-index:30;pointer-events:none;opacity:0;will-change:transform;width:40px;height:64px;transition:transform .5s cubic-bezier(.4,.1,.3,1),opacity .3s;position:absolute;top:0;left:0}.mascot[data-visible=true]{opacity:1}.mascot svg{animation:2.6s ease-in-out infinite mascot-bob;display:block;overflow:visible}.mascot[data-walking=true] svg{animation:.38s ease-in-out infinite mascot-step}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2px)}}@keyframes mascot-step{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(-1.5px)}}.mascot .body-wrap.hop{animation:.6s ease-out mascot-hop}@keyframes mascot-hop{0%{transform:translateY(0)}45%{transform:translateY(-46px)}to{transform:translateY(0)}}.mascot .part{transform-box:fill-box;transform-origin:50% 0}.mascot[data-walking=true] .leg-l{animation:.38s linear infinite mascot-leg}.mascot[data-walking=true] .leg-r,.mascot[data-walking=true] .arm-l{animation:.38s linear infinite reverse mascot-leg}@keyframes mascot-leg{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}.mascot[data-pose=tick] .arm-r{animation:.4s ease-out mascot-arm-tick}@keyframes mascot-arm-tick{0%{transform:rotate(0)}40%{transform:rotate(-140deg)}to{transform:rotate(0)}}.mascot[data-pose=wave] .arm-r{animation:.5s ease-in-out 2 mascot-arm-wave}@keyframes mascot-arm-wave{0%,to{transform:rotate(-150deg)}50%{transform:rotate(-120deg)}}.mascot .cam{opacity:0}.mascot[data-pose=photo] .cam{opacity:1}.mascot[data-pose=photo] .chest-cam{opacity:0}.mascot .eyes{transform-box:fill-box;transform-origin:50%;animation:4.4s infinite mascot-blink}@keyframes mascot-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.mascot .grin{opacity:0}.mascot[data-pose=tick] .grin,.mascot[data-pose=photo] .grin,.mascot[data-pose=wave] .grin,.mascot[data-pose=throw] .grin{opacity:1}.mascot[data-pose=tick] .smile,.mascot[data-pose=photo] .smile,.mascot[data-pose=wave] .smile,.mascot[data-pose=throw] .smile,.mascot .wad{opacity:0}.mascot[data-pose=throw] .wad{animation:1.1s step-end both mascot-wad}@keyframes mascot-wad{0%{opacity:1}55%{opacity:0}to{opacity:0}}.mascot[data-pose=throw] .arm-r{animation:1.1s ease-in-out mascot-arm-throw}@keyframes mascot-arm-throw{0%{transform:rotate(0)}30%,46%{transform:rotate(-165deg)}60%{transform:rotate(-70deg)}to{transform:rotate(0)}}.mascot-fx{z-index:31;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.mascot-fx .bill{width:24px;height:12px;animation:mascot-bill var(--dur,1.9s) linear var(--delay,0s) both;margin:-6px 0 0 -12px;position:absolute}.mascot-fx .bill i{background:linear-gradient(135deg,#7ed08a,#4fae62);border:1px solid #2f7d3a;border-radius:2px;width:100%;height:100%;animation:.3s ease-in-out infinite alternate mascot-bill-flip;display:block;position:relative;box-shadow:0 1px 3px #00000073}.mascot-fx .bill i:after{content:"";background:#c4f0cb;border:1px solid #2f7d3a;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.mascot-fx .bill i:before{content:"";background:#2f7d3a;width:2px;height:2px;position:absolute;top:2px;left:2px;box-shadow:16px 0 #2f7d3a,0 5px #2f7d3a,16px 5px #2f7d3a}.mascot-fx .bill.gold i{background:linear-gradient(135deg,#f7d774,#e0a93b);border-color:#9a6a12}.mascot-fx .bill.gold i:after{background:#fff0b8;border-color:#9a6a12}.mascot-fx .bill.gold i:before{background:#9a6a12;box-shadow:16px 0 #9a6a12,0 5px #9a6a12,16px 5px #9a6a12}@keyframes mascot-bill{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translate(0)rotate(0)scale(.5)}8%{opacity:1}38%{transform:translate(calc(var(--dx) * .62), calc(var(--up) * -1)) rotate(calc(var(--rot) * .45)) scale(1);animation-timing-function:cubic-bezier(.45,0,.9,.6)}80%{opacity:1}to{transform:translate(var(--dx), var(--fall)) rotate(var(--rot)) scale(1);opacity:0}}@keyframes mascot-bill-flip{0%{transform:scaleY(1)}to{transform:scaleY(.25)}}.mascot[data-pose=photo] .arm-r,.mascot[data-pose=photo] .arm-l{transform:rotate(-95deg)}.mascot .flash{opacity:0;background:radial-gradient(circle,#fffffff2,#fff4d666 40%,#0000 70%);border-radius:50%;width:90px;height:90px;margin:-45px 0 0 -45px;position:absolute;top:34px;left:44px}.mascot[data-flash=true] .flash{animation:.55s ease-out mascot-flash}@keyframes mascot-flash{0%{opacity:0;transform:scale(.3)}15%{opacity:.9}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.mascot,.mascot *{transition:none!important;animation:none!important}.mascot-fx{display:none}}[data-mascot=on] [data-tick-item][data-ticked=true] .tick-icon.text-white\/30{color:#ffffffd9}
.cd{aspect-ratio:320/210;pointer-events:none;--bubble:#25d366;background:#111113;border:1px solid #ffffff1a;width:100%;max-width:24rem;position:relative;overflow:hidden}@media (min-width:1024px){.cd{max-width:20rem}}.cd svg{width:100%;height:100%;display:block}.cd[data-inview=false] *{animation-play-state:paused!important}.cd[data-kind=chat]{--bubble:#25d366}.cd[data-kind=heart]{--bubble:#e1306c}.cd[data-kind=like]{--bubble:#1877f2}.cd[data-kind=note]{--bubble:#1c1c1f}.cd[data-kind=play]{--bubble:#e11d1d}.cd-bubble-fill{fill:var(--bubble)}.cd[data-kind=note] .cd-bubble-fill{stroke:#69c9d0;stroke-width:1.5px}.cd-bubble,.cd-reply,.cd-typing,.cd-reveal,.cd-env-fly,.cd-env-held,.cd-handset-held,.cd-ring-lines{opacity:0}.cd-g-chat,.cd-g-heart,.cd-g-like,.cd-g-note,.cd-g-play{display:none}.cd[data-kind=chat] .cd-g-chat,.cd[data-kind=heart] .cd-g-heart,.cd[data-kind=like] .cd-g-like,.cd[data-kind=note] .cd-g-note,.cd[data-kind=play] .cd-g-play{display:inline}.cd:not([data-kind=chat]) .cd-reply{display:none}.cd-arm,.cd-eyes,.cd-grin,.cd-phone-base,.cd-dot,.cd-leaves,.cd-bubble,.cd-reply{transform-box:fill-box}.cd-arm{transform-origin:50% 0}.cd-eyes,.cd-grin,.cd-phone-base{transform-origin:50%}.cd-leaves{transform-origin:50% 100%}.cd-dot{transform-origin:50%}.cd-bubble{transform-origin:0 100%}.cd-reply{transform-origin:50% 100%}.cd-eyes{animation:4.4s infinite cd-blink}@keyframes cd-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.cd-leaves{animation:5s ease-in-out infinite alternate cd-sway}@keyframes cd-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.cd-grin{opacity:0}.cd:not([data-pose=""]) .cd-grin{opacity:1}.cd:not([data-pose=""]) .cd-smile{opacity:0}.cd[data-pose=phone] .cd-phone-base{animation:.12s linear 5 cd-shake}@keyframes cd-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}.cd[data-pose=phone] .cd-ring-lines{animation:.2s step-end 3 cd-lines}@keyframes cd-lines{0%{opacity:1}60%{opacity:0}}.cd[data-pose=phone] .cd-arm-r{animation:3.6s ease-in-out both cd-arm-phone}@keyframes cd-arm-phone{0%,14%{transform:rotate(0)}24%{transform:rotate(-100deg)}40%,86%{transform:rotate(-165deg)}94%{transform:rotate(-100deg)}to{transform:rotate(0)}}.cd[data-pose=phone] .cd-handset-rest{animation:3.6s step-end both cd-rest}@keyframes cd-rest{0%{opacity:1}24%{opacity:0}94%{opacity:1}}.cd[data-pose=phone] .cd-handset-held{animation:3.6s step-end both cd-held}@keyframes cd-held{0%{opacity:0}24%{opacity:1}94%{opacity:0}}.cd[data-pose=phone] .cd-grin{animation:.22s ease-in-out infinite alternate cd-talk}@keyframes cd-talk{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}.cd[data-pose=mail] .cd-arm-l{animation:2.6s ease-in-out both cd-arm-mail}@keyframes cd-arm-mail{0%,8%{transform:rotate(0)}26%,46%{transform:rotate(165deg)}58%{transform:rotate(100deg)}to{transform:rotate(0)}}.cd[data-pose=mail] .cd-env-held{animation:2.6s step-end both cd-env-held}@keyframes cd-env-held{0%{opacity:0}10%{opacity:1}46%{opacity:0}}.cd[data-pose=mail] .cd-env-fly{animation:2.6s ease-in both cd-env-fly}@keyframes cd-env-fly{0%,45.9%{opacity:0;transform:translate(0)rotate(0)scale(.9)}46%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-6px,-125px)rotate(-30deg)scale(1.15)}}.cd[data-pose=chat] .cd-bubble{animation:3.4s ease-out both cd-pop}@keyframes cd-pop{0%{opacity:0;transform:scale(.2)}9%{opacity:1;transform:scale(1.08)}13%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.cd[data-pose=chat] .cd-typing{animation:3.4s step-end both cd-typing}@keyframes cd-typing{0%{opacity:1}38%{opacity:0}}.cd[data-pose=chat] .cd-dot{animation:.5s ease-in-out infinite cd-bounce}.cd[data-pose=chat] .cd-dot:nth-child(2){animation-delay:.12s}.cd[data-pose=chat] .cd-dot:nth-child(3){animation-delay:.24s}@keyframes cd-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cd[data-pose=chat] .cd-reveal{animation:3.4s step-end both cd-reveal}@keyframes cd-reveal{0%{opacity:0}38%{opacity:1}}.cd[data-pose=chat] .cd-reply{animation:3.4s ease-out both cd-reply}@keyframes cd-reply{0%,58%{opacity:0;transform:translateY(8px)}66%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cd *{transition:none!important;animation:none!important}}