@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}@font-face{font-family:Pixeled;src:url(/assets/fonts/Pixeled.ttf)}.background-container{width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.parent-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100vh;position:relative}.about-container{position:fixed;top:25px;right:15px;width:20rem;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:20;max-width:100vw;padding:.3rem}.icons-wrapper{display:flex;gap:10px;justify-content:flex-end;width:100%}.icon-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.icon{width:1.2rem;height:1.2rem;object-fit:contain;background:none;cursor:pointer}.icon.heart{margin-left:5px}.icon.about{width:1.4rem;height:1.4rem;margin-right:5px}.maximize{transform:rotate(90deg)}.icon-wrapper:hover .icon-text{display:block}.icon-text{display:none;font-family:Pixeled,sans-serif;color:#fff;font-size:.75rem;position:absolute;top:25px;left:50%;transform:translate(-50%)}.instructions{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px;font-family:Pixeled,sans-serif;font-size:.7rem;color:#fff;margin-top:1rem;top:35px;left:60%;transform:translate(6%)}.instruction-text{padding:5px 0}.instagram-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.instagram-image{width:8rem;height:8rem;object-fit:cover}.instagram-link{margin-top:.5rem;font-family:Pixeled,sans-serif;font-size:.8rem;color:#fff;text-decoration:underline;transition:color .3s ease}.instagram-link:hover{color:#73c2fb;text-decoration:underline}.vhs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.5) 5px,rgba(2,131,199,.5) 15px,rgba(120,171,42,.5) 15px,rgba(227,37,28,.7) 15px,transparent 5px);background-size:100% 100px;animation:vhsEffect 7s linear infinite}@keyframes vhsEffect{0%{background-position:0 0}to{background-position:0 100%}}.player-container{position:fixed;bottom:0rem;left:1rem;padding:1rem;background:none;font-family:Pixeled,sans-serif;color:#fff;border-radius:8px;width:30rem;display:flex;flex-direction:column;align-items:left;z-index:20}.player-controls{display:flex;gap:1rem;width:100%}.player-icon-button{background:none;border:none;cursor:pointer}.player-icon{width:1.2rem;height:1.2rem}.flip-icon{transform:rotate(180deg)}.song-title{margin-top:.5rem;font-size:.8rem;text-align:left}.utility-container{position:fixed;top:.3rem;padding:.3rem;left:1rem;z-index:20;font-family:Pixeled,sans-serif;color:#fff;max-width:100vw}.utility-text{font-size:.8rem}.song-info{display:flex;align-items:center;gap:1rem}.progress-bars{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem;gap:.25rem}.progress-bar{width:.5rem;height:24px;background-color:#fff;opacity:.5;margin-right:.2rem;transition:opacity .3s ease,background-color .3s ease;cursor:pointer}.progress-bar.full-opacity{opacity:1}.progress-bar.low-opacity{opacity:.5}.progress-bar:hover{background-color:#73c2fb}.switch-wrapper{position:relative;display:inline-block}.tooltip{display:none;position:absolute;bottom:110%;left:50%;transform:translate(-50%);color:#fff;font-family:Pixeled,sans-serif;font-size:.7rem;padding:5px 8px;border-radius:4px;white-space:nowrap;z-index:50;pointer-events:none}.switch-wrapper:hover .tooltip{display:block}.custom-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9;display:flex;justify-content:center;align-items:center;overflow:hidden}.expanding-rectangle{width:100%;height:10px;background-repeat:no-repeat;animation:expandGif 1s ease-in-out forwards}@keyframes expandGif{0%{width:10px;height:10px;opacity:1}50%{width:100%;height:10px;opacity:1}to{height:100%;opacity:.7}}