.tracklist[data-v-b567e4af]{display:flex;flex-wrap:wrap;gap:16px;max-width:700px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:749.98px){.tracklist[data-v-b567e4af]{justify-content:center}}.tracklist .track[data-v-b567e4af]{align-items:center;background:#edeef2;border-radius:8px;cursor:pointer;display:flex;height:70px;justify-content:space-between;padding:5px 18px;transition:all .1s linear;width:340px}@media (max-width:749.98px){.tracklist .track[data-v-b567e4af]{width:300px}}.tracklist .track.disabled[data-v-b567e4af]{opacity:.35;pointer-events:none}.tracklist .track.selected[data-v-b567e4af],.tracklist .track[data-v-b567e4af]:hover{background:#465a63}.tracklist .track.selected .track__level-star[data-v-b567e4af],.tracklist .track.selected .track__play[data-v-b567e4af],.tracklist .track.selected .track__title[data-v-b567e4af],.tracklist .track:hover .track__level-star[data-v-b567e4af],.tracklist .track:hover .track__play[data-v-b567e4af],.tracklist .track:hover .track__title[data-v-b567e4af]{color:#fff}.tracklist .track.selected .track__play[data-v-b567e4af],.tracklist .track:hover .track__play[data-v-b567e4af]{border-color:#ffffff80}.tracklist .track.selected .track__duration[data-v-b567e4af],.tracklist .track:hover .track__duration[data-v-b567e4af]{border-color:#6a7b82}.tracklist .track>div[data-v-b567e4af],.tracklist .track__play[data-v-b567e4af]{align-items:center;display:flex}.tracklist .track__play[data-v-b567e4af]{border:1px solid rgba(54,71,79,.5);border-radius:50%;color:#36474f;height:34px;justify-content:center;line-height:1;width:34px}.tracklist .track__play svg[data-v-b567e4af]{height:12px;width:9px}.tracklist .track__title[data-v-b567e4af]{color:#36474f;font-size:var(--el-font-size-medium);font-weight:500;margin-left:10px}.tracklist .track__level-star[data-v-b567e4af]{color:#36474f;height:15px;margin-left:5px;width:15px}.tracklist .track__duration[data-v-b567e4af]{border-left:1px solid #dbdbdb;color:#88989f;font-weight:500;line-height:1.8;margin-left:14px;padding-left:14px;transition:all .1s linear}.preloader[data-v-97601743]{padding-top:120px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preloader__progress[data-v-97601743]{height:100px;left:50%;-webkit-mask-image:url(../img/preloader__Cxfb2qMy.svg);mask-image:url(../img/preloader__Cxfb2qMy.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;top:0;transform:translate(-50%);width:124px}.preloader__progress-bg[data-v-97601743]{background:#edeef2;bottom:0;height:100%;position:absolute;width:100%}.preloader__progress-filler[data-v-97601743]{background:#465a63;bottom:0;height:0;position:absolute;transition:height .2s;width:100%}.preloader__percent[data-v-97601743]{bottom:60px;color:#465a63;font-size:var(--el-font-size-extra-large);font-weight:500;left:50%;position:absolute;text-align:center;transform:translate(-50%);width:70px}.preloader__percent[data-v-97601743]:after{content:"%";font-size:1rem;font-weight:600;margin-right:-6px}.preloader__message[data-v-97601743]{color:#465a63;font-size:var(--el-font-size-large);letter-spacing:.02rem}.segment[data-v-64da4c7d]{background:#f4f4f4;border:1px solid transparent;border-radius:6px;padding:11px}.segment.active[data-v-64da4c7d]{border-color:#959595}.segment__clip[data-v-64da4c7d]{height:100%;overflow:hidden;position:relative}.segment__svg-wrapper[data-v-64da4c7d]{height:100%;left:0;position:absolute;top:0}.segment__svg-wrapper[data-v-64da4c7d] svg{height:100%;width:100%}.segment__svg-wrapper[data-v-64da4c7d] svg g{stroke:#dadada}.segment__svg-wrapper[data-v-64da4c7d] svg line{transition:stroke .2s}.histogram[data-v-69c32d0e]{display:flex;gap:8px;height:76px;width:100%}