body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgba(0,0,0,.6);font-family:Roboto Flex,sans-serif;margin:0}svg{color:inherit;height:30px;width:30px}.app{flex-direction:column;height:100vh;justify-content:space-between;padding:100px 0;width:100vw}.app,.poster-card{align-items:center;box-sizing:border-box;display:flex}.poster-card{border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:5px 5px 5px 0 rgba(0,0,0,.2);-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,.2);-moz-box-shadow:5px 5px 5px 0 rgba(0,0,0,.2);height:300px;justify-content:center;padding:20px;width:250px}.poster-card>img{max-height:100%;max-width:100%}.playback-actions{align-items:center;display:flex}.playback-actions>:not(:last-child){margin-right:20px}.playback-button{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:100%;box-shadow:5px 5px 5px 0 rgba(0,0,0,.2);-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,.2);-moz-box-shadow:5px 5px 5px 0 rgba(0,0,0,.2);color:rgba(0,0,0,.6);cursor:pointer;display:flex;justify-content:center;padding:20px;transition:box-shadow .2s ease}.playback-button:hover:not(:disabled){box-shadow:7px 7px 5px 0 rgba(0,0,0,.2);-webkit-box-shadow:7px 7px 5px 0 rgba(0,0,0,.2);-moz-box-shadow:7px 7px 5px 0 rgba(0,0,0,.2)}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.aec1987d.css.map*/