.video-container[data-v-362cd22f]{display:flex;position:relative}.video-container video[data-v-362cd22f]{display:block;height:100%;opacity:0;transition:opacity .4s ease;width:100%}.video-container.fit[data-v-362cd22f]{height:100%;width:100%}.video-container.fit video[data-v-362cd22f]{-o-object-fit:cover;object-fit:cover}.video-container.loaded video[data-v-362cd22f]{opacity:1}.image-container[data-v-d8724f5b]{display:block;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-container .placeholder[data-v-d8724f5b]{opacity:0}.image-container .image[data-v-d8724f5b]{opacity:0;transition:opacity 1s ease;will-change:opacity}.image-container .image.loaded[data-v-d8724f5b]{opacity:1}.image-container img[data-v-d8724f5b]{display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.image-container.fit[data-v-d8724f5b]{height:100%;width:100%}.image-container.fit img[data-v-d8724f5b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@keyframes spin-eae40b04{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.playlist[data-v-eae40b04]{height:100svh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:4}@media (max-width:767px){.playlist[data-v-eae40b04]{font-size:calc(var(--vw-mobile-scale)*.01282*100vw)}}.playlist .error-wrapper[data-v-eae40b04],.playlist .loading-wrapper[data-v-eae40b04]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border-radius:calc(var(--vw-scale)*.00521*100vw);left:50%;padding:calc(var(--vw-scale)*.01042*100vw);pointer-events:all;position:fixed;top:50%;transform:translate(-50%,-50%)}@media (max-width:767px){.playlist .error-wrapper[data-v-eae40b04],.playlist .loading-wrapper[data-v-eae40b04]{border-radius:calc(var(--vw-mobile-scale)*.01282*100vw);padding:calc(var(--vw-mobile-scale)*.03846*100vw)}}.playlist .loading[data-v-eae40b04]{color:#f7f7f7;text-align:center}.playlist .error[data-v-eae40b04]{color:#ff6b6b;text-align:center}.playlist .wrapper[data-v-eae40b04]{align-items:center;background-color:var(--c);border-radius:calc(var(--vw-scale)*.00365*100vw);box-shadow:6px 6px 13.6px #00000040;color:#000;cursor:grab;display:flex;flex-direction:column;height:calc(var(--vw-scale)*.14063*100vw);justify-content:space-between;pointer-events:all;position:fixed;transition:box-shadow .7s cubic-bezier(0,0,0,1);width:calc(var(--vw-scale)*.11458*100vw)}.playlist .wrapper.isDragging[data-v-eae40b04]{box-shadow:2px 2px 4px #00000040}@media (max-width:767px){.playlist .wrapper[data-v-eae40b04]{border-radius:calc(var(--vw-mobile-scale)*.00979*100vw);height:calc(var(--vw-mobile-scale)*.35897*100vw);width:calc(var(--vw-mobile-scale)*.28205*100vw)}}.playlist .wrapper .top[data-v-eae40b04]{display:flex;flex-direction:column;width:100%}.playlist .wrapper .top .flex[data-v-eae40b04]{display:flex;justify-content:space-between;padding:calc(var(--vw-scale)*.00521*100vw);width:100%}@media (max-width:767px){.playlist .wrapper .top .flex[data-v-eae40b04]{padding:calc(var(--vw-mobile-scale)*.01538*100vw)}}.playlist .wrapper .vinyl[data-v-eae40b04]{height:calc(var(--vw-scale)*.08125*100vw);position:relative;width:calc(var(--vw-scale)*.08125*100vw)}@media (max-width:767px){.playlist .wrapper .vinyl[data-v-eae40b04]{height:calc(var(--vw-mobile-scale)*.20513*100vw);width:calc(var(--vw-mobile-scale)*.20513*100vw)}}.playlist .wrapper .vinyl .center[data-v-eae40b04]{background-color:#f7f7f7;border-radius:100%;height:calc(var(--vw-scale)*.02083*100vw);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--vw-scale)*.02083*100vw)}@media (max-width:767px){.playlist .wrapper .vinyl .center[data-v-eae40b04]{height:calc(var(--vw-mobile-scale)*.05128*100vw);width:calc(var(--vw-mobile-scale)*.05128*100vw)}}.playlist .wrapper .vinyl .center .middle[data-v-eae40b04]{background-color:var(--c);border-radius:100%;height:calc(var(--vw-scale)*.00521*100vw);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--vw-scale)*.00521*100vw)}@media (max-width:767px){.playlist .wrapper .vinyl .center .middle[data-v-eae40b04]{height:calc(var(--vw-mobile-scale)*.01026*100vw);width:calc(var(--vw-mobile-scale)*.01026*100vw)}}.playlist .wrapper .vinyl .cover[data-v-eae40b04]{animation:spin-eae40b04 20s linear infinite;background-color:#bbb;border-radius:100%;height:100%;width:100%}.playlist .wrapper .line[data-v-eae40b04]{background-color:#000;height:1px;width:100%}.playlist .wrapper .bottom[data-v-eae40b04]{display:flex;flex-direction:column;width:100%}.playlist .wrapper .bottom .flex[data-v-eae40b04]{align-items:center;display:flex;gap:calc(var(--vw-scale)*.01042*100vw);justify-content:center;padding:calc(var(--vw-scale)*.00521*100vw);width:100%}@media (max-width:767px){.playlist .wrapper .bottom .flex[data-v-eae40b04]{gap:calc(var(--vw-mobile-scale)*.03077*100vw);padding:calc(var(--vw-mobile-scale)*.01538*100vw)}}.playlist .wrapper .bottom .dots[data-v-eae40b04]{background-color:#000;border-radius:100%;height:2px;width:2px}.playlist .wrapper .bottom a[data-v-eae40b04]{background-color:#000;border:1px solid #000;border-radius:calc(var(--vw-scale)*.02083*100vw);color:var(--c);padding:calc(var(--vw-scale)*.00521*100vw) calc(var(--vw-scale)*.01042*100vw);transition:all .3s ease-out}@media (hover:hover){.playlist .wrapper .bottom a[data-v-eae40b04]:hover{background-color:transparent;color:#000}}.playlist .wrapper[data-v-eae40b04]:active{cursor:grabbing}