.quokka{width:100%;display:block;position:relative}.quokka .q-figure,.quokka .q-rig,.quokka .q-body-layer,.quokka .q-look,.quokka .q-head,.quokka .q-head-breath,.quokka .q-head-anim{position:absolute;inset:0}.quokka .q-layer{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.quokka .q-box{position:absolute}.quokka .q-box-fill{transform-origin:inherit;position:absolute;inset:0}.quokka .q-body-layer{-webkit-mask-image:linear-gradient(#000 90%,#0000 100%);mask-image:linear-gradient(#000 90%,#0000 100%)}.quokka.is-live .q-rig,.quokka.is-live .q-look,.quokka.is-live .q-head-breath,.quokka.is-live .q-head-anim,.quokka.is-live .q-body-layer,.quokka.is-live .q-ear-l-flick,.quokka.is-live .q-ear-r-flick,.quokka.is-live .q-eyes-layer{will-change:transform}.quokka .q-figure,.quokka .q-rig,.quokka .q-body-layer{transform-origin:50% 100%}.quokka .q-look,.quokka .q-head,.quokka .q-head-breath,.quokka .q-head-anim{transform-origin:50% 65%}.quokka g{transform-box:view-box}.quokka .q-eye-l,.quokka .q-eye-l .q-eye-open,.quokka .q-eye-l .q-eye-happy,.quokka .q-eye-l .q-eye-closed{transform-origin:76px 70px}.quokka .q-eye-r,.quokka .q-eye-r .q-eye-open,.quokka .q-eye-r .q-eye-happy,.quokka .q-eye-r .q-eye-closed{transform-origin:124px 70px}.quokka .q-eye-happy,.quokka .q-eye-closed{transform-box:view-box}.quokka .q-sclera,.quokka .q-eye-clip{transform-box:fill-box;transform-origin:50%}.quokka .q-brow-l{transform-origin:73px 56px}.quokka .q-brow-r{transform-origin:127px 56px}.quokka .q-nose{transform-origin:100px 82px}.quokka .q-mouth-open,.quokka .q-mouth-closed{transform-origin:100px 94px}.quokka .q-eye-clip{transition:transform var(--dur-spring,.64s) var(--ease-spring,ease-out)}.quokka .q-fx,.quokka .q-sparkles,.quokka .q-zzz{pointer-events:none;position:absolute;inset:0}.quokka .q-fx-item{transform-origin:50%;position:absolute}.quokka .q-fx-item svg{width:100%;height:100%;display:block;overflow:visible}.quokka.is-mini .q-fx{display:none}.quokka .q-figure,.quokka .q-head,.quokka .q-ear-l,.quokka .q-ear-r,.quokka .q-cheek-l,.quokka .q-cheek-r,.quokka .q-eye-l,.quokka .q-eye-r,.quokka .q-brow-l,.quokka .q-brow-r,.quokka .q-mouth-open,.quokka .q-mouth-closed{transition:transform var(--dur-spring,.64s) var(--ease-spring,ease-out), opacity var(--dur-fast,.14s) ease-out}.quokka .q-eye-open,.quokka .q-eye-happy{transition:transform var(--dur-spring-soft,.48s) var(--ease-spring-soft,ease-out), opacity var(--dur-fast,.14s) ease-out}.quokka .q-eye-closed,.quokka .q-sclera,.quokka .q-sparkles,.quokka .q-zzz,.quokka .q-startle{transition:opacity var(--dur-base,.22s) ease-out}.quokka .q-eye-happy{opacity:0;transform:scaleY(.4)}.quokka .q-eye-closed,.quokka .q-sclera,.quokka .q-mouth-closed,.quokka .q-sparkles,.quokka .q-zzz,.quokka .q-startle{opacity:0}.quokka[data-state=happy] .q-eye-open{opacity:0;transform:scaleY(.15)}.quokka[data-state=happy] .q-eye-happy{opacity:1;transform:none}.quokka[data-state=happy] .q-cheek-l{transform:translate(-.5%,-.75%)scale(1.07)}.quokka[data-state=happy] .q-cheek-r{transform:translate(.5%,-.75%)scale(1.07)}.quokka[data-state=happy] .q-mouth-open{transform:scale(1.06,1.24)}.quokka[data-state=happy] .q-brow-l,.quokka[data-state=happy] .q-brow-r{transform:translateY(-1.5px)}.quokka[data-state=happy] .q-ear-l{transform:rotate(-6deg)}.quokka[data-state=happy] .q-ear-r{transform:rotate(6deg)}.quokka[data-state=happy] .q-sparkles{opacity:1}.quokka[data-state=curious] .q-figure{transform:translateY(-1.5%)scale(1.035)}.quokka[data-state=curious] .q-head{transform:rotate(-3.5deg)}.quokka[data-state=curious] .q-eye-l,.quokka[data-state=curious] .q-eye-r{transform:scale(1.14)}.quokka[data-state=curious] .q-sclera{opacity:1}.quokka[data-state=curious] .q-eye-clip{transform:scale(1.1)}.quokka[data-state=curious] .q-brow-l,.quokka[data-state=curious] .q-brow-r{transform:translateY(-3.5px)}.quokka[data-state=curious] .q-ear-l{transform:translateY(-1.2%)rotate(9deg)scale(1.05)}.quokka[data-state=curious] .q-ear-r{transform:translateY(-1.2%)rotate(-9deg)scale(1.05)}.quokka[data-state=curious] .q-mouth-open{transform:scale(.8,.78)}.quokka[data-state=curious] .q-cheek-l,.quokka[data-state=curious] .q-cheek-r{transform:scale(.98)}.quokka[data-state=sleepy] .q-eye-open{opacity:0;transition:transform 1.4s cubic-bezier(.45,0,.3,1),opacity .5s ease-in .9s;transform:scaleY(.08)}.quokka[data-state=sleepy] .q-eye-closed{opacity:1;transition:opacity .5s ease-out 1s}.quokka[data-state=sleepy] .q-mouth-open{opacity:0;transform:scale(.8,.2)}.quokka[data-state=sleepy] .q-mouth-closed{opacity:1}.quokka[data-state=sleepy] .q-ear-l{transform:translateY(1%)rotate(-15deg)}.quokka[data-state=sleepy] .q-ear-r{transform:translateY(1%)rotate(15deg)}.quokka[data-state=sleepy] .q-brow-l,.quokka[data-state=sleepy] .q-brow-r{transform:translateY(1px)}.quokka[data-state=sleepy] .q-cheek-l,.quokka[data-state=sleepy] .q-cheek-r{transform:scale(1.02)}.quokka[data-state=sleepy] .q-zzz{opacity:.7}.quokka.is-mini .q-figure{width:135.14%;height:151.52%;top:-6.06%;left:-17.57%}.quokka.is-mini .q-body{display:none}.quokka.is-mini .q-nose{transform:scale(1.3)}.quokka.is-mini .q-eye-open{transform:scale(1.18)}.quokka.is-mini .q-mouth-open{transform:scale(1.06)}.quokka.is-mini .q-lip,.quokka.is-mini .q-philtrum{stroke-width:2.6px}@media (prefers-reduced-motion:no-preference){.quokka.is-live .q-body-layer{animation:3.6s ease-in-out infinite quokka-breath}.quokka.is-live .q-head-breath{animation:3.6s ease-in-out -.5s infinite quokka-head-breath}.quokka.is-live[data-state=sleepy] .q-body-layer,.quokka.is-live[data-state=sleepy] .q-head-breath{animation-duration:4.8s}.quokka.is-live[data-state=idle] .q-head-anim{animation:7s ease-in-out infinite quokka-sway}.quokka.is-live[data-state=sleepy] .q-head-anim{animation:3.4s ease-in-out infinite quokka-nod}.quokka.is-twitch-l .q-ear-l-twitch{animation:.48s ease-in-out quokka-ear-twitch-l}.quokka.is-twitch-r .q-ear-r-twitch{animation:.48s ease-in-out quokka-ear-twitch-r}.quokka.is-live[data-state=sleepy] .q-z{animation:2.8s ease-in-out infinite quokka-zzz}.quokka.is-live[data-state=sleepy] .q-z:nth-child(2){animation-delay:.45s}.quokka.is-live[data-state=sleepy] .q-z:nth-child(3){animation-delay:.9s}.quokka.is-live[data-state=happy] .q-twinkle{animation:1.1s ease-in-out infinite quokka-twinkle}.quokka.is-live[data-state=happy] .q-twinkle:nth-child(2n){animation-delay:.3s}.quokka.is-live[data-state=happy] .q-twinkle:nth-child(3n){animation-delay:.6s}.quokka.is-blink .q-eye-open{animation:.17s ease-in-out quokka-blink}.quokka.is-blink .q-eye-closed{animation:.17s ease-in-out quokka-blink-line}.quokka.is-blink2 .q-eye-open{animation:.44s ease-in-out quokka-blink2}.quokka.is-blink2 .q-eye-closed{animation:.44s ease-in-out quokka-blink2-line}.quokka.is-startle .q-figure{animation:.62s ease-out quokka-startle}.quokka.is-startle .q-eye-open{animation:.62s ease-out quokka-eye-pop}.quokka.is-startle .q-startle{animation:.9s ease-out quokka-startle-mark}}.quokka.is-paused,.quokka.is-paused *{transition-duration:0s!important;animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.quokka .q-figure,.quokka .q-head{transform:none!important}.quokka[data-state=sleepy] .q-eye-open,.quokka[data-state=sleepy] .q-eye-closed{transition-duration:.14s;transition-delay:0s}}@keyframes quokka-breath{0%,to{transform:scale(1)}50%{transform:scale(1.008,1.018)}}@keyframes quokka-head-breath{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.4%)scale(1.008)}}@keyframes quokka-sway{0%,to{transform:rotate(-1.3deg)}50%{transform:rotate(1.3deg)}}@keyframes quokka-nod{0%{transform:rotate(0)translateY(0)}62%{transform:rotate(4deg)translateY(1.4%)}70%{transform:rotate(.6deg)translateY(-.4%)}78%{transform:rotate(1.4deg)translateY(.2%)}to{transform:rotate(0)translateY(0)}}@keyframes quokka-ear-twitch-l{0%,to{transform:rotate(0)}22%{transform:rotate(-14deg)scaleY(.93)}48%{transform:rotate(5deg)}74%{transform:rotate(-2deg)}}@keyframes quokka-ear-twitch-r{0%,to{transform:rotate(0)}22%{transform:rotate(14deg)scaleY(.93)}48%{transform:rotate(-5deg)}74%{transform:rotate(2deg)}}@keyframes quokka-blink{0%,to{opacity:1;transform:scaleY(1)}45%{opacity:0;transform:scaleY(.08)}}@keyframes quokka-blink-line{0%,to{opacity:0}45%{opacity:1}}@keyframes quokka-blink2{0%,46%,to{opacity:1;transform:scaleY(1)}20%,70%{opacity:0;transform:scaleY(.08)}}@keyframes quokka-blink2-line{0%,46%,to{opacity:0}20%,70%{opacity:1}}@keyframes quokka-startle{0%{transform:translateY(0)rotate(0)}14%{transform:translateY(-3.5%)rotate(-3deg)}30%{transform:translateY(-1%)rotate(3deg)}46%{transform:translateY(0)rotate(-2deg)}62%{transform:rotate(1.2deg)}80%{transform:rotate(-.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes quokka-eye-pop{0%{transform:scale(1)}18%{transform:scale(1.28)}45%{transform:scale(.95)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes quokka-startle-mark{0%{opacity:0;transform:translateY(12%)scale(.6)}15%{opacity:1;transform:translateY(-6%)scale(1.1)}30%{transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0}}@keyframes quokka-zzz{0%{opacity:0;transform:translateY(35%)scale(.8)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(50%,-65%)scale(1.05)}}@keyframes quokka-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.55;transform:scale(.55)rotate(25deg)}}.q-bubble{--q-bubble-shift:0px;z-index:5;width:max-content;max-width:min(280px,100vw - 16px);padding:var(--space-3,12px) var(--space-4,16px);border-radius:var(--radius-lg,24px);background:var(--flat-bg,#fbf9f5);border:var(--flat-border-width,1.5px) solid var(--flat-border,#353a3629);box-shadow:var(--flat-shadow,0 3px 0 #353a361a);color:var(--flat-text,var(--color-text,#353a36));font-size:var(--text-sm,14px);font-weight:var(--fw-medium,500);text-align:left;pointer-events:none;opacity:0;transform:translate(calc(-50% + var(--q-bubble-shift)), calc(-100% - 12px)) scale(.6);transform-origin:calc(50% - var(--q-bubble-shift)) 100%;transition:transform var(--dur-spring-jelly,.82s) var(--ease-spring-jelly,ease-out), opacity var(--dur-fast,.14s) var(--ease-out,ease-out);line-height:1.5;position:absolute}.q-bubble:after{content:"";left:calc(50% - var(--q-bubble-shift));background:inherit;border-right:var(--flat-border-width,1.5px) solid var(--flat-border,#353a3629);border-bottom:var(--flat-border-width,1.5px) solid var(--flat-border,#353a3629);border-bottom-right-radius:4px;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-7px;transform:rotate(45deg)}.q-bubble.is-open{opacity:1;transform:translate(calc(-50% + var(--q-bubble-shift)), calc(-100% - 12px)) scale(1)}.q-bubble__kind{font-size:var(--text-xs,12px);font-weight:var(--fw-bold,700);color:var(--color-primary,#4f6b66);display:block}.q-bubble__kind[hidden]{display:none}.q-bubble__text{display:block}@media (prefers-reduced-motion:reduce){.q-bubble,.q-bubble.is-open{transform:translate(calc(-50% + var(--q-bubble-shift)), calc(-100% - 12px));transition:opacity var(--dur-fast,.14s) var(--ease-out,ease-out)}}