.cue-sclera{fill:#fff}.cue-iris{fill:#5a5049}.cue-pupil{fill:#1d1916}.cue-glint{fill:#fff}.cue-lid,.cue-low{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.cue-low{stroke-opacity:.45}.cue-head{fill:currentColor}.cue-gaze{fill:var(--cue-fill,var(--white))}.cue-face{transform-box:view-box;transform-origin:41.667% 21.875%;transform:rotate(-22deg)}.cue-torso,.cue-thigh,.cue-shin{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.cue-torso{stroke-width:6.4px}.cue-thigh{stroke-width:6px}.cue-shin{stroke-width:5px}.cue-glass-fill{fill:color-mix(in srgb, currentColor 6%, transparent)}.cue-water{fill:#8cc4ef}.cue-surface{fill:none;stroke:#e6f4ff;stroke-width:1px;stroke-opacity:.8}.cue-glass{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.cue-glass-glint{fill:none;stroke:#fff;stroke-width:1.2px;stroke-linecap:round;stroke-opacity:.7}.cue-drop{fill:#7ab8ea;opacity:0}.cue-ripple{fill:none;stroke:#e6f4ff;stroke-width:1px;opacity:0}
.cue{--cue-ink:var(--title);--cue-fill:var(--white);--cue-sheen:var(--glass-sheen);--cue-edge:var(--glass-edge);box-sizing:border-box;border:1px solid var(--cue-edge);border-radius:var(--radius-full);background:linear-gradient(160deg, var(--cue-sheen), transparent 45%), color-mix(in srgb, var(--cue-fill) 80%, transparent);box-shadow:inset 0 1px 0 var(--cue-sheen), 0 0 0 .5px var(--black-5), var(--shadow-subtle);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--cue-ink);pointer-events:none;transform-origin:0 100%;animation:cue-life var(--cue-life) linear both;place-items:center;display:grid;position:fixed;overflow:hidden}.cue[data-theme=light]{--cue-ink:#373737;--cue-fill:#fff;--cue-sheen:#ffffff73;--cue-edge:#ffffff8c}.cue[data-theme=dark]{--cue-ink:#f2f2f2;--cue-fill:#1c1c1c;--cue-sheen:#ffffff14;--cue-edge:#ffffff1a}.cue[data-below]{transform-origin:0 0}.cue-count{--cue-ink:var(--title);--cue-fill:var(--white);--cue-sheen:var(--glass-sheen);--cue-edge:var(--glass-edge);box-sizing:border-box;border:1px solid var(--cue-edge);border-radius:var(--radius-full);background:linear-gradient(160deg, var(--cue-sheen), transparent 45%), color-mix(in srgb, var(--cue-fill) 80%, transparent);width:56px;height:56px;box-shadow:inset 0 1px 0 var(--cue-sheen), 0 0 0 .5px var(--black-5), var(--shadow-subtle);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--cue-ink);font-family:var(--font-sans);font-size:var(--text-md);font-variant-numeric:tabular-nums;letter-spacing:-.02em;pointer-events:none;place-items:center;font-weight:500;line-height:1;display:grid;position:fixed;overflow:hidden}.cue-count[data-theme=light]{--cue-ink:#373737;--cue-fill:#fff;--cue-sheen:#ffffff73;--cue-edge:#ffffff8c}.cue-count[data-theme=dark]{--cue-ink:#f2f2f2;--cue-fill:#1c1c1c;--cue-sheen:#ffffff14;--cue-edge:#ffffff1a}.cue-count-n{opacity:0;grid-area:1/1;animation:1s linear both cue-count-beat}.cue-count-n:first-child{animation-delay:0s}.cue-count-n:nth-child(2){animation-delay:1s}.cue-count-n:nth-child(3){animation-delay:2s}@keyframes cue-count-beat{0%{opacity:0}14%,78%{opacity:1}to{opacity:0}}.cue[data-kind=blink],.cue[data-kind=posture],.cue[data-kind=water]{width:56px;height:56px}.cue[data-kind=blink]{--cue-life:2s}.cue[data-kind=posture],.cue[data-kind=water]{--cue-life:3s}.cue svg{display:block}.cue[data-kind=blink] svg{width:40px;height:24px}.cue[data-kind=posture] svg,.cue[data-kind=water] svg{width:56px;height:56px}.cue[data-kind=blink] .cue-lid{animation:2s linear both cue-lid}.cue[data-kind=blink] .cue-low{animation:2s linear both cue-low}.cue[data-kind=blink] .cue-open{animation:2s linear both cue-open}.cue[data-kind=posture] .cue-torso{animation:3s linear both cue-torso}.cue[data-kind=posture] .cue-head-g{animation:3s linear both cue-head}.cue[data-kind=posture] .cue-face{animation:3s linear both cue-face}.cue[data-kind=water] .cue-level{animation:3s linear both cue-level}.cue[data-kind=water] .cue-wave{animation:1.2s linear infinite cue-wave}.cue[data-kind=water] .cue-drop{animation:3s linear both cue-drop}.cue[data-kind=water] .cue-ripple{transform-box:fill-box;transform-origin:50%;animation:3s linear both cue-ripple}@media (hover:hover){.addons-card:hover .cue-lid{animation:2s linear both cue-lid}.addons-card:hover .cue-low{animation:2s linear both cue-low}.addons-card:hover .cue-open{animation:2s linear both cue-open}.addons-card:hover .cue-torso{animation:3s linear both cue-torso}.addons-card:hover .cue-head-g{animation:3s linear both cue-head}.addons-card:hover .cue-face{animation:3s linear both cue-face}.addons-card:hover .cue-level{animation:3s linear both cue-level}.addons-card:hover .cue-wave{animation:1.2s linear infinite cue-wave}.addons-card:hover .cue-drop{animation:3s linear both cue-drop}.addons-card:hover .cue-ripple{transform-box:fill-box;transform-origin:50%;animation:3s linear both cue-ripple}}.addons-card-icon .icon{overflow:visible}@keyframes cue-life{0%{opacity:0;animation-timing-function:var(--ease-sheet);transform:translateY(6px)scale(.9)}18%,82%{opacity:1;animation-timing-function:var(--ease-in);transform:none}to{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes cue-lid{0%,26%{d:path("M4 12C10 3.5 30 3.5 36 12");animation-timing-function:var(--ease-in)}30.5%,32.5%{d:path("M4 12C10 17.6 30 17.6 36 12");animation-timing-function:var(--ease-sheet)}40%,52.5%{d:path("M4 12C10 3.5 30 3.5 36 12");animation-timing-function:var(--ease-in)}57%,59%{d:path("M4 12C10 17.6 30 17.6 36 12");animation-timing-function:var(--ease-sheet)}67%,to{d:path("M4 12C10 3.5 30 3.5 36 12")}}@keyframes cue-low{0%,26%{d:path("M4 12C10 19.5 30 19.5 36 12");animation-timing-function:var(--ease-in)}30.5%,32.5%{d:path("M4 12C10 17.6 30 17.6 36 12");animation-timing-function:var(--ease-sheet)}40%,52.5%{d:path("M4 12C10 19.5 30 19.5 36 12");animation-timing-function:var(--ease-in)}57%,59%{d:path("M4 12C10 17.6 30 17.6 36 12");animation-timing-function:var(--ease-sheet)}67%,to{d:path("M4 12C10 19.5 30 19.5 36 12")}}@keyframes cue-open{0%,26%{d:path("M4 12C10 3.5 30 3.5 36 12C30 19.5 10 19.5 4 12Z");animation-timing-function:var(--ease-in)}30.5%,32.5%{d:path("M4 12C10 17.6 30 17.6 36 12C30 17.6 10 17.6 4 12Z");animation-timing-function:var(--ease-sheet)}40%,52.5%{d:path("M4 12C10 3.5 30 3.5 36 12C30 19.5 10 19.5 4 12Z");animation-timing-function:var(--ease-in)}57%,59%{d:path("M4 12C10 17.6 30 17.6 36 12C30 17.6 10 17.6 4 12Z");animation-timing-function:var(--ease-sheet)}67%,to{d:path("M4 12C10 3.5 30 3.5 36 12C30 19.5 10 19.5 4 12Z")}}@keyframes cue-torso{0%,22%{d:path("M20 31C17.5 27.5 18.5 23.5 24 22.5");animation-timing-function:var(--ease-standard)}52%,to{d:path("M20 31C20 27.2 20 23.3 20 19.5")}}@keyframes cue-head{0%,22%{animation-timing-function:var(--ease-standard);transform:translate(10px,6.5px)}52%,to{transform:none}}@keyframes cue-face{0%,30%{animation-timing-function:var(--ease-sheet);transform:rotate(42deg)}64%,to{transform:rotate(-22deg)}}@keyframes cue-level{0%,30%{animation-timing-function:var(--ease-sheet);transform:translateY(33px)}72%,to{transform:translateY(21px)}}@keyframes cue-wave{0%{transform:translate(0)}to{transform:translate(-16px)}}@keyframes cue-drop{0%,12%{opacity:0;transform:translateY(-1px)}16%{opacity:1;animation-timing-function:var(--ease-in);transform:translateY(0)}30%{opacity:1;transform:translateY(23px)}31%,to{opacity:0;transform:translateY(25px)}}@keyframes cue-ripple{0%,30%{opacity:0;transform:scale(.3)}31%{opacity:.9;animation-timing-function:var(--ease-sheet);transform:scale(.4)}52%,to{opacity:0;transform:scale(1.7)}}