.album{background-color:transparent;perspective:1000px}.album-inner{position:relative;width:100%;height:100%;text-align:center;transform-style:preserve-3d;transform:translateX(-25%)}.disk{transform:translateX(50%)}.disk>img{animation:spin 180s linear infinite}.album-container:hover .album-inner,.album:hover .album-inner,.cover-3d:hover .album-inner{animation:slide 8s ease,floating 2s ease 1s 3,rotate-3d-cd 5s ease-in-out 1.5s}.album-container:hover .album-inner .disk,.album:hover .album-inner .disk,.cover-3d:hover .album-inner .disk{animation:tidy-cd 8s ease forwards}@keyframes slide{0%{transform:translate(-25%)}18%,82%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes tidy-cd{0%{transform:translate(50%)}18%,82%{transform:translate(0)}to{transform:translate(50%)}}@keyframes floating{0%{top:0}50%{top:-10px}to{top:0}}@keyframes rotate-3d-cd{0%{transform:rotateY(0deg)}5%{transform:rotateY(-10deg)}30%{transform:rotateY(190deg)}33%{transform:rotateY(180deg)}67%{transform:rotateY(180deg)}70%{transform:rotateY(170deg)}95%{transform:rotateY(370deg)}to{transform:rotateY(1turn)}}.album-back,.album-front{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.album-front{background-color:#bbb;color:black}.album-back{top:0;position:absolute;background-color:#ffffff;color:black;transform:rotateY(180deg);text-align:left}.album-front img{width:auto;height:auto}