.container.svelte-57d1dd.svelte-57d1dd{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;margin-bottom:15vh}.category-container.svelte-57d1dd.svelte-57d1dd{width:100%;display:flex;flex-direction:row;align-items:center;margin-bottom:3vh}.back-button.svelte-57d1dd.svelte-57d1dd{font-size:20px;color:#777}.category.svelte-57d1dd.svelte-57d1dd{font-size:1rem;margin:0 10px;opacity:.5;padding:9px 20px;border-radius:20em}.category.svelte-57d1dd div.svelte-57d1dd{font-family:Josefin Sans,sans-serif}.active-category.svelte-57d1dd.svelte-57d1dd{background:#eee;opacity:1}.active-category.svelte-57d1dd div.svelte-57d1dd{color:#000}.category-title.svelte-57d1dd.svelte-57d1dd{font-size:1.6rem;font-family:Josefin Sans,sans-serif;margin-top:20px;margin-bottom:3vh;display:flex;width:77%}.elements-container.svelte-57d1dd.svelte-57d1dd{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:75%;display:flex;flex-direction:column;align-items:center;justify-content:center}.element.svelte-57d1dd.svelte-57d1dd{width:98%;display:flex;align-items:flex-start;padding:.6em;margin:.5em .5em .4em;transition:.4s;border-radius:1em}.music-art-container.svelte-57d1dd .music-art-button.svelte-57d1dd{height:180px;width:320px;background:#2a2a2a;border-radius:1rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.music-art-container.svelte-57d1dd .music-art-button .music-art.svelte-57d1dd{height:180px;width:320px;display:flex;align-items:center;justify-content:center}.music-art-container.svelte-57d1dd .music-art-button .music-art .default-img.svelte-57d1dd{height:36px;width:36px}.music-art-container.svelte-57d1dd .play-icon.svelte-57d1dd{display:flex;justify-content:center;align-items:center;position:absolute;font-size:3rem;background:#222;border:1px solid #444;border-radius:1rem;padding:15px;opacity:0;height:150px;width:290px}.music-art-container.svelte-57d1dd .play-icon.svelte-57d1dd:hover{cursor:pointer;background:#333}.music-art-container.svelte-57d1dd .now-playing-container.svelte-57d1dd{display:flex;justify-content:center;align-items:center;position:absolute;height:180px;width:320px;background:#000c;border:1px solid #333;border-radius:1rem}.music-art-container.svelte-57d1dd .now-playing.svelte-57d1dd{height:50px;width:50px}.anchor-area.svelte-57d1dd.svelte-57d1dd{height:180px;width:100%}.element-info.svelte-57d1dd.svelte-57d1dd{margin-left:1em;margin-top:1em;width:90%}.element-info.svelte-57d1dd .title.svelte-57d1dd{height:1.4em;width:100%;font-family:Josefin Sans,sans-serif;font-size:1.3rem;white-space:nowrap;display:flex;align-items:center}.element-info.svelte-57d1dd .author.svelte-57d1dd{width:50%;opacity:.5;font-family:Josefin Sans,sans-serif;font-size:1rem;margin:1em 0}.element-info.svelte-57d1dd .duration.svelte-57d1dd{font-family:Montserrat,sans-serif;font-size:.9rem;background:#0007;color:#fff;position:absolute;left:2.8%;padding:.4em;margin-top:3.4em;border-radius:.4em}.element-info.svelte-57d1dd .view-count.svelte-57d1dd{font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:500;width:100%;opacity:.5;margin:.4em 0}.option-button.svelte-57d1dd.svelte-57d1dd{height:180px;width:20%;display:flex;justify-content:flex-end;align-items:center}.option-button.svelte-57d1dd .option-icon.svelte-57d1dd{width:22px}@media (hover: hover){.category.svelte-57d1dd.svelte-57d1dd:hover{cursor:pointer;background:#fff}.category.svelte-57d1dd:hover div.svelte-57d1dd{color:#000}.element.svelte-57d1dd.svelte-57d1dd:hover{background:#222}.element.svelte-57d1dd:hover .music-art-container .music-art-button .play-icon.svelte-57d1dd{opacity:.8}.music-art-button.svelte-57d1dd.svelte-57d1dd:hover{cursor:pointer}}