.pb{display:block;position:relative}.pb-figure{transform-origin:50% 96%;transition:transform .45s cubic-bezier(.3,.7,.3,1),filter .3s ease-out;position:absolute;inset:0}.pb-img{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .28s ease-out;position:absolute;inset:0}.pb-img[data-on=true]{opacity:1}.pb-clip{object-fit:contain;opacity:0;pointer-events:none;background:0 0;width:100%;height:100%;transition:opacity 0s linear .32s;position:absolute;inset:0}.pb-clip[data-on=true]{opacity:1;transition:none}.pb[data-clip] .pb-figure{animation:none}.pb-img[data-image=asleep]{transition-duration:.5s}.pb-badge{aspect-ratio:1;background:var(--ds-card);width:25.8%;box-shadow:var(--ds-e-raised);border-radius:50%;place-items:center;animation:.35s cubic-bezier(.3,.8,.3,1.3) both pb-pop;display:grid;position:absolute;top:18.1%;right:16.4%}.pb-badge svg{width:74%;height:74%;overflow:visible}.pb-cloud{width:30.5%;animation:5s ease-in-out infinite pb-drift;position:absolute;top:9.9%;right:18.7%}.pb-cloud svg{width:100%;height:auto;display:block}.pb[data-mood=asleep] .pb-figure{animation:5.5s ease-in-out infinite pb-breathe}.pb[data-mood=chill] .pb-figure{animation:3.8s ease-in-out infinite pb-bob}.pb[data-mood=needs] .pb-figure{animation:4.2s ease-in-out infinite pb-fidget}.pb[data-mood=happy] .pb-figure{animation:.9s ease-out 2 pb-hop}.pb[data-mood=offline] .pb-figure{filter:grayscale(.85)opacity(.8)}.pb[data-prop=nod] .pb-figure{animation:.5s ease-in-out 2 pb-nod}.pb[data-prop=point] .pb-figure{animation:1.4s ease-in-out 2 pb-lean}.pb[data-prop=calendar-moved] .pb-badge{animation:.35s both pb-pop,1.2s ease-in-out .4s 2 alternate pb-slide}.pb[data-prop=calendar-down] .pb-badge{animation:none;transform:translateY(24%)rotate(18deg)}.pb[data-prop=party] .pb-figure{animation:.9s ease-out 2 pb-hop}.pb[data-idle=look] .pb-figure{animation:3.2s ease-in-out pb-sway}.pb[data-idle=stretch] .pb-figure{animation:1.6s ease-in-out pb-stretch}.pb[data-idle=flop] .pb-figure{transform:translateY(10%)rotate(9deg)scale(1.02,.9)}.pb[data-idle=yawn] .pb-figure{transform:scale(1.03,.95)}.pb-head{width:100%;height:100%}.pb-head .pb-img{opacity:1;position:static}.pb-head .pb-badge{width:50%;top:auto;bottom:-6%;right:-10%}@keyframes pb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.02)}}@keyframes pb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5%)}}@keyframes pb-fidget{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-3deg)}92%{transform:rotate(3deg)}}@keyframes pb-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8%)}}@keyframes pb-nod{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes pb-lean{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes pb-sway{0%,to{transform:rotate(0)}30%{transform:rotate(-4deg)}65%{transform:rotate(4deg)}}@keyframes pb-stretch{0%,to{transform:scale(1)}40%{transform:scale(.97,1.06)}}@keyframes pb-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes pb-slide{0%{translate:0}to{translate:12%}}@keyframes pb-drift{0%,to{translate:0}50%{translate:4% -3%}}@media (prefers-reduced-motion:reduce){.pb,.pb *{transition:none!important;animation:none!important}}.live-pebble .pb{height:calc(var(--pebble) * 1.8306);width:calc(var(--pebble) * 1.7974);left:calc(var(--pebble) * -.4129);top:calc(var(--pebble) * -.4019);pointer-events:none;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--ds-pebble-shade) 10%, transparent));position:absolute}.live-pebble:not([data-mood=asleep]):before{content:"";left:calc(var(--pebble) * (1 - 1.5 * .703) / 2);right:calc(var(--pebble) * (1 - 1.5 * .703) / 2);top:calc(var(--pebble) * -.1);bottom:calc(var(--pebble) * -.4);position:absolute}.live-pebble{margin-top:calc(var(--pebble) * .3)}.live[data-y=down] .live-pebble{margin-top:0;margin-bottom:calc(var(--pebble) * .32)}.live-pebble:focus-visible{outline:2px solid var(--ds-ink);outline-offset:4px;border-radius:50%}.live-face{flex:none;width:64px;height:64px;display:inline-flex}.live-face-sm{width:36px;height:36px}.live-hello{border:var(--ds-card-border);background:var(--ds-card);max-width:240px;box-shadow:var(--ds-e-raised);font:var(--ds-t-body);color:var(--ds-ink);border-radius:12px;margin:0;padding:8px 12px;animation:.3s cubic-bezier(.3,.8,.3,1.3) both pb-pop}@media (prefers-reduced-motion:reduce){.live-hello{animation:none}}