@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";.navbar{display:flex;width:1200px;flex-direction:row;justify-content:space-between;color:#f0f8ff;padding:20px 0}.navbar .nav-phrase{text-align:center;font-size:12px}.navbar .button-modal{position:relative}.navbar .button-modal .submit-btn{padding:8px 16px;background-color:#191919;border:1px solid #2e2e2e;border-radius:8px;color:#fff;font-weight:400;border-radius:1px solid;cursor:pointer}.navbar .button-modal .popup-modal{margin-top:16px;position:absolute;top:100%;right:0;height:auto;width:400px;color:#8a8a8a;background-color:#191919;border:1px solid #2e2e2e;padding:24px;box-shadow:0 4px 24px #ffffff1a;z-index:100;border-radius:16px;display:flex;flex-direction:column;gap:16px}.navbar .button-modal .popup-modal p{font-size:14px}.navbar .button-modal .popup-modal a{color:#8a8a8a}.navbar .button-modal .popup-modal .social-icons{display:flex;flex-direction:row;gap:8px}.navbar .button-modal .popup-modal .social-icons .icon{background-color:#151515;padding:8px;border:1px solid #2e2e2e;border-radius:8px;display:flex;align-items:center;justify-content:center}.navbar .nav-links{font-size:22px;font-weight:700}.navbar .nav-links span{color:#45a557}@media screen and (max-width: 1200px){.navbar{width:100%;padding:20px 24px}}@media screen and (max-width: 426px){.navbar .button-modal .popup-modal{width:320px}}.footer{width:1100px;bottom:20px;position:absolute;color:#f0f8ff;display:flex;justify-content:center;align-items:center}.footer .footer-phrase{text-align:center;font-size:12px}.app-container{display:flex;flex-direction:column;height:100vh;align-items:center;gap:16px;width:100%}.content-container{display:flex;flex-direction:row;width:1200px;gap:16px}@media screen and (max-width: 1200px){.content-container{width:100%;padding:20px 24px}}@media screen and (max-width: 768px){.content-container{width:100%;flex-direction:column;padding:20px 24px}}.player-container{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;gap:16px;position:relative;width:100%}.player-container .music-controller-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:_;width:100%}.player-container .music-controller-container .controls{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px}.player-container .music-controller-container .controls button{outline:none;border:1px solid #2e2e2e;padding:8px;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px;cursor:pointer;box-shadow:inset 0 0 16px #ffffff05;background-color:#070707}.player-container .audio-player-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px}.player-container .playlist-container{height:100%;width:400px;position:absolute;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.player-container .cd-player-artist-title{display:flex;flex-direction:column;align-items:center;gap:8px}.player-container .cd-player-artist-title .cd-player{position:relative;width:200px;height:200px;background-size:cover;border:#2e2e2e solid 1px;border-radius:100%;padding:80px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:_;overflow:hidden}.player-container .cd-player-artist-title .cd-player video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.player-container .cd-player-artist-title .cd-player .cd-player-inside{width:100%;height:100%;background-color:#00000060;border:#2e2e2e solid 1px;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:_}.player-container .cd-player-artist-title .track-info{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}.player-container .cd-player-artist-title .track-info h6{font-size:16px;font-weight:600;color:#fff}.player-container .cd-player-artist-title .track-info p{font-size:12px;font-weight:400;color:#797979}.playlist-container iframe{border:1px solid #ddd;border-radius:16px}.css-1xepxty-MuiSlider-root{padding:0}@media (max-width: 426px){.cd-player{width:40px!important;height:40px!important}.cd-player .track-info h1{font-size:16px}.cd-player .track-info p{font-size:12px}.music-controller-container,.music-controller-container .controls{margin-top:-16px}.music-controller-container .mui-box-slider{margin-top:-8px}}.css-1j9e8pz,.css-1l8h3rp-MuiSlider-root{padding:0}.filters-container{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:4px;top:8px;width:fit-content;padding:4px;border:solid 1px #2e2e2e;border-radius:3rem;font-size:12px}.filters-container .active{background-color:#45a557;border-radius:3rem;padding:8px 16px;color:#111}.filters-container .filter-value{border-radius:3rem;padding:8px 16px;font-weight:600;cursor:pointer;color:#f0f8ff}.filters-container .filter-value:hover{background-color:#45a5577a;color:#f0f8ff}.cd-player-container{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:16px;width:100%;height:550px;background-color:#060606;border:solid 1px #2e2e2e;border-radius:24px;position:relative;overflow:hidden;padding:16px}.cd-player-container .soundcloud-player{position:relative;width:100%;height:100%}.cd-player-container .soundcloud-player iframe{height:400px}.cd-player-container .soundcloud-player .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cd-player-container .soundcloud-player .volume-control{position:absolute;top:64px;right:12px}.cd-player-container .soundcloud-url-input-container{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:16px;width:100%;background-color:#000;border:solid 1px #2e2e2e;border-radius:3rem}.cd-player-container .soundcloud-url-input-container .soundcloud-url-input{color:#fff;width:100%;font-size:12px;background-color:transparent;border:none;outline:none;padding:8px 12px}.cd-player-container .soundcloud-url-input-container .soundcloud-url-input-submit-btn{border-left:1px solid #2e2e2e;padding:8px 12px;background-color:#0a0a0a;cursor:pointer;border-top-right-radius:3rem;border-bottom-right-radius:3rem}.cd-player-container .soundcloud-url-input-container .soundcloud-url-input-submit-btn:hover{background-color:#141414}.cd-player-container .soundcloud-url-input-container:focus-within{outline:none;box-shadow:0 0 0 4px #4545455c}.cd-player-container .blurry-color-svg{position:absolute;left:0;bottom:-25%;z-index:-1}.cd-player-artist-title{display:flex;flex-direction:column;gap:8px}.cd-player-artist-title .cd-player{position:relative;width:200px;height:200px;background-image:url(/lofi\ image.webp);background-size:cover;border:#2b2b2b solid 1px;border-radius:100%;padding:80px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:_}.cd-player-artist-title .cd-player .cd-player-inside{width:100%;height:100%;background-color:#00000060;border:#2e2e2e solid 1px;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:_}.cd-player-artist-title .track-info{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}.cd-player-artist-title .track-info h6{font-size:16px;font-weight:600;color:#fff}.cd-player-artist-title .track-info p{font-size:12px;font-weight:400;color:#797979}@media screen and (max-width: 426px){.cd-player-container{width:100%;height:400px}.cd-player-container .soundcloud-player,iframe{height:100%}}#volume-slider{accent-color:#ff7700}.ambiance-container{background-color:#060606;box-sizing:border-box;position:relative;width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:8px;height:550px;border:solid 1px #2e2e2e;padding:16px;border-radius:24px;overflow:hidden}.ambiance-container .blurry-color-svg{position:absolute;right:-25%;top:-50%;filter:blur(100px)}.ambiance-container .card-large{grid-column:span 2}.ambiance-container .card-0{grid-column:1/span 2;grid-row:1}.ambiance-container .card-1{grid-column:3;grid-row:1}.ambiance-container .card-2,.ambiance-container .card-3,.ambiance-container .card-4{grid-row:2}.ambiance-container .card-5{grid-column:1;grid-row:3}.ambiance-container .card-6{grid-column:2/span 2;grid-row:3}@media (max-width: 426px){.ambiance-container{height:400px}}.ambiance-card-container{width:100%;height:100%;border-radius:16px;border:solid 1px #2e2e2e;background-color:#0000007a;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;transition:box-shadow .3s ease}.ambiance-card-container .ambiance-icon{width:40px;height:40px}.ambiance-card-container p{color:#797979;font-size:14px;font-weight:600}.ambiance-card-container .volume-off{display:none}.ambiance-card-container:hover{background-color:#0a0a0a}.ambiance-card-container.active{box-shadow:inset 0 0 16px #ffffff05;background-color:#0a0a0a}@media (max-width: 426px){.ambiance-card-container .ambiance-icon{width:20px;height:20px}.ambiance-card-container .ambiance-icon p{font-size:10px}.ambiance-card-container .MuiBox-root{margin-bottom:-8px}}*{margin:0;padding:0;box-sizing:border-box}:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}body{background-color:#000;font-family:IBM Plex Mono,monospace;width:100%}