:root{--olive:#757854;--grey:#b6b09c;--beige:#e5debd;--purple:#5b5253;--salmon:#F9AE92;--bordercolor:#BEB69A}.player__wrapper{border-top-left-radius:60px;border-bottom-right-radius:60px;border:1px solid #BEB69A;background:#fff0;padding:30px 50px 30px 50px;max-width:450px;align-self:start;margin:0 auto}@media screen and (min-width:1920px){.player__wrapper{padding:30px 4vw 30px 4vw}}.ab__controls{display:grid;align-content:center;align-items:baseline;grid-template-columns:1fr 1fr;justify-content:center;justify-items:center;width:auto}button{font-size:1rem;text-transform:uppercase;border:none;color:rgb(255 255 255 / .8);width:5rem;padding:.75rem;border-radius:5px;background:var(--grey);cursor:pointer;transition:all ease-in-out 0.3s}.play__pause__button{border-radius:50px;padding:.6rem .1rem}button:disabled{color:var(--purple);transition:all ease-in-out 0.3s}.ab__button:disabled,.ab__buttonbutton[disabled]{background:var(--olive);color:var(--beige)}.b__button{background:var(--grey);color:var(--purple)}.fa-play{color:rgb(255 255 255 / .8)}.player__wrapper .controls{display:flex;align-items:center;gap:50px;justify-content:space-between}.ab__button{color:rgb(0 0 0 / .8)}.a__button{font-size:12px;border-radius:30px;justify-self:self-start;font-family:var(--bodyfont);margin-right:15px}.b__button{font-size:12px;border-radius:30px;justify-self:self-start;font-family:var(--bodyfont)}.play__button{justify-self:self-end;width:2.6rem;background:rgb(0 0 0 / .8)}.stop__button:disabled{background:#fff0;border:1px solid var(--bordercolor);color:#ABA593}.play__button:hover{color:#94986a}.stop__button{width:2.6rem;color:#966f6f;justify-self:self-start;padding-left:.1rem}.stop__button:hover{color:#846667}.play__stop__controls{display:grid;grid-template-columns:1fr 1fr;justify-content:center;grid-gap:1rem}.progress__container{display:inline-flex;background:#b6b09c;height:12px;width:100%;margin-bottom:2.4rem;border-radius:10px;box-shadow:inset 7px 7px 15px rgb(0 0 0 / .05),inset -7px -7px 15px rgb(0 0 0 / .05);cursor:pointer;align-self:center}.progress__bar,.progress__bar2{background:#50424a;border-radius:10px;transition:all ease-in-out 0.03s}.progress__fill,.progress__fill2{width:0%}.single-portfolio .col.span_12.dark .player__wrapper{border:1px solid #252525!important}.single-portfolio .col.span_12.dark .progress__container,.single-portfolio .col.span_12.dark button{background:#252525;color:#f5f5f5}.single-portfolio div[data-midnight="light"] .player__wrapper{border:1px solid #f5f5f5!important}.single-portfolio div[data-midnight="light"] .progress__container,.single-portfolio div[data-midnight="light"] button{background:#f5f5f5;color:#252525}.single-portfolio div[data-midnight="light"] .fa-play{color:#252525}