#cpmplayer{position:relative}.loader-wrap{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:65px;border-radius:65px;background:rgba(0,0,0,.5);display:grid;grid-template-rows:1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}@media (max-width:360px){.loader-wrap{border-radius:0}}h1{color:#fff}.player{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:32px 50px 1fr 50px 100px 50px;grid-gap:10px;height:65px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Avenir,Avenir Next,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;-webkit-font-smoothing:subpixel-antialiased}.player.loading{opacity:.2}.focused{outline:0}.white-text{color:#fff;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-10{padding:0 10px}.a-center,.btn{text-align:center}.btn{background:none;border-radius:50%;border:0;cursor:pointer;padding:7px;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:visible}.btn:hover{background:#1aafff}.btn.play-btn{-webkit-transform:translateY(-2px) translateX(10px);transform:translateY(-2px) translateX(10px)}.icon{width:18px;height:18px;fill:#fff}.icon.play{-webkit-transform:translateX(1px) translateY(2px);transform:translateX(1px) translateY(2px)}.icon.paused{width:20px;height:20px;position:relative;top:2px;left:1px;margin-bottom:-2px}.track{position:relative;height:5px;background:#fff;border-radius:26px;width:100%;cursor:pointer}.loading .track{background-color:#f0a3a3;background-image:-webkit-linear-gradient(#f0a3a3,#f42323)}.loading .track:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-size:50px 50px;background-image:-moz-linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.2) 75%,transparent 75%,transparent);overflow:hidden;z-index:1}.thumb{position:absolute;top:0;display:block;background:#fff;border:0;border-radius:100%;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);height:13px;width:13px;margin-top:-4px;margin-left:-10px;cursor:pointer;z-index:3}.play-progress,.vol-level{position:absolute;top:0;left:0;height:5px;border-radius:26px;background-color:#1aafff;background-image:-webkit-gradient(linear,left top,right top,from(#1aafff),to(transparent));background-image:linear-gradient(90deg,#1aafff var(--value,0),transparent var(--value,0));z-index:2}#volume{display:grid;grid-template-columns:32px 1fr;grid-gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vol-thumb{margin-left:-10px}#settings{position:relative}.settings{position:absolute;top:-60px;right:20px;opacity:1;background:#fff;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);font-size:13px;white-space:nowrap;z-index:3;margin:0;list-style:none;-webkit-transition:all .3s ease;transition:all .3s ease}.settings.tall{top:-235px}.settings ul{margin:0;padding:0;list-style:none}.settings div,.settings ul{-webkit-transition:all .3s ease;transition:all .3s ease}.settings div{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:25px;padding:5px 10px;border-radius:5px;cursor:pointer}.settings div:hover{background:#1aafff;color:#fff}.settings .grid{display:grid;grid-template-columns:auto auto;grid-gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.settings .ico:after{display:block;content:"";height:0;width:0;border:solid transparent;border-color:#fff;border-width:4px}.settings .ico-forward:after{border-left-color:inherit}.settings .ico-back:after{border-right-color:inherit}.choice:hover .ico:after{border-color:#1aafff}.choice:hover .ico-forward:after{border-left-color:#fff}.choice:hover .ico-back:after{border-right-color:#fff}.settings li li{display:block;padding:5px 10px;line-height:25px;cursor:pointer;border-radius:5px;margin-bottom:5px}.settings li li.current,.settings li li:hover{background:#1aafff;color:#fff}.v-enter-active,.v-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.v-enter-to,.v-leave{opacity:1;top:-60px}.v-enter,.v-leave-to{top:0;opacity:0}#video-info{width:100%;text-align:center}.standalone #video-info{position:relative}.videoinner{margin:0 auto}.videoinner,.wrapper{position:relative;width:100%;max-width:638px}.wrapper{margin:0 auto 25px;padding-top:25px}.wrapper.standalone.audio{min-height:200px;max-height:300px}.wrapper.standalone.video{min-height:350px;max-height:440px;padding-top:0}@media (max-width:530px){.tabs{width:200px;height:126px}.tabs li{display:block;border-bottom:1px solid #5e5e5d}.tabs li:last-child{border:none}.tabs li.more a,.tabs li.now a{border:0;width:100%}.tabs li.now.current a{left:0;width:100%;border-bottom-left-radius:0;border-top-right-radius:6px}.tabs li.other.current a{border-bottom-left-radius:6px;border-top-right-radius:0;margin:0;left:0;width:100%}}