.players{display:block;justify-content:center;align-items:center}.player__wrapper{display:flex;border-radius:0;background:#fff;box-shadow:3px 3px 17px #f3f3f3;padding:15px;align-self:start}.ab__controls{display:inline-flex;align-content:center;justify-content:center;justify-items:center;width:20%}.players button{font-family:'Avenir Condensed Regular';margin:2px;font-size:16px;border:none;color:#9b9b9b;width:45px;padding:5px;border-radius:3px;background:#ececec;cursor:pointer;transition:all ease-in-out .3s}.players button:disabled{color:#c9c9c9;transition:all ease-in-out .3s}.players button:disabled:hover{color:#c9c9c9}.a__button{width:8rem;border-radius:12px 0 0 12px;justify-self:self-end}.b__button{width:8rem;border-radius:0 12px 12px 0;justify-self:self-start}.play__button{justify-self:self-end}.stop__button{width:5rem;color:#966f6f;justify-self:self-start}.stop__button:disabled{color:#966f6fd3}.play__stop__controls{display:inline-flex;grid-template-columns:1fr 1fr;justify-content:center}.progress__container{display:inline-flex;margin:10px;background:#a8a8a8;height:10px;width:60%;border-radius:12px;background:#e6e6e6;box-shadow:inset 7px 7px 15px #cdcdcd,inset -7px -7px 15px #fff;cursor:pointer;align-self:center;overflow:hidden}.progress__bar{background:linear-gradient(360deg,#2da87b,#34dcacfa);border-radius:12px;transition:all ease-in-out .03s}.progress__fill{width:0}