.track.svelte-16pnnue{text-align:left;background-color:#ffffff1c;border-radius:.5rem;grid-template-columns:auto 1fr;margin:.5rem;display:grid}.track.svelte-16pnnue a:where(.svelte-16pnnue){color:var(--text-colour);box-shadow:none;text-decoration:none}.track.svelte-16pnnue.now-playing{background-color:color-mix(in srgb, var(--primary-colour), transparent 80%)}.track.svelte-16pnnue.now-playing .track-info:where(.svelte-16pnnue){padding-inline:1rem}.track.svelte-16pnnue:nth-child(2n):not(.now-playing){background-color:#e3e3e31c}.track.svelte-16pnnue .track-images:where(.svelte-16pnnue){aspect-ratio:1;display:flex}.track.svelte-16pnnue .track-images:where(.svelte-16pnnue) .track-cover:where(.svelte-16pnnue){z-index:2;margin:.5rem;display:block;position:relative;box-shadow:2px 2px 5px #00000025}.track.svelte-16pnnue .track-images:where(.svelte-16pnnue) .spinning-record:where(.svelte-16pnnue){z-index:1;width:64px;height:64px;margin-right:-64px;position:relative;top:8px;left:-58px}.track.svelte-16pnnue .track-name:where(.svelte-16pnnue){background:0 0;margin:0;font-weight:500}.track.svelte-16pnnue .track-name:where(.svelte-16pnnue):hover{text-decoration:underline;text-decoration-thickness:2px}.track.svelte-16pnnue .track-play-date:where(.svelte-16pnnue){opacity:.75;font-size:1rem}.track.svelte-16pnnue .track-info:where(.svelte-16pnnue){flex-direction:column;justify-content:space-evenly;align-items:flex-start;padding-inline:.25rem;display:flex}@media (prefers-reduced-motion:no-preference){@-moz-keyframes svelte-16pnnue-spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes svelte-16pnnue-spin{to{-webkit-transform:rotate(360deg)}}@keyframes svelte-16pnnue-spin{to{transform:rotate(360deg)}}.spinning-record.svelte-16pnnue{animation:4s linear infinite svelte-16pnnue-spin}}.record.svelte-onm912{aspect-ratio:1;background-repeat:no-repeat;background-size:cover;flex-direction:column;width:150px;min-width:150px;display:flex;position:relative;overflow:hidden;box-shadow:-5px 0 10px #00000098}.record.svelte-onm912 p:where(.svelte-onm912),.record.svelte-onm912 .title:where(.svelte-onm912){margin:0;padding:0}.record.svelte-onm912 .record-info:where(.svelte-onm912){padding:.5em;--text-shadow-colour:#5c5c5c85;width:100%;text-shadow:1px 1px 1px var(--text-shadow-colour), 1px -1px 1px var(--text-shadow-colour), -1px 1px 1px var(--text-shadow-colour), -1px -1px 1px var(--text-shadow-colour);background:linear-gradient(#0000 0%,#00000087 100%);padding-top:2em;position:absolute;bottom:0}.record.svelte-onm912 .record-info:where(.svelte-onm912) .title:where(.svelte-onm912){color:#fff;text-wrap:balance;box-shadow:none;text-shadow:inherit;background:0 0;font-size:1.1rem;text-decoration:none}.record.svelte-onm912 .record-info:where(.svelte-onm912) .artist:where(.svelte-onm912),.record.svelte-onm912 .record-info:where(.svelte-onm912) .year:where(.svelte-onm912){color:#dcdcdc;font-size:.9rem}.record.svelte-onm912:focus-within .record-info:where(.svelte-onm912){transition-duration:0s}.record.svelte-onm912:hover .record-info:where(.svelte-onm912),.record.svelte-onm912:focus-within .record-info:where(.svelte-onm912){transform:translateY(0%)}.record.svelte-onm912:hover .record-info:where(.svelte-onm912)>:where(.svelte-onm912),.record.svelte-onm912:focus-within .record-info:where(.svelte-onm912)>:where(.svelte-onm912){opacity:1}@media (hover){.record.svelte-onm912{--record-gap:10em;width:13em;transition:all .25s ease-in-out,rotate .15s ease-in-out;box-shadow:-5px 0 7.5px #00000068}.record.svelte-onm912:hover{transform:translateY(-.2em)rotate(1.25deg)}.record.svelte-onm912:not(:first-child){margin-left:calc(var(--record-gap) * -1)}.record.svelte-onm912 .record-info:where(.svelte-onm912){transition:transform .25s ease-in-out;transform:translateY(100%)}.record.svelte-onm912 .record-info:where(.svelte-onm912)>:where(.svelte-onm912){opacity:0;transition:opacity .4s linear}}@media screen and (width<=1000px){.record.svelte-onm912{min-width:150px}}.record-collection.svelte-1l9mio5{-ms-overflow-style:none;scrollbar-width:none;background-color:#00000037;border-bottom:1rem solid #000;padding:1rem 1rem 0;display:flex;overflow:hidden}.record-collection.svelte-1l9mio5::-webkit-scrollbar{scrollbar-width:none;display:none}.record:hover~.record{transform:translateX(var(--record-gap))}@media screen and (width<=1000px){.record-collection.svelte-1l9mio5{gap:1rem;margin-inline:-1rem;padding:1rem 1rem 0;overflow:scroll}}.inner-container.svelte-1j0wn0h{text-align:center;align-content:center;align-items:center}.record-collection-wrapper.svelte-1d376ng{flex-direction:column;gap:1rem;width:100%;display:flex}