.back-button.svelte-19abm7b{opacity:0;transform:translateY(-10px);transition:opacity .5s ease-out,transform .5s ease-out}.back-button.animate-in.svelte-19abm7b{opacity:1;transform:translateY(0)}.vinyl-record.svelte-19abm7b{transform:translate(0);transition:transform .8s cubic-bezier(.25,.46,.45,.94) 1s}.vinyl-record.slide-out.svelte-19abm7b{transform:translate(10%)}.song-info.svelte-19abm7b{opacity:0;transform:translate(30px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.song-info.animate-in.svelte-19abm7b{opacity:1;transform:translate(0)}.progress-bar-container.svelte-19abm7b{opacity:0;transform:translateY(10px);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s}.progress-bar-container.animate-in.svelte-19abm7b{opacity:1;transform:translateY(0)}.button-styles.svelte-19abm7b{--border-color: linear-gradient(-45deg, #3AFF16, #00ff88, #16ffa0, #3AFF16);--border-width: .125em;--curve-size: .5em;--bg: #080312;color:#fff;position:relative;isolation:isolate;display:inline-grid;place-content:center;padding:.5em 1.5em;font-size:17px;border:0;text-transform:uppercase;box-shadow:10px 10px 20px #0009;cursor:pointer;text-decoration:none;clip-path:polygon(0% var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);transition:color .2s ease}.button-styles.svelte-19abm7b:where(:where(.svelte-19abm7b):hover,:where(.svelte-19abm7b):focus){color:#000}.button-styles.svelte-19abm7b:after,.button-styles.svelte-19abm7b:before{content:"";position:absolute;inset:0}.button-styles.svelte-19abm7b:before{background:var(--border-color);background-size:300% 300%;animation:svelte-19abm7b-move-bg 5s ease infinite;z-index:-2}@keyframes svelte-19abm7b-move-bg{0%{background-position:31% 0%}50%{background-position:70% 100%}to{background-position:31% 0%}}.button-styles.svelte-19abm7b:after{background:var(--bg);z-index:-1;clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width) * .5),calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));transition:clip-path .2s ease}.button-styles.svelte-19abm7b:where(:where(.svelte-19abm7b):hover,:where(.svelte-19abm7b):focus):after{clip-path:polygon(calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)))}