.face-hover-container{position:relative;display:inline-block;cursor:pointer}.face-hover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:none}.face-hover-default{opacity:1}.face-hover-active{position:absolute;top:0;left:0;opacity:0}.face-hover-container:hover .face-hover-default{opacity:0}.face-hover-container:hover .face-hover-active{opacity:1}.face-hover-small{width:40px;height:40px}.face-hover-small .face-hover-image{border-radius:50%}.face-hover-medium{width:80px;height:80px}.face-hover-medium .face-hover-image{border-radius:50%}.face-hover-large{width:200px;height:200px;max-width:80vw;max-height:80vh}.face-hover-large .face-hover-image{border-radius:15px}@media (max-width:768px){.face-hover-large{width:150px;height:150px}}.face-hover-container.with-scale:hover{transform:scale(1.02);transition:transform .1s ease}.face-hover-container.circular .face-hover-image{border-radius:50%}.face-hover-container.rounded .face-hover-image{border-radius:15px}.face-hover-container.square .face-hover-image{border-radius:0}