.container.svelte-qlwqdy.svelte-qlwqdy{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;margin-bottom:15vh}.container.svelte-qlwqdy .category-container.svelte-qlwqdy{width:100%;display:flex;flex-direction:row;align-items:center;margin-bottom:3vh}.container.svelte-qlwqdy .category-container .back-button.svelte-qlwqdy{font-size:20px;color:#777}.container.svelte-qlwqdy .category-container .category.svelte-qlwqdy{font-size:1rem;margin:0 10px;opacity:.5;padding:9px 20px;border-radius:20em}.container.svelte-qlwqdy .category-container .category div.svelte-qlwqdy{font-family:Josefin Sans,sans-serif}.container.svelte-qlwqdy .category-container .active-category.svelte-qlwqdy{background:#eee;opacity:1}.container.svelte-qlwqdy .category-container .active-category div.svelte-qlwqdy{color:#000}.container.svelte-qlwqdy .category-title.svelte-qlwqdy{font-size:1.6rem;font-family:Josefin Sans,sans-serif;margin-top:20px;margin-bottom:3vh;display:flex;width:62%}.container.svelte-qlwqdy .elements-container.svelte-qlwqdy{background:#17171700;border:1px solid #333;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 28px #0f0f0f;border-radius:1em;padding:.4em 1em;height:100%;width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.container.svelte-qlwqdy .elements-container .element.svelte-qlwqdy{height:5.9vh;width:98%;display:flex;align-items:center;padding:.6em;margin:.5em .5em .4em;transition:.4s;border-radius:1em}.container.svelte-qlwqdy .elements-container .element .music-art-container .music-art-button.svelte-qlwqdy{height:50px;width:50px;background:#2a2a2a;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.container.svelte-qlwqdy .elements-container .element .music-art-container .music-art-button .music-art.svelte-qlwqdy{display:flex;align-items:center;justify-content:center}.container.svelte-qlwqdy .elements-container .element .music-art-container .music-art-button .music-art .default-img.svelte-qlwqdy{height:36px;width:36px}.container.svelte-qlwqdy .elements-container .element .music-art-container .play-icon.svelte-qlwqdy{position:absolute;font-size:2rem;background:#222;padding:15px;opacity:0}.container.svelte-qlwqdy .elements-container .element .duration.svelte-qlwqdy{font-family:Montserrat,sans-serif;font-size:.9rem;color:#666;position:absolute;right:6%}.container.svelte-qlwqdy .elements-container .element .element-info.svelte-qlwqdy{margin-left:15px;width:100%}.container.svelte-qlwqdy .elements-container .element .element-info .title.svelte-qlwqdy{height:14px;width:100%;margin-bottom:10px;border-radius:100px;font-size:17px;white-space:nowrap;display:flex;align-items:center}.container.svelte-qlwqdy .elements-container .element .element-info .title .explicit.svelte-qlwqdy{background:#666;border-radius:.3em;padding:.1em .4em;font-size:.8rem;color:#171717;margin-left:.6em}.container.svelte-qlwqdy .elements-container .element .element-info .artist.svelte-qlwqdy{height:10px;width:100%;border-radius:100px;opacity:.5;font-size:14px}.container.svelte-qlwqdy .elements-container .element .option-button.svelte-qlwqdy{width:100%;display:flex;justify-content:flex-end;align-items:center}.container.svelte-qlwqdy .elements-container .element .option-button .option-icon.svelte-qlwqdy{width:22px}.container.svelte-qlwqdy .elements-container .element .see-more span.svelte-qlwqdy{margin-left:.5em;font-size:1.2rem}.container.svelte-qlwqdy .elements-container .element.svelte-qlwqdy:nth-last-child(1){height:1.8em}@media (hover: hover){.category.svelte-qlwqdy.svelte-qlwqdy:hover{cursor:pointer;background:#fff}.category.svelte-qlwqdy:hover div.svelte-qlwqdy{color:#000}.element.svelte-qlwqdy.svelte-qlwqdy:hover{background:#222}.element.svelte-qlwqdy:hover .music-art-container .music-art-button .play-icon.svelte-qlwqdy{opacity:.8}.music-art-button.svelte-qlwqdy.svelte-qlwqdy:hover{cursor:pointer}}