.perch-orbs{pointer-events:none;z-index:2;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.perch-orbs[data-hidden=true]{visibility:hidden}.perch-orb{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;position:absolute;top:0;left:0}.perch-orb:active{cursor:grabbing}.perch-orb--light{--perch-eye:#1c2541;--suit-1:#45454d;--suit-2:#17171b;--suit-3:#060607;--suit-edge:#ffffff4d;--suit-button:#3a3a42;--tie-1:#55555e;--tie-2:#1d1d22;--tie-3:#070708}.perch-orb--dark{--perch-eye:#f2f0ea;--suit-1:#46558a;--suit-2:#1c2541;--suit-3:#0f1631;--suit-edge:#ffffff4d;--suit-button:#2c3a68;--tie-1:#6074ae;--tie-2:#2c3c72;--tie-3:#121a3a}.perch-orb__body{border-radius:50%;width:1em;height:1em;display:block;position:relative;overflow:hidden}.perch-orb--light .perch-orb__body{background:radial-gradient(circle at 34% 28%,#fff 0%,#f4f1e9 42%,#d6d0c1 100%);box-shadow:0 0 0 1px #1c25414d}.perch-orb--dark .perch-orb__body{background:radial-gradient(circle at 34% 28%,#5a5a64 0%,#26262c 45%,#111114 100%);box-shadow:0 0 0 1px #ffffff4d}.perch-orb__face{place-items:center;display:grid;position:absolute;inset:0}.perch-orb__eyes{align-items:center;gap:.15em;height:.3em;display:flex}.perch-orb__eyes i{background:var(--perch-eye);border-radius:.08em;width:.16em;height:.25em;transition:transform .14s cubic-bezier(.23,1,.32,1);display:block}.perch-orb__eyes[data-eyes=blink] i{transform:scaleY(.12)}.perch-orb__eyes[data-eyes=wide] i{transform:scale(1.2,1.25)}.perch-orb__eyes[data-eyes=mad] i:first-child{transform:rotate(28deg)scaleY(.55)}.perch-orb__eyes[data-eyes=mad] i:last-child{transform:rotate(-28deg)scaleY(.55)}.perch-orb__eyes[data-eyes=happy] i{border:solid var(--perch-eye);background:0 0;border-width:.07em .07em 0;border-radius:.12em .12em 0 0;width:.2em;height:.1em}.perch-orb__outfit{position:absolute;inset:0}.perch-orb__jacket{opacity:0;transition:transform .18s cubic-bezier(.23,1,.32,1),opacity .12s;position:absolute;inset:0;transform:translateY(.55em)}.perch-orb[data-dressed=true] .perch-orb__jacket{opacity:1;transition:transform .38s cubic-bezier(.23,1,.32,1),opacity .16s;transform:none}.perch-orb__shirt{clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#fff,#e7e4dd);position:absolute;inset:.68em .26em 0}.perch-orb__collar{filter:drop-shadow(0 .01em .012em #0000004d);background:linear-gradient(#fff,#e9e6df);width:.1em;height:.085em;position:absolute;top:.675em;left:50%}.perch-orb__collar--l{clip-path:polygon(0 0,100% 40%,55% 100%);margin-left:-.11em}.perch-orb__collar--r{clip-path:polygon(100% 0,0 40%,45% 100%);margin-left:.01em}.perch-orb__half{background:radial-gradient(70% 55% at 50% 18%, var(--suit-1), var(--suit-2) 62%, var(--suit-3));width:1em;height:1em;box-shadow:inset 0 0 0 .03em var(--suit-edge);border-radius:50%;position:absolute;top:.55em}.perch-orb__half--l{left:-.52em}.perch-orb__half--r{right:-.52em}.perch-orb__pocket{background:#ffffff4d;border-radius:.01em;width:.13em;height:.022em;position:absolute;top:.7em;left:.13em;transform:rotate(-12deg)}.perch-orb__square{clip-path:polygon(0 100%,30% 0,55% 60%,80% 5%,100% 100%);background:#fff;width:.07em;height:.05em;position:absolute;top:.655em;left:.155em;transform:rotate(-12deg)}.perch-orb__button{background:radial-gradient(circle at 35% 35%, #ffffff8c, var(--suit-button) 60%);border-radius:50%;width:.055em;height:.055em;margin:-.0275em 0 0 -.0275em;position:absolute;box-shadow:0 .008em .01em #0006}.perch-orb__button--1{top:.87em;left:.425em}.perch-orb__button--2{top:.95em;left:.45em}.perch-orb__tie{transform-origin:50% 0;pointer-events:none;width:.13em;height:.3em;margin-left:-.065em;position:absolute;top:.74em;left:50%}.perch-orb__tie-in{transform-origin:50% 0;opacity:0;filter:drop-shadow(.012em .02em .012em #00000047);transition:scale .14s cubic-bezier(.23,1,.32,1),opacity .1s;position:absolute;inset:0;scale:.3}.perch-orb[data-dressed=true] .perch-orb__tie-in{opacity:1;transition:scale .42s cubic-bezier(.34,1.5,.64,1) .12s,opacity .14s .12s;scale:1}.perch-orb__knot{background:radial-gradient(circle at 40% 30%, var(--tie-1), var(--tie-2) 70%, var(--tie-3));clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);height:.08em;position:absolute;top:0;left:6%;right:6%}.perch-orb__blade{background:linear-gradient(90deg, var(--tie-3), var(--tie-1) 38%, var(--tie-2) 68%, var(--tie-3));clip-path:polygon(30% 0,70% 0,100% 84%,50% 100%,0 84%);position:absolute;inset:.075em 0 0}.perch-orb__blade:after{content:"";background:repeating-linear-gradient(135deg,#0000 0 .035em,#ffffff1f .035em .05em);position:absolute;inset:0}.perch-orbs__bonk{pointer-events:none;border:1.5px solid;border-radius:50%;width:22px;height:22px;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.perch-orb__jacket,.perch-orb[data-dressed=true] .perch-orb__jacket,.perch-orb__tie-in,.perch-orb[data-dressed=true] .perch-orb__tie-in,.perch-orb__eyes i{transition:none}}