.bubble{-webkit-user-select:none;user-select:none;align-self:center;height:7em;animation:.3s ease-out bubblePop;display:flex;transform:scale(1)}.bubble-inner{background:#a7d3ff;border:4px outset #c5ecff;border-radius:10px;place-self:center;padding:10px}.name{align-self:center}.status{align-self:center;font-weight:700}.results{animation:forwards startStageRight}.avatar{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor;background-position:50%;background-repeat:no-repeat;background-size:64px;border-radius:100%;align-self:center;width:100px;height:100px}.person{cursor:pointer;flex-direction:column;gap:10px;width:30%;display:flex}.stage{width:100%;height:600px;padding:10px;position:relative;overflow:hidden}.people{flex-wrap:wrap;gap:15px;width:100%;display:flex;position:absolute;top:0;left:0}@keyframes bubblePop{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes exitStageLeft{0%{transform:translate(0%)}to{transform:translate(-100%)}}@keyframes enterStageRight{0%{transform:translate(100%)}to{transform:translate(0%)}}@keyframes startStageRight{0%{transform:translate(100%)}to{transform:translate(100%)}}.reactions{animation:forwards startStageRight}.selected .avatar{outline:5px solid #0f0}
