body{font-family:Nunito,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.player-wrapper{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center}.player{background-color:#fff;border-radius:5px;border:1px solid #e0e0e0;box-shadow:0 5px 8px rgba(0,0,0,.15);color:#404040;display:inline-block;line-height:1.5625;position:relative}.player-controls{display:flex}.player-controls>div{border-right:1px solid #e0e0e0}.player-controls>div:last-child{border-right:none}.player-controls>div a{color:#404040;display:block;line-height:0;padding:1em;text-decoration:none}.player-controls>div a svg{display:inline-block;width:1.125rem}.player-timeline{background-color:#e0e0e0;height:50%;min-width:200px;position:relative}.player-timeline .player-progress,.player-timeline .player-seeker{bottom:0;height:100%;left:0;position:absolute;top:0}.player-timeline .player-progress{background-color:#404040;z-index:1}.player-timeline .player-seeker{cursor:pointer;width:100%;z-index:2}.player-time{display:flex;justify-content:space-between}.player-time .player-time-current{font-weight:700;padding:0 5px}.player-time .player-title{flex-grow:1;overflow:hidden;position:relative}.player-time .player-title p{animation:scroll 10s linear infinite alternate;position:absolute;top:0;left:0;white-space:nowrap}@keyframes scroll{0%{transform:translateX(0)}10%{transform:translateX(0)}90%{transform:translateX(-100%)}to{transform:translateX(-100%)}}.player-time .player-time-total{opacity:.5;padding:0 5px}.player-volume{display:inline-block;height:1.1rem;margin:0 0 0 2px;width:6rem}.create-new{font-family:Avenir Next,effra,Helvetica,Arial,sans-serif}