.modal-container[data-v-2dad7c10]{background-color:var(--modal-container-background);justify-content:center;align-items:center;position:fixed;display:flex;height:100vh;width:100vw;z-index:10;left:0;top:0}.modal[data-v-2dad7c10]{background-color:var(--modal-background);border-radius:var(--corner-rounding);color:var(--modal-text);text-align:center;max-height:85%;padding:0 15px;z-index:11;width:90%}@media only screen and (min-width:768px){.modal[data-v-2dad7c10]{width:50%;max-height:75%}}.modal-container[data-v-6fd61e25]{background-color:var(--modal-container-background);justify-content:center;align-items:center;position:fixed;display:flex;height:100vh;width:100vw;z-index:10;left:0;top:0}.modal[data-v-6fd61e25]{background-color:var(--modal-background);border-radius:var(--corner-rounding);color:var(--modal-text);text-align:center;max-height:85%;padding:0 15px;z-index:11;width:90%}@media only screen and (min-width:768px){.modal[data-v-6fd61e25]{width:50%;max-height:75%}}#login_screen[data-v-9a0578f6]{font-family:var(--fonts);justify-content:center;align-items:center;display:flex;height:100%;width:100%}.card[data-v-9a0578f6]{border-radius:var(--corner-rounding);background-color:var(--card-colour);color:var(--card-text);text-align:center;padding:15px;width:90%}button[data-v-9a0578f6]{background-color:var(--button-background);color:var(--button-text);font-family:var(--fonts);border-radius:50px;padding:10px 20px;border-style:none;font-size:larger;outline:none}button[data-v-9a0578f6]:hover{cursor:pointer}.alert[data-v-9a0578f6]{margin-bottom:10px;padding:5px}.error[data-v-9a0578f6]{background-color:var(--error-background);border-radius:var(--corner-rounding);border-color:var(--error);color:var(--error-text);border-style:solid;border-width:2px}@media only screen and (min-width:768px){.card[data-v-9a0578f6]{padding:30px;width:33%}}#icon{justify-content:center;vertical-align:middle;display:inline-flex}#control,#icon{align-items:center}#control{border-radius:var(--corner-rounding);background-color:var(--card-colour);justify-content:space-evenly;padding:15px 15px 5px;flex-direction:column;margin:15px auto;flex-wrap:wrap;display:flex;width:90%}#control>div{margin:5px 5px 10px 5px}#error{background-color:var(--error-background);border-radius:var(--corner-rounding);border-color:var(--error-accent);color:var(--error-text);border-style:solid;text-align:center;border-width:2px;padding:10px;height:25px;width:90%}img.profile_image{vertical-align:middle;border-radius:50%}div#user_data>div{margin-right:5px}@media only screen and (min-width:768px){#control{flex-direction:row}}.modal-container[data-v-2b9217cf]{background-color:var(--modal-container-background);justify-content:center;align-items:center;position:fixed;display:flex;height:100vh;width:100vw;z-index:10;left:0;top:0}.modal[data-v-2b9217cf]{background-color:var(--modal-background);border-radius:var(--corner-rounding);color:var(--modal-text);text-align:center;max-height:85%;padding:0 15px;z-index:11;width:90%}@media only screen and (min-width:768px){.modal[data-v-2b9217cf]{width:50%;max-height:75%}}.card[data-v-72cafcf5]{border-color:var(--card-border-colour);border-style:var(--card-border-style);border-width:var(--card-border-width);border-radius:var(--corner-rounding);background-color:var(--card-colour);padding:10px 10px 1.75em;color:var(--card-text);flex-direction:column;align-items:center;position:relative;margin:5px auto;display:flex;width:90%}img[data-v-72cafcf5]{--size:230px;width:var(--size);height:var(--size);border-radius:var(--corner-rounding)}.title[data-v-72cafcf5]{text-align:center;font-size:larger}.subtitle[data-v-72cafcf5]{text-align:center;font-size:smaller}.corner[data-v-72cafcf5]{background-color:var(--on-card-colour);color:var(--on-card-text);position:absolute;padding:1px 6px}.popularity[data-v-72cafcf5]{border-radius:0 var(--corner-rounding) 0 var(--corner-rounding);bottom:0;left:0}.popularity[data-v-72cafcf5]:hover{cursor:pointer}.followers[data-v-72cafcf5]{border-radius:var(--corner-rounding) 0 var(--corner-rounding) 0;bottom:0;right:0}@media only screen and (min-width:768px){.card[data-v-72cafcf5]{width:230px;margin:5px}}.modal-container[data-v-34520383]{background-color:var(--modal-container-background);justify-content:center;align-items:center;position:fixed;display:flex;height:100vh;width:100vw;z-index:10;left:0;top:0}.modal[data-v-34520383]{background-color:var(--modal-background);border-radius:var(--corner-rounding);padding:0 15px 15px 15px;color:var(--modal-text);text-align:center;max-height:85%;z-index:11;width:90%}.share-buttons[data-v-34520383]{flex-direction:column;align-items:center;display:flex}.share-buttons>button[data-v-34520383]{margin-bottom:10px;width:90%}@media only screen and (min-width:768px){.modal[data-v-34520383]{width:50%;max-height:75%}.share-buttons>button[data-v-34520383]{width:64%}}.modal-container[data-v-2a510fa0]{background-color:var(--modal-container-background);justify-content:center;align-items:center;position:fixed;display:flex;height:100vh;width:100vw;z-index:10;left:0;top:0}.modal[data-v-2a510fa0]{background-color:var(--modal-background);border-radius:var(--corner-rounding);padding:0 15px 15px 15px;color:var(--modal-text);text-align:center;overflow-y:auto;max-height:85%;z-index:11;width:90%}@media only screen and (min-width:768px){.modal[data-v-2a510fa0]{max-height:75%;width:50%}}.modal-container[data-v-7c63eb57]{background-color:var(--modal-container-background);justify-content:center;align-items:center;position:fixed;display:flex;height:100vh;width:100vw;z-index:10;left:0;top:0}.modal[data-v-7c63eb57]{background-color:var(--modal-background);border-radius:var(--corner-rounding);padding:0 15px 15px 15px;color:var(--modal-text);overflow-y:auto;max-height:85%;z-index:11;width:90%}h2[data-v-7c63eb57]{text-align:center;position:relative}.release-date[data-v-7c63eb57]{position:absolute;font-size:.6em;width:100%}.audio-features-container[data-v-7c63eb57]{justify-content:space-evenly;flex-direction:column;flex-wrap:wrap;display:flex}.audio-feature[data-v-7c63eb57]{padding:5px 5px 5px 27vw;align-items:center;display:flex;margin:5px}@media only screen and (min-width:768px){.modal[data-v-7c63eb57]{max-height:75%;width:50%}.audio-features-container[data-v-7c63eb57]{flex-direction:row}.audio-feature[data-v-7c63eb57]{padding:5px}}.card[data-v-47e503ba]{border-color:var(--card-border-colour);border-style:var(--card-border-style);border-width:var(--card-border-width);border-radius:var(--corner-rounding);background-color:var(--card-colour);color:var(--card-text);flex-direction:column;align-items:center;position:relative;margin:5px auto;display:flex;padding:10px;width:90%}img[data-v-47e503ba]{--size:230px;width:var(--size);height:var(--size)}.track-info[data-v-47e503ba]{justify-content:center;flex-direction:column;margin-bottom:25px;display:flex;height:100%}.title[data-v-47e503ba]{text-align:center;font-size:larger}.subtitle[data-v-47e503ba]{text-align:center;font-size:smaller}.bottom-bar[data-v-47e503ba]{border-radius:0 0 var(--corner-rounding) var(--corner-rounding);justify-content:space-between;position:absolute;display:flex;width:100%;bottom:0}.bottom-bar>button[data-v-47e503ba],.bottom-bar[data-v-47e503ba]{background-color:var(--card-bottom-row-background);color:var(--card-bottom-row-text-colour)}.bottom-bar>button[data-v-47e503ba]{font-size:medium;padding:0}.popularity[data-v-47e503ba]{cursor:pointer}.popularity[data-v-47e503ba]:hover{background-color:var(--card-bottom-row-hover-background)}.information[data-v-47e503ba],.share[data-v-47e503ba]{justify-content:center;align-items:center;cursor:pointer;display:flex}.information[data-v-47e503ba]:hover,.share[data-v-47e503ba]:hover{background-color:var(--card-bottom-row-hover-background)}.bottom-bar>[data-v-47e503ba]{border-color:var(--card-bottom-row-divider-colour);padding-bottom:2px;padding-top:2px}.bottom-bar[data-v-47e503ba]>:first-child{border-radius:0 0 0 var(--corner-rounding);border-right-style:solid;border-right-width:2px;padding-left:5%;text-align:left;flex-grow:1}.bottom-bar[data-v-47e503ba]>:nth-child(2){border-radius:0;border-right-style:solid;border-right-width:1px;text-align:center;flex-grow:2}.bottom-bar[data-v-47e503ba]>:nth-child(3){border-radius:0;border-left-style:solid;border-left-width:1px;text-align:center;flex-grow:2}.bottom-bar[data-v-47e503ba]>:nth-child(4){border-radius:0 0 var(--corner-rounding) 0;border-left-style:solid;border-left-width:2px;padding-right:5%;text-align:right;flex-grow:1}@media only screen and (min-width:768px){.card[data-v-47e503ba]{width:230px;margin:5px}}.modal-container[data-v-609583c4]{background-color:var(--modal-container-background);justify-content:center;align-items:center;position:fixed;display:flex;height:100vh;width:100vw;z-index:10;left:0;top:0}.modal[data-v-609583c4]{background-color:var(--modal-background);border-radius:var(--corner-rounding);color:var(--modal-text);text-align:center;overflow-y:auto;max-height:85%;padding:0 15px;z-index:11;width:90%}div.modal-form[data-v-609583c4]{flex-direction:column;align-items:center;display:flex}input#playlist-name[data-v-609583c4]{padding-right:80px;font-size:16px}.input-row[data-v-609583c4]{justify-content:space-evenly;margin-bottom:10px;position:relative;flex-wrap:wrap;display:flex;width:100%}.char_counter[data-v-609583c4]{position:absolute;bottom:15px;right:15px}.success[data-v-609583c4]{background-color:var(--success-background);border-radius:var(--corner-rounding);border-color:var(--success);color:var(--success-text);border-style:solid;margin-bottom:10px;border-width:2px;padding:5px}.success a[data-v-609583c4]{color:var(--success-accent)}button[data-v-609583c4]{margin:10px}@media only screen and (min-width:768px){.modal[data-v-609583c4]{width:50%;max-height:75%}}#data_view[data-v-79233f52]{justify-content:center;flex-direction:row;flex-wrap:wrap;margin:0 auto;display:flex;width:90%}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.burst-enter-active{-webkit-animation:burst-in .5s;animation:burst-in .5s}.burst-leave-active{-webkit-animation:burst-out .5s;animation:burst-out .5s}@-webkit-keyframes burst-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes burst-in{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes burst-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes burst-out{0%{transform:scale(1)}to{transform:scale(0)}}@media only screen and (min-width:768px){@-webkit-keyframes burst-in{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes burst-in{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}@-webkit-keyframes burst-out{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(0)}}@keyframes burst-out{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(0)}}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-background);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-handle);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-handle-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-handle) var(--scrollbar-background)}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:var(--tooltip-colour);color:var(--tooltip-text);border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:var(--tooltip-colour);z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:var(--tooltip-colour);color:var(--tooltip-text);padding:24px;border-radius:5px;box-shadow:0 5px 30px rgba(black,.1)}.tooltip.popover .popover-arrow{border-color:var(--tooltip-colour)}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}button{background-color:var(--button-background);color:var(--button-text);font-family:var(--fonts);border-radius:50px;padding:10px 20px;border-style:none;font-size:larger;outline:none}button:hover{background-color:var(--button-hover-background);cursor:pointer}button[disabled]{background-color:var(--button-disabled-background);color:var(--button-disabled-text)}button[disabled]:hover{cursor:default}input[type=number]{background-color:var(--input-background);border-radius:var(--corner-rounding);font-family:var(--fonts);border-color:transparent;color:var(--input-text);border-style:solid;border-width:2px;outline:none;padding:15px;width:100px}input[type=number]:focus{border-color:var(--input-active-border)}input[type=text]{background-color:var(--input-background);border-radius:var(--corner-rounding);font-family:var(--fonts);border-color:transparent;color:var(--input-text);border-style:solid;border-width:2px;outline:none;padding:15px;width:90%}input[type=text]:focus{border-color:var(--input-active-border)}select{background-color:var(--input-background);border-radius:var(--corner-rounding);border-color:transparent;font-family:var(--fonts);color:var(--input-text);border-style:solid;border-width:2px;outline:none;padding:15px;border:none;margin:10px}select:hover{cursor:pointer}select:active,select:focus{border-color:var(--input-active-border)}textarea{background-color:var(--textarea-background);border-radius:var(--corner-rounding);color:var(--textarea-text-colour);border-color:transparent;border-style:solid;font-weight:bolder;border-width:2px;outline:none;padding:5px;width:90%}textarea:focus{border-color:var(--textarea-border-colour)}.maximize_size,body,html{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;font-family:var(--fonts);overflow-x:hidden;height:100%;width:100%;padding:0;margin:0}body{background-color:var(--background);color:var(--background-text)}a{color:var(--link)}a:visited{color:var(--visited-link)}#theme-button{position:absolute;display:block;bottom:5px;right:5px}#theme-button>button{padding:5px}#info-button{position:absolute;display:block;bottom:5px;left:5px}#info-button>button{padding:5px}