#pool.svelte-my3v7m{margin-bottom:1em}#trait-holder.svelte-my3v7m{grid-template-columns:1fr 1fr;align-items:baseline;gap:.5em 5em;width:calc(100% - 4em);display:grid}#category-holder.svelte-my3v7m{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1em;display:flex}.category.svelte-my3v7m{border:2px solid var(--primary);border-radius:.5em;flex:1 0 40%;width:40%;max-width:50%;position:relative}h3.svelte-my3v7m{background:var(--primary);color:#fff;text-align:center;-webkit-user-select:none;user-select:none;margin:0;padding:.5em 0;position:relative}.trait.svelte-my3v7m{-webkit-user-select:none;user-select:none;transform-origin:0;text-align:left;background-color:#fff;border:4px solid #000;border-radius:.5em;align-items:center;gap:.25em;max-width:max-content;padding:.25em;font-size:1rem;transition:transform .15s;display:flex}button.trait.svelte-my3v7m{cursor:pointer}.category.svelte-my3v7m .trait:where(.svelte-my3v7m){border-color:red;position:relative}.category.svelte-my3v7m .trait.good:where(.svelte-my3v7m){border-color:green}.trait.svelte-my3v7m:before{content:"-";color:#fff;background-color:red;border-radius:5em;justify-content:center;align-items:center;width:2rem;min-width:2rem;height:2rem;font-size:1.5rem;font-weight:700;display:flex}.trait.good.svelte-my3v7m:before{content:"+";background-color:green}.incorrect.svelte-my3v7m h3:where(.svelte-my3v7m):after{content:"X";color:#fff;z-index:10;background-color:red;border-radius:10em;justify-content:center;align-items:center;width:1.3em;height:1.3em;margin:auto 0;font-size:1.4em;font-weight:700;animation:.3s linear svelte-my3v7m-waggle;display:flex;position:absolute;top:0;bottom:0;right:0}[aria-grabbed=true].svelte-my3v7m{border-color:var(--tertiary);outline:2px solid var(--tertiary);transform:scale(1.02)}[aria-grabbed=true].svelte-my3v7m:after{content:"←";color:var(--tertiary);justify-content:center;align-items:center;margin:auto;font-size:2.5rem;animation:1s infinite alternate svelte-my3v7m-point;display:flex;position:absolute;top:0;bottom:.5rem;left:calc(10px + 100%)}@keyframes svelte-my3v7m-point{to{transform:translate(25%)}}@keyframes svelte-my3v7m-waggle{0%,to{transform:none}33%{transform:translate(-2px)}66%{transform:translate(2px)}}