.player #play-button,.player .control-row #pause-button{box-sizing:border-box;background-color:var(--dcp-button-bg);z-index:5;cursor:pointer}.player{position:relative;border-radius:15px;width:auto;max-width:100%;height:auto;z-index:1}.player:hover .mask{background-color:rgba(255,255,255,.1);transition:1s}.player .mask{width:100%;height:100%;background-color:rgba(255,255,255,.2);z-index:2;transition:1s}.player-info{position:absolute;z-index:4}.player .info-two{z-index:4;transform:scale(0);display:none;-webkit-animation:.4s .3s forwards scale-animation;animation:.4s .3s forwards scale-animation}.player #play-button{position:absolute;width:60px;height:60px;border-radius:50%;box-shadow:0 8px 25px 6px rgba(0,0,0,.5);color:var(--dcp-button-text);right:40px;bottom:100px;display:flex;align-items:center;justify-content:center;transition:70ms;border:none}.player #play-button .icon-play{position:absolute;font-size:1.5em;transition:70ms;color:#fff}.player #play-button:hover .icon-play{font-size:1.2em;transition:70ms}.player #play-button .icon-cancel{position:absolute;font-size:1.6em}.player .control-row{position:relative;bottom:-1px;width:100%;height:130px;background-color:transparent;overflow:hidden;z-index:3}.player .control-row #current_duration,.player .control-row #total_duration{color:var(--dcp-button-text);font-size:.75rem!important;transform:scale(0);display:none;-webkit-animation:.4s .3s forwards scale-animation;animation:.4s .3s forwards scale-animation}.player .control-row #pause-button{position:relative;width:45px;height:45px;border-radius:50%;color:var(--dcp-button-text);align-items:center;border:none;transform:scale(0);display:none;-webkit-animation:.4s .3s forwards scale-animation;animation:.4s .3s forwards scale-animation}.player .control-row .seek-field,.player .control-row .volume-field{transform:scale(0);display:none;-webkit-animation:.4s .3s forwards scale-animation;z-index:5}.player .control-row .seek-field{width:100%;animation:.4s .3s forwards scale-animation}.player .control-row .volume-field{width:50px;animation:.4s .3s forwards scale-animation}.player .control-row .volume-field #volume-input-rangeOFF{-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.player .control-row .volume-icon{width:20px;height:20px;border-radius:50%;z-index:5;font-size:1.2em;display:none;transform:scale(0);cursor:pointer;-webkit-animation:.4s .3s forwards scale-animation;animation:.4s .3s forwards scale-animation}.player .control-row .waves-animation-one,.player .control-row .waves-animation-two{position:absolute;width:80px;height:80px;background-color:var(--dcp-card-bg);z-index:3;display:none;border-radius:50%}@-webkit-keyframes scale-animation{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes scale-animation{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.player .control-row .waves-animation-one{transform:scale(0);-webkit-animation:.25s .3s forwards waves-animation-one;animation:.25s .3s forwards waves-animation-one}@-webkit-keyframes waves-animation-one{0%{transform:scale(1)}100%,99%{transform:scale(7.8)}}@keyframes waves-animation-one{0%{transform:scale(1)}100%,99%{transform:scale(7.8)}}.player .control-row .waves-animation-two{transform:scale(7.8);-webkit-animation:.2s forwards waves-animation-two;animation:.2s forwards waves-animation-two}@-webkit-keyframes waves-animation-two{to{transform:scale(0)}}@keyframes waves-animation-two{to{transform:scale(0)}}.player .play-activeOFF{background:#aa2e25!important;color:#fff!important}.player .control-row .seek-field #audioSeekBar{border-radius:.5rem;height:.5rem;width:95%}.player .control-row .seek-field input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;cursor:pointer;width:15rem}.player .control-row .seek-field input[type=range]:focus{outline:0}.player .control-row .seek-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#aa2e25;height:1rem;width:1rem;border-radius:50%}.player .control-row .seek-field input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:#aa2e25;height:1rem;width:1rem}