.avatar img{width:150px;height:150px;max-width:initial;object-fit:cover;border:1px solid #008afd66;border-radius:50%;margin:auto;transition:filter .5s}.avatar.hero img{width:200px;height:200px}.avatarAction{position:relative}.avatarAction:hover img{filter:brightness(50%)}.avatarAction a{opacity:0;background-color:#008afd33;border:1px solid #008afd66;border-radius:20px;padding:5px 10px;transition:opacity .5s;position:absolute;top:85%;left:50%;transform:translate(-50%,-50%)}.avatarAction:hover a{opacity:1}.selectable{cursor:pointer;animation:2.5s ease-in-out infinite pulse;position:relative}.selectable:hover{background-color:#008afd33}.selectableMessage{text-align:center;color:#fff;z-index:10;text-wrap:nowrap;opacity:0;background-color:#c25d95cc;border-radius:10px;padding:5px 10px;transition:all .3s;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.selectableMessage.arrow-down:after{border-top-color:#c25d95cc}.selectable:hover .selectableMessage{opacity:1}.video{position:relative}video{object-fit:cover;border-radius:50%;width:150px;max-width:none;height:150px}.hero-zone video{width:200px;height:200px}.activeTurn:before{content:"";z-index:1;background-image:url(/img/estrella.svg);width:60px;height:60px;animation:.8s ease-in-out infinite wave;position:absolute;top:-20px;right:-30px}.video button{opacity:.5;width:30px;height:30px;transition:opacity .5s}.video:hover button{opacity:1}@keyframes wave{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes pulse{0%{background-color:#008afd00}50%{background-color:#008afd33}to{background-color:#008afd00}}