.controls[data-v-8af4bbdd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1f1f1f99;border:1px solid #ffffff1a;border-radius:16px;-webkit-box-shadow:0 12px 24px 0 #0000000f;box-shadow:0 12px 24px #0000000f;color:#fff;gap:12px;padding:5px 24px 5px 16px;z-index:10}.control-button[data-v-8af4bbdd]{background:none;border:none;cursor:pointer}.time[data-v-8af4bbdd]{color:#fff;font-size:14px}.progress-bar[data-v-8af4bbdd]{-webkit-box-flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:-webkit-gradient(linear,left top,right top,from(#b6b6b6),color-stop(#b6b6b6),color-stop(#494949),to(#494949));background:linear-gradient(to right,#b6b6b6 0,#b6b6b6 var(--progress,0),#494949 var(--progress,0),#494949 100%);border-radius:5px;color:red;cursor:pointer;-ms-flex:1;flex:1;height:10px}.progress-bar[data-v-8af4bbdd]::-webkit-slider-runnable-track{background:-webkit-gradient(linear,left top,right top,from(#b6b6b6),color-stop(#b6b6b6),color-stop(#494949),to(#494949));background:linear-gradient(to right,#b6b6b6 0,#b6b6b6 var(--progress,0),#494949 var(--progress,0),#494949 100%);border-radius:5px;height:10px}.progress-bar[data-v-8af4bbdd]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 0 0 2px #c5c5c5;box-shadow:0 0 0 2px #c5c5c5;height:14px;-webkit-transform:translateY(-2px);transform:translateY(-2px);width:14px}.progress-bar[data-v-8af4bbdd]:focus::-ms-fill-upper{background:#fff}.progress-bar[data-v-8af4bbdd]::-moz-range-track{background:#ccc;border-radius:5px;height:5px}.progress-bar[data-v-8af4bbdd]::-moz-range-thumb{background-color:#fff;border-radius:50%;box-shadow:0 0 0 2px #c5c5c5;height:14px;transform:translateY(-2px);width:14px}.progress-bar[data-v-8af4bbdd]::-ms-track{background:transparent;border-color:transparent;color:transparent}.progress-bar[data-v-8af4bbdd]::-ms-fill-lower{background:#1f1f1f;border-radius:5px}.progress-bar[data-v-8af4bbdd]::-ms-fill-upper{background:#ccc;border-radius:5px}.progress-bar[data-v-8af4bbdd]::-ms-thumb{background-color:#fff;border-radius:50%;box-shadow:0 0 0 2px #c5c5c5;height:14px;-ms-transform:translateY(-2px);transform:translateY(-2px);width:14px}.volume-wrap[data-v-8af4bbdd]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:auto;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.volume-wrap[data-v-8af4bbdd]:before{bottom:100%;content:"";height:14px;left:-8px;position:absolute;right:-8px}.volume-btn[data-v-8af4bbdd]{background:none;border:none;border-radius:8px;cursor:pointer;padding:6px}.volume-btn[data-v-8af4bbdd]:hover{background:#ffffff0f}.volume-pop[data-v-8af4bbdd]{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000008c;border:1px solid hsla(0,0%,100%,.12);border-radius:14px;bottom:calc(100% + 10px);-webkit-box-shadow:0 18px 50px rgba(0,0,0,.35);box-shadow:0 18px 50px #00000059;display:-webkit-box;display:-ms-flexbox;display:flex;height:150px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:54px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 8px 28px;z-index:50}.volume-range[data-v-8af4bbdd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.6)),color-stop(hsla(0,0%,100%,.6)),color-stop(#e0e0e01a),to(#e0e0e01a));background:linear-gradient(to right,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,.6) var(--volume-progress,0),#e0e0e01a var(--volume-progress,0),#e0e0e01a 100%);border-radius:999px;cursor:pointer;display:block;height:6px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;width:110px}.volume-range[data-v-8af4bbdd]::-webkit-slider-runnable-track{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.6)),color-stop(hsla(0,0%,100%,.6)),color-stop(#e0e0e01a),to(#e0e0e01a));background:linear-gradient(to right,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,.6) var(--volume-progress,0),#e0e0e01a var(--volume-progress,0),#e0e0e01a 100%);border-radius:999px;height:6px}.volume-range[data-v-8af4bbdd]::-moz-range-track{background:linear-gradient(to right,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.7) var(--volume-progress,0),#e0e0e01a var(--volume-progress,0),#e0e0e01a 100%);border-radius:999px;height:6px}.volume-range[data-v-8af4bbdd]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:50%;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.25);box-shadow:0 0 0 2px #00000040;height:14px;-webkit-transform:translateY(-4px);transform:translateY(-4px);width:14px}.volume-range[data-v-8af4bbdd]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 0 0 2px #00000040;height:14px;width:14px}.volume-text[data-v-8af4bbdd]{bottom:10px;color:#ffffffe6;font-size:12px;left:0;line-height:1;position:absolute;right:0;text-align:center}.info-wrap[data-v-8af4bbdd]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-wrap[data-v-8af4bbdd]:before{bottom:100%;content:"";height:14px;left:-8px;position:absolute;right:-8px}.info-btn[data-v-8af4bbdd]{background:none;border:none;border-radius:8px;cursor:pointer;padding:6px}.info-btn[data-v-8af4bbdd]:hover{background:#ffffff0f}.info-pop[data-v-8af4bbdd]{background:#1f1f1f;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;bottom:calc(100% + 15px);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.5);box-shadow:0 4px 20px #00000080;color:#fff;padding:16px;position:absolute;right:0;width:280px;z-index:50}.info-header[data-v-8af4bbdd]{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px}.info-row[data-v-8af4bbdd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;font-size:12px;justify-content:space-between;margin-bottom:8px}.info-row[data-v-8af4bbdd]:last-child{margin-bottom:0}.info-label[data-v-8af4bbdd]{color:#ffffff80}.info-value[data-v-8af4bbdd]{color:#fff}