.player-button{position:fixed;bottom:2rem;right:2rem;width:80px;height:80px;transition:transform .6s cubic-bezier(.47,1.64,.41,.8);transform:translateY(200%)}.player-button__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#747bff;border-radius:50%}.player-button button{background-color:transparent;border:none;position:absolute;font-size:30px;outline:none!important;box-shadow:none!important}.player-button:after,.player-button:before{content:"";position:absolute;top:-0px;right:-0px;bottom:-0px;left:-0px;outline:1px #747bff solid;border-radius:50%;pointer-events:none;display:none}.player-button:before{animation:wave-squish infinite 3s linear}.player-button:after{animation:wave-squish-alt infinite 3s linear}.player-button button{display:none}.player-button.on-pause,.player-button.on-play{transform:translateY(0)}.player-button.on-play:after,.player-button.on-play:before{display:block}.player-button.on-play .player-button__inner{animation:button-pulse infinite 2s ease-in-out}@keyframes button-pulse{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes wave-squish{0%{transform:rotate(0) scaleX(1.1) scaleY(1.1);opacity:1}50%{transform:rotate(64deg) scaleX(.9) scaleY(1);opacity:.7}to{transform:rotate(360deg) scaleX(1.1) scaleY(1.1);opacity:1}}@keyframes wave-squish-alt{0%{transform:rotate(0) scaleX(.8) scaleY(1.05);opacity:.8}50%{transform:rotate(-64deg) scaleX(1.1) scaleY(.8);opacity:1}to{transform:rotate(-360deg) scaleX(.8) scaleY(1.05);opacity:.8}}.player-button.on-pause button.player-button--play,.player-button.on-play button.player-button--pause{display:block}.autoplay-confirm{font-family:Ancizar Sans,sans-serif;position:absolute;z-index:999;width:320px;height:100px;left:50%;top:50%;background-color:#fff;transform:translate(-50%,-50%);border-radius:10px;padding:2rem}.autoplay-confirm button{font-family:inherit;position:absolute;left:1rem;right:1rem;bottom:1rem;height:45px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background-color:#505050;color:#fff;font-size:inherit;font-weight:600;cursor:pointer}.player-controls{position:fixed;top:50%;left:50%;background-color:transparent;transform:translate(-50%,-50%)}.player-controls__button{width:130px;height:130px;background-color:transparent;border:none;font-size:80px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}body{margin:0}.player__background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-2}.player__background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3b3b3b;opacity:.6}.player__background img{display:block;width:100%;height:100%;object-fit:cover}.player-waves{position:fixed;left:50%;height:1200px;width:1200px;top:50%;transform:translate(-50%,-50%)}.player-title{font-family:Ancizar Sans,sans-serif;position:absolute;top:0;left:0;padding:2rem;color:#fff}.player-title__title{font-size:30px}.player-title__author{font-size:20px;color:#b0b0b0}