:root{--var-color-main-1:#000;--var-color-main-2:#fff;--var-color-dim-1:#0000007d;--var-color-dim-2:#ffffff7d;font-weight:300}strong{font-weight:800}*{font-family:Poppins,sans-serif}body{max-width:100vw;min-height:100vh;margin:0;padding:0;overflow:hidden}h1{letter-spacing:-1px;margin:0 0 30px;font-size:70px;font-weight:900}main{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:1200px;height:100vh;margin:0 auto;display:flex;position:relative}input[type=text]{box-sizing:border-box;padding:10px;border:none;border-radius:30px;padding-inline:20px;font-weight:300;position:relative;box-shadow:0 2px 13px -5px #000}.track-search{width:100%;max-width:500px;position:relative}.track-search.is-open .track-search-input{border-radius:20px 20px 0 0}.track-search.is-open .track-search-results{padding:0 10px 10px}.track-search-input{width:100%;font-size:16px}.track-search-input:focus{outline:none}.track-search-clear{cursor:pointer;background:var(--var-color-main-2);color:#fff;border:none;border-radius:100%;justify-content:center;align-items:center;width:23px;height:23px;display:flex;position:absolute;top:10px;right:10px}.track-search-clear:hover{background:var(--var-color-main-1)}.track-search-results{box-sizing:border-box;color:#000;padding:10px;z-index:10;background-color:#fff;border:none;border-radius:0 0 30px 30px;width:100%;max-height:200px;padding:0;position:absolute;overflow-y:scroll;box-shadow:0 7px 13px -9px #000}.track-option{box-sizing:border-box;padding:10px;box-shadow:0 2px 13px -5px #000;box-shadow:none;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:5px;line-height:14px;display:flex;position:relative}.track-option>div{flex-direction:column;display:flex}.track-option:hover{background-color:var(--var-color-main-1)}.track-image{border:2px solid #fff;border-radius:100%}.track-name{font-weight:500}.track-artist{font-size:12px;font-weight:200}.selectors{justify-content:center;gap:15px;width:100%;margin-bottom:10px;display:flex}.selectors .x{align-items:center;display:flex}.select{box-sizing:border-box;padding:10px;color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:30px;width:100%;max-width:300px;padding:5px;position:relative;box-shadow:0 2px 13px -5px #000}.select img{border-radius:100%}.select:focus{border-radius:20px 20px 0 0}.select:focus .options{display:block}.select-inner{box-sizing:border-box;align-items:center;gap:10px;height:100%;padding:5px 10px;display:flex}.select-inner.has-image{padding:0}.options{box-sizing:border-box;color:#000;padding:10px;z-index:20;background-color:#fff;border:none;border-radius:0 0 20px 20px;width:100%;max-height:150px;padding:5px;display:none;position:absolute;top:100%;left:0;overflow:scroll;box-shadow:0 7px 13px -12px #000}.option{cursor:pointer;padding:5px 10px}.option:last-child{border-radius:0 0 15px 15px}.go-button{box-sizing:border-box;color:#fff;cursor:pointer;background-color:#000;background:linear-gradient(-45deg,var(--var-color-main-1),var(--var-color-main-2));z-index:1;border:none;border-radius:30px;margin:15px 0;padding:10px;padding-inline:30px;font-size:20px;font-weight:700;position:relative;box-shadow:0 2px 13px -5px #000}.go-button:after{content:"";z-index:-1;background-color:#000;border-radius:30px;width:calc(100% - 10px);height:calc(100% - 10px);transition:all .1s ease-in-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.go-button:hover:not(:disabled):after{width:100%;height:100%}.go-button:disabled{cursor:not-allowed;opacity:.5}.message{text-align:center;margin-top:10px}.message a{color:#fff;border-bottom:2px solid #fff;font-weight:900;text-decoration:none;transition:all 50ms ease-in-out}.message a:hover{border-bottom:5px solid #fff}.playlist-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:5px 0;padding:0;display:flex}.playlist-list li{background-color:var(--var-color-main-2);color:#fff;white-space:nowrap;border-radius:25px;justify-content:center;align-items:center;padding:5px 15px;list-style:none;display:flex}.playlist-list li:hover{outline:3px solid #fff}.playlist-list a{font-weight:400;border-bottom:0!important}
@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(../media/f802f963cba79871-s.3f725821.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(../media/b30f401cf94fe4f8-s.a336f236.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(../media/c7d9ca68f9942779-s.5f8f1848.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e832ad540183e91-s.a2f18b1a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2094fb60fd9c8287-s.3ed55436.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c875c6f5d3e977ac-s.80fc2c9e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.43b0b13e.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.b2288445.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.3aec397d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/99ce71e74c11bc20-s.1db2973a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8cf1ea7b03cdeb83-s.da3cbacd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/829ba4228c966254-s.a61bc753.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(../media/4ae8e3010ce79e6a-s.21a1a3c2.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(../media/1747e1908d2352d2-s.740eb7d8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(../media/4b766aa38fdaaae3-s.6d98c708.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_dfdc99cd-module__D27wmG__className{font-family:Poppins,Poppins Fallback;font-style:normal}