#avatar{position:fixed;right:1.5rem;top:6rem;width:60px;height:60px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:9999;transition:transform .2s;cursor:pointer}#avatar:hover{transform:scale(1.1)}@media(hover:none){#avatar:hover{transform:none}}.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{from{opacity:1}to{opacity:0;transform:translateY(20px)}}.zoom-track{height:100%}.zoom-nav{position:fixed;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;cursor:pointer;transition:all .3s}.zoom-nav:hover{background:rgba(255,255,255,.2)}.zoom-nav.prev{left:20px}.zoom-nav.next{right:20px}.zoom-nav::before{content:'';position:absolute;width:12px;height:12px;border:2px solid #fff;border-width:2px 2px 0 0}.zoom-nav.prev::before{transform:rotate(-135deg);left:14px}.zoom-nav.next::before{transform:rotate(45deg);right:14px}.medium-zoom-image--opened{cursor:grab}.medium-zoom-image--opened:active{cursor:grabbing}