.btn-container[data-v-1661c2b6]{display:flex;height:30%;padding:0 30px;margin:0 10px;flex-direction:row;align-items:center;justify-content:space-between}.player-actions[data-v-1661c2b6]{display:flex;flex-direction:row;align-items:center;gap:10px}.fav[data-v-1661c2b6]{color:var(--secondary-color)!important}@media only screen and (max-width:600px){button.btn-bg-light[data-v-1661c2b6]{display:none}.btn-container[data-v-1661c2b6]{justify-content:center}}button[data-v-12ce4c0f]{opacity:.9}button[data-v-12ce4c0f]:hover{scale:1.1}.actions[data-v-12ce4c0f]{padding:10px}.btn-group[data-v-12ce4c0f]{margin:auto;display:inline}.hamburger[data-v-12ce4c0f]{position:absolute;right:20px}@media only screen and (max-width:600px){button[data-v-12ce4c0f]{padding:3px}.btn-group[data-v-12ce4c0f]{font-size:1.5rem;margin:5px 2px}.hamburger[data-v-12ce4c0f]{position:unset}}h2[data-v-14e86fce]{font-weight:600;font-size:1.8rem}h3[data-v-14e86fce]{font-weight:400;font-size:1.3rem}.no-overflow[data-v-14e86fce]{overflow:hidden}.song-details[data-v-14e86fce]{position:relative;height:70%}.player-menu[data-v-14e86fce]{border-radius:20px 20px 0 0;top:0;z-index:3}.player-menu[data-v-14e86fce],.song-info[data-v-14e86fce]{position:absolute;background-color:rgba(47,26,75,.5);height:20%;width:100%}.song-info[data-v-14e86fce]{display:flex;flex-direction:column;justify-content:center;bottom:0;color:#fff;line-height:1.6;align-items:center;text-align:center;z-index:2}img[data-v-14e86fce]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px 20px 0 0}@media only screen and (max-width:600px){img[data-v-14e86fce]{border-radius:0}.player-menu[data-v-14e86fce]{border-radius:0;display:flex;flex-direction:row;align-items:center;justify-content:center}}li[data-v-77e0b0b6]{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--inactive-color)}li[data-v-77e0b0b6]:last-child{border-bottom:none}button[data-v-77e0b0b6]{width:30px;height:30px;margin:0 10px}a[data-v-77e0b0b6]{text-decoration:none;text-align:left;width:65%}h4[data-v-77e0b0b6]{color:var(--grey);font-weight:400;font-size:1.5rem}h3[data-v-77e0b0b6]{text-transform:capitalize;color:var(--primary-dark);font-size:1.8rem}.fav[data-v-77e0b0b6]{color:var(--secondary-color)}.song-info[data-v-77e0b0b6]{text-align:left;width:65%}.song-info:hover h3[data-v-77e0b0b6]{color:var(--secondary-color);transition:.1s ease-in-out}.actions[data-v-77e0b0b6]{align-items:flex-end;justify-content:center}@media only screen and (max-width:600px){li[data-v-77e0b0b6]{padding:5px}h3[data-v-77e0b0b6]{font-size:1.8rem}h4[data-v-77e0b0b6]{font-size:1rem}}section[data-v-12edd8f0]{padding:20px 30px 20px 40px}ul[data-v-12edd8f0]{list-style:none}h2[data-v-12edd8f0]{color:var(--primary-color);font-weight:600;margin:auto;font-size:2.8rem}.overlay[data-v-12edd8f0]{position:sticky;bottom:0;left:0;width:100%;height:5%;background-color:hsla(0,0%,100%,.8);filter:blur(16px)}@media only screen and (max-width:600px){section[data-v-12edd8f0]{padding:15px 10px 15px 20px}}:root{--primary-color:#5f558f;--primary-dark:#2f1a4b;--secondary-color:#ed5d74;--inactive-color:#dedee7;--light-grey:#f3f3f8;--grey:#78747f}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}.container::-webkit-scrollbar{width:30px}.container::-webkit-scrollbar-track{border-radius:10px;margin-block:30px;-webkit-margin-end:10px;margin-inline-end:10px}.container::-webkit-scrollbar-thumb{background:var(--inactive-color);border:.7em solid var(--light-grey);border-radius:30px}.container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@supports(scrollbar-color:var(--inactive-color ) var(--light-grey )){*{scrollbar-color:var(--inactive-color) var(--light-grey);scrollbar-width:none}}body{background-image:linear-gradient(-225deg,#a8bfff,#884d80);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:50px 0}#app{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-family:Rambla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.route-enter-from,.route-leave-to{opacity:0}.route-enter-active{transition:opacity .3s ease-out}.route-leave-active{transition:opacity .3s ease-in}.route-enter-to,.route-leave-from{opacity:1}button[data-v-03b95000]{width:2.8em;height:2.8em;margin:5px 10px;text-align:center;border-radius:50%;font-size:1.6rem;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer}button[data-v-03b95000]:hover{background-color:var(--primary-dark)}a[data-v-03b95000]{text-decoration:none}.btn-primary[data-v-03b95000]{color:var(--primary-color)}.btn-secondary[data-v-03b95000]{color:var(--secondary-color)}.btn-inactive[data-v-03b95000]{color:var(--inactive-color)}.btn-outline[data-v-03b95000]{outline:var(--inactive-color) 10px solid}.btn-xl[data-v-03b95000]{min-width:4em;min-height:4em}.btn-bg-light[data-v-03b95000]{background-color:#fff;color:var(--primary-color)}.btn-bg-light[data-v-03b95000]:hover{background-color:#fff;color:var(--primary-dark);scale:1.1;transition:scale 50ms ease-in}.btn-no-bg[data-v-03b95000]{background:none}.btn-no-bg[data-v-03b95000]:hover{scale:1.2;background:none;transition:scale 50ms ease-in}@media only screen and (max-width:600px){button[data-v-03b95000]{width:2.5em;height:2.5em;margin:5px 10px}}div[data-v-343aefcd]{position:relative;margin:auto;width:800px;height:80vh;background-color:var(--light-grey);border-radius:30px;overflow-y:scroll;box-shadow:0 10px 6px -2px rgba(51,51,51,.3)}@media only screen and (max-width:600px){div[data-v-343aefcd]{width:100vw;height:100vh;border-radius:0}}header[data-v-596a88f4]{display:flex;flex-direction:row;position:sticky;background-color:var(--light-grey);top:0;left:0;right:0;align-items:center;padding:25px 30px 20px 30px}.progressbar[data-v-5e81fbfa]{position:relative;height:10px;background-color:var(--secondary-color)}.progressbar[data-v-5e81fbfa]:before{content:"";position:absolute;top:0;left:0;height:10px;width:20%;background-color:#fff;z-index:3}.circle[data-v-5e81fbfa]{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);top:-10px;left:18%;width:30px;height:30px;border-radius:50%;box-shadow:0 6px 6px -2px rgba(51,51,51,.3);background-color:#fff;z-index:15}