.notice-container>a{text-decoration:underline;margin-bottom:10px;display:block;cursor:pointer}.notice{background-color:#f1f1f1;padding:10px;border-radius:5px;margin-top:10px;margin-bottom:10px;&[aria-hidden=true]{display:none}}#lyrics img[data-v-1fb1758f]{max-width:100%}.spotify-player label input[data-v-f1488f5e]{width:40px;margin-right:.5em;display:inline}.tooltip-container[data-v-399f35ec]{position:fixed;z-index:1000;left:-1000px;top:0;width:240px;pointer-events:none}.tooltip[data-v-399f35ec]{padding:5px 16px;background-color:#333;color:#fff;border-radius:4px;opacity:0;transition:opacity .3s}.tooltip.visible[data-v-399f35ec]{opacity:1}:root{--sidebar-width:350px;--header-top:-140px}@media screen and (min-width:1200px){:root{--sidebar-width:550px}}@media screen and (max-width:768px){:root{--header-top:-130px}}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin:0}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:8px;line-height:1.2}h1,h2,h3,h4,h5,h6,p{box-sizing:border-box}p{margin:0}.btn.link{padding:0}.btn.link>a{color:#fff;display:block;text-decoration:none;padding:8px 16px}.btn.btn-secondary{background-color:#f60}.btn.btn-secondary:hover{background-color:#cc5200}ol,ul{padding-left:24px;margin-bottom:16px}ol li,ul li{margin-bottom:8px}input,select,textarea{width:100%;padding:8px;font-size:1rem;border:1px solid #ccc;border-radius:4px;margin-bottom:16px}body{line-height:1.5}.btn,body{font-size:1rem}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .1s;background-color:#4d148c;color:#fff}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:hover{background-color:#340e5f}.btn.btn-secondary{background-color:#f1f3f5;color:#4d148c;border:1px solid #4d148c;padding:8px 8px;font-size:.875rem}.btn.btn-secondary:hover{background-color:#d3dae0}.btn.btn-success{background-color:#28a745}.btn.btn-success:hover{background-color:#1e7e34}.btn.btn-danger{background-color:#dc3545}.btn.btn-danger:hover{background-color:#bd2130}body{font-family:Roboto,sans-serif;color:#030303;background-color:#f1f3f5}ul{list-style-type:none;margin:0;padding:0}aside,div,footer,header,main{box-sizing:border-box}button{margin:0 8px;padding:8px 16px;font-size:1em;background-color:#4d148c;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}button.selected,button:hover{background-color:#340e5f}button.selected{font-weight:700}#app{position:relative}#header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#f1f3f5;transition:all .3s ease;padding:16px 0;padding-bottom:8px}.scrolled #header{top:var(--header-top,-140px)}@media screen and (max-width:768px){#header h2{padding-left:8px;padding-right:8px}}.category-select-container{padding:16px 0;max-width:100%;margin:0 auto;margin-bottom:24px;background-color:#d3dae0;overflow-x:scroll}.category-select-container button{margin:0;word-break:keep-all;white-space:nowrap;flex-shrink:0}.category-select-container-content{display:inline-flex;padding:0 16px;gap:16px;justify-items:left;overflow:hidden;min-width:100vw}.search-container{position:relative;width:100%;max-width:80%;margin:0 auto}.search-container .search-input{width:100%;display:block;box-sizing:border-box;padding:8px 24px 8px 16px;margin-bottom:8px;font-size:1em;border:1px solid #4d148c;border-radius:5px}.search-container .reset-search{background:none;border:none;cursor:pointer;position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:1.5em}.song-item{background-color:#fff;border-radius:8px;border:1px solid #b6c0cb;box-shadow:0 2px 4px rgba(3,3,3,.1);padding:16px;margin-bottom:8px;transition:transform .3s ease;cursor:pointer;display:grid;grid-template-columns:1fr 160px;grid-template-rows:repeat(1,1fr);grid-gap:0 16px}.song-item.details-expanded{grid-template-rows:1fr 40px}.song-item button{margin:0;font-size:.875rem!important}.song-item .select-btn:not(.btn-secondary){background-color:#f60}.row-1{display:grid;grid-template-columns:50px 1fr 70px;align-items:center}.row-2{grid-column:2/3;align-items:center}.row-2,.row-3{display:flex;gap:16px;justify-content:end}.row-3{max-height:0;margin:0;overflow:hidden;align-items:start;transition:max-height .2s ease .2s;grid-row:2/3;grid-column:1/-1}.details-expanded .row-3{max-height:100px;grid-row:2/3;grid-column:1/-1}@media(max-width:768px){.song-item{grid-template-columns:1fr;grid-template-rows:1fr 10px;gap:0}.song-item.details-expanded{grid-template-rows:1fr 10px 40px;gap:8px 0}.row-1{grid-template-columns:40px 1fr 40px;align-items:start}.row-1,.row-2{grid-column:1/-1}.row-2{grid-row:2/3;gap:16px;align-items:end}.row-3{grid-row:3/4!important;grid-column:1/-1;overflow-x:auto;gap:8px}}.song-info{line-height:1.2}.song-info .rank{font-weight:700;font-size:1.25rem}.song-artist{text-align:left}.song-artist>span{display:block}.song-artist .song{font-size:1.25rem;font-weight:700}@media screen and (max-width:768px){.song-artist .artist{margin-top:4px}}.rank{text-align:left;align-self:start}#main{width:100%;margin-top:calc(8px + var(--header-height, 200px))}@media screen and (min-width:768px){#main{padding-left:24px;padding-right:24px}#app.expanded #header,#app.expanded #main{max-width:calc(100% - var(--sidebar-width));padding-left:8px;padding-right:8px}}#sidebar{position:fixed;top:0;right:calc(var(--sidebar-width)*-1);width:var(--sidebar-width);height:100%;background-color:#282828;transition:right .3s ease;z-index:1000}#sidebar.expanded{right:0}@media screen and (max-width:768px){#sidebar{width:100vw;right:-100vw}#sidebar.expanded{right:0}}.sidebar-toggle-button{background:none;border:none;cursor:pointer;position:absolute;top:16%;left:-60px;background-color:#f60!important;color:#fff;width:60px;height:60px;border-radius:50% 0 0 50%}@media screen and (max-width:768px){.sidebar-toggle-button{top:80%;transition:all .3s ease}.expanded .sidebar-toggle-button{left:auto;right:0}}.sidebar-content-container{overflow-y:auto;max-height:100vh}.sidebar-notice{border:1px solid #f1f3f5;color:#f1f3f5;padding:8px;margin:16px}.sidebar-container{color:#fff;margin-top:48px;margin-bottom:16px}.sidebar-container a{color:#f1f3f5}.sidebar-container h2{margin-top:48px}.sidebar-container-songs{max-width:calc(100% - 32px);margin:0 auto}.song-list{padding:8px 0}.sidebar-songs{max-width:100%;max-height:70vh;overflow-y:auto;padding-top:8px;background-color:#424242;border-radius:10px}@media screen and (max-width:768px){.sidebar-songs{max-width:calc(100vw - 16px);margin:0 auto}}.sidebar-song{display:grid;grid-template-columns:55px 1fr;grid-template-rows:1fr;justify-items:start;gap:0;padding-bottom:8px;margin-bottom:8px}.sidebar-song.is-connected{grid-template-columns:55px 1fr 120px}.sidebar-song:not(:last-child){border-bottom:1px solid #757575}.sidebar-song button{grid-column:1/2;padding:0;background-color:#f60;align-self:center}.sidebar-song div{grid-column:3/4;grid-row:1/2}.sidebar-song div button{padding:8px}.sidebar-song .sidebar-song-info{grid-column:2/3;text-align:left}.sidebar-song .sidebar-song-info>span{display:block;line-height:1.1}.sidebar-song .sidebar-song-info .sidebar-song-info-title{font-size:1.25rem}.sidebar-song .sidebar-song-info .sidebar-song-info-artist{margin-top:4px}@media screen and (max-width:992px){.sidebar-container-songs.is-connected .sidebar-song{grid-template-columns:55px 1fr minmax(60px,80px)}}.button-add,.button-remove{display:flex;max-width:100%;font-size:.875rem}.button-add>button,.button-remove>button{flex-basis:100%;max-width:100%;flex-shrink:1;background-color:#dc3545;word-break:break-all;white-space:wrap}.button-add>button{background-color:#28a745}.auth-status,.sidebar-container-connect-playlists{max-width:90%;margin:0 auto}.auth-status em,.sidebar-container-connect-playlists em{margin-top:4px;display:block}.sidebar-container-connect-playlists{margin-top:24px;margin-bottom:16px}.auth-status{display:flex;align-items:center}.auth-status>*{flex-basis:50%;flex-grow:0}.playlists-select-container{display:flex;justify-content:center;align-items:center;align-items:stretch;gap:16px}.playlists-select-container select{margin:0}.sidebar-container-spotify-player{max-width:calc(100% - 48px);margin:0 auto}.sidebar-container-spotify-player .playlists-select-container{align-items:center;justify-content:end;margin:16px 0}.sidebar-container-spotify-player .playlists-select-container>span{text-align:left;line-height:1.2}.sidebar-container-spotify-player .playlists-select-container select{max-width:300px}.sidebar-container-spotify-player label{margin:16px auto;max-width:240px;font-size:1rem;display:grid;text-align:left;grid-template-columns:30px 1fr;gap:16px;line-height:1.2}.sidebar-container-spotify-player label input{height:40px;margin:0;align-self:stretch;justify-self:stretch}#the_spotify_player{aspect-ratio:4/6;margin:24px 0}#lyrics{background-color:#d3dae0;padding-left:8px;padding-right:8px;width:100%;position:relative;min-height:70vh}@media screen and (min-width:992px){.expanded #lyrics{max-width:calc(100% - var(--sidebar-width))}}#lyrics .modal-content{padding:24px 0;padding-bottom:48px}#lyrics h2{margin:0;padding:16px 0;position:sticky;background-color:#d3dae0;top:calc(var(--header-height, 200px) + var(--header-top, -140px));z-index:10}#toTop{position:fixed;bottom:8px;left:50%;transform:translateX(-50%)}@media screen and (min-width:992px){.expanded #toTop{left:calc((100vw - var(--sidebar-width))/2)}}