:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#c5f3ee}@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-DIScfSlK.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk Light;src:url(/assets/SpaceGrotesk-Light-C1Nqs_QU.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk Bold;src:url(/assets/SpaceGrotesk-DIScfSlK.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{margin:0;display:flex;font-family:Space Grotesk Light;font-weight:"100";padding:0;height:100vh}#root{width:100%;max-width:1700px;position:relative;margin:0 auto;padding:0 60px 0 64px;overflow-x:hidden}@media (min-width: 768px){#root{display:flex;flex-direction:column}}.main-container{display:flex;flex-direction:row;justify-content:center;gap:16px;margin-top:16px;min-height:600px;overflow-x:hidden;overflow-y:hidden}.topbar-container{margin-top:16px}@media (max-width: 767px){#root{width:100%;padding-left:4px;padding-right:4px}.main-container{flex-direction:column}.topbar-container{margin-top:4px}}.current-song-container{flex:2;background-color:#f2fbfa;border-radius:15px}.playlist-container{flex:1.2;display:flex;flex-direction:column;gap:10px}@media screen and (min-width: 1921px){.current-song-container{flex:3}.playlist-container{flex:1.5}}@media screen and (min-width: 2049px){.current-song-container{flex:3}.playlist-container{flex:1.2}}@media screen and (min-width: 2560px){.current-song-container{flex:3}.playlist-container{flex:1}}.playlist-title{color:#2e7d32;display:flex;justify-content:center;font-size:30px;padding:0;margin:0;height:40px}.topbar-container{position:sticky;top:0;width:100%;z-index:100}footer{margin-top:auto;align-self:center}.email-link{text-decoration:none;color:#2e7d32}@media (max-width: 767px){footer{font-size:8px}}.song-item{display:flex;border-radius:10px;height:60px;align-items:center;padding:8px;pointer-events:all;gap:10px;position:relative;cursor:pointer;background-color:#f2fbfa}.song-item:after{content:"";position:absolute;left:50%;bottom:0;width:90%;height:1px;border-bottom:1px solid #A5D6A7;transform:translate(-50%)}.song-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:none;user-select:none}.remove-button{z-index:100;border-radius:50%;margin-left:auto}.remove-button:hover{background-color:#66bb6a}.songs-container{background-color:#f2fbfa;height:100%;padding:16px;border-radius:15px}.current-song{display:flex;padding:16px;flex-direction:column;height:100%}.controls{display:flex;gap:10px;margin-top:32px;width:100%;justify-content:center}.song-description{display:flex;flex-direction:column;gap:0px;margin-top:32px;width:100%}#widget2{width:100%;height:380px}@media (max-width: 767px){.controls{gap:4px}#widget2{max-height:220px}.control-icon{filter:invert(1)}}@media screen and (min-width: 1921px){#widget2{height:500px}}@media screen and (min-width: 2049px){#widget2{height:550px}}@media screen and (min-width: 2560px){#widget2{height:600px}}.custom-btn{background-color:#66bb6a;color:#fff;border-width:0px;border-radius:10px;height:40px;padding-left:16px;padding-right:16px;min-width:85px;font-family:Space Grotesk Light;font-weight:bolder;letter-spacing:.5px}.custom-btn:hover{background-color:#2e7d32}.pressed-btn{background-color:#4a9c4e}@media (max-width: 767px){.custom-btn{padding-left:8px;padding-right:8px;min-width:50px;min-height:50px;display:flex;justify-content:center;align-items:center}.custom-btn:hover{background-color:#66bb6a}button.custom-btn.pressed-btn{background-color:#4a9c4e}}.text-input{border-radius:15px;height:40px;width:100%;border-width:0px;background-color:#f2fbfa;padding-left:15px;padding-right:15px}.text-input:focus{outline-color:#66bb6a}@media (max-width: 767px){.text-input{width:70%}}.menu-container{list-style:none;display:flex;gap:10px;padding-left:16px;padding-right:16px}header{width:100%;display:flex;justify-content:space-between;align-items:center;height:70px;border-radius:15px;background-color:#fff}@media (max-width: 767px){.menu-container{padding-left:4px;padding-right:4px;align-items:center}.logo{width:150px;height:24px}}