canvas.svelte-15eqnfu{width:100%;background:#000}.noise-gradient.svelte-8comn{position:relative;background:linear-gradient(135deg,#6366f1,#ec4899,#f59e0b);overflow:hidden}.noise-gradient.svelte-8comn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:overlay}.svelte-8comn{box-sizing:border-box}.player.svelte-8comn{display:flex;flex-direction:column;gap:12px;width:340px;padding:16px}@media (min-width: 667px){.player.svelte-8comn{width:calc(100vw - 400px)}}@media (min-width: 1500px){.player.svelte-8comn{width:1124px}}.break.svelte-8comn{display:flex;flex-direction:column}@media (min-width: 999px){.break.svelte-8comn{flex-direction:row;align-items:end}}.meta.svelte-8comn{display:flex;flex-direction:column}@media (min-width: 999px){.meta.svelte-8comn{margin-left:40px}}.progress-wrapper.svelte-8comn{display:grid;grid-template-columns:33px 1fr 33px;align-items:center;gap:8px;font-size:12px;color:#202020}@media (min-width: 999px){.progress-wrapper.svelte-8comn{margin-bottom:15px}}.progress.svelte-8comn{height:12px;background:#202020;border-radius:8px;cursor:pointer;border-color:#202020;border-style:solid}.timeChar.svelte-8comn{font-size:9pt}.finTime.svelte-8comn{text-align:right}.cover.svelte-8comn{max-width:333px}.bar.svelte-8comn{height:100%;background:#fff;border-radius:4px}.controls.svelte-8comn{display:flex;flex-direction:column;justify-content:space-between;min-width:200px}@media (min-width: 999px){.controls.svelte-8comn{flex-direction:row;align-items:center}}.playingCtrl.svelte-8comn{display:flex;justify-content:space-between;min-width:210px;margin-top:20px}@media (min-width: 999px){.playingCtrl.svelte-8comn{align-items:center;margin:0 auto;left:0;right:0;max-width:210px}}@media (min-width: 999px){.breakControl.svelte-8comn{position:absolute;bottom:0;width:calc(100vw - 420px);display:flex;flex-direction:column;justify-content:center;background-color:#fff;padding:20px 0}}@media (min-width: 1600px){.breakControl.svelte-8comn{width:100%;max-width:1124px}}.slider.svelte-8comn{-webkit-appearance:none;width:100%;height:6px;background:#202020;border-radius:3px;cursor:pointer;margin:23px 0 10px}@media (min-width: 999px){.slider.svelte-8comn{position:absolute;right:20px;max-width:100px;margin-top:17px;padding-right:20px}}.slider.svelte-8comn::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:25px;background:#202020;border-radius:0%;border:3px solid #fff;cursor:pointer;transition:background .2s}.slider.svelte-8comn::-webkit-slider-thumb:hover{background:#555}.slider.svelte-8comn::-moz-range-thumb{width:7px;height:25px;background:#333;border-radius:0%;border:3px solid #fff;cursor:pointer}.slider.svelte-8comn::-moz-range-track{background:#000;height:6px}.slider.svelte-8comn::-ms-thumb{width:16px;height:16px;background:#333;border:2px solid #fff}.slider.svelte-8comn::-ms-track{background:transparent;border-color:transparent;color:transparent;height:6px}button.svelte-8comn{font-size:20px;width:50px;background:#202020;border:none;padding:10px;color:#fff;cursor:pointer;border-style:solid;border-color:#202020}button.svelte-8comn:hover{font-size:20px;background:#fff;border:none;padding:10px;color:#202020;cursor:pointer;border-style:solid;border-color:#202020}.playlist.svelte-8comn{max-height:fit-content;overflow-y:auto;padding-bottom:30px}.track.svelte-8comn{display:flex;gap:10px;padding:8px;cursor:pointer}.track.svelte-8comn:hover,.track.active.svelte-8comn{background:#202020;color:#fff}.index.svelte-8comn{width:24px;text-align:center}.title.svelte-8comn{font-size:14px}a.svelte-14e14bt{font-family:Oswald,sans-serif;text-decoration:none;color:#202020;position:absolute;bottom:20px;right:20px}@media (min-width: 999px){a.svelte-14e14bt{top:20px}}