body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--page-height:100vh;--page-width:100vw;--page-margin:0;--page-padding:0;--page-font-family:Tahoma,sans-serif,Monospace;--page-text-color:#8e9196;--page-text-color-hover:#fff;--page-background-color:#1f2633;--tab-display:grid;--tab-background-color:#ffffff08;--display-none:none;--box-sizing:border-box;--whiteColor:#f2f4f7;--grayColor:#b3b7bd;--blueColor:#279af1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1f2633;background:var(--page-background-color);border-radius:10px}::-webkit-scrollbar-thumb{background:#555c66;border-radius:10px}.page-title{align-items:center;display:flex;justify-content:center}h1{color:#f2f4f7;color:var(--whiteColor);font-size:2.5rem;font-weight:400;text-align:center}.page-title img{height:54px;margin-left:12px;width:54px}.more-btn{background-color:#ffffff0d;border:1px solid #fff0;border-radius:12px;color:#8e9196;color:var(--page-text-color);font-family:Tahoma,sans-serif,Monospace;font-family:var(--page-font-family);font-size:22px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;margin-top:10px;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.more-btn:hover{color:#f2f4f7;color:var(--whiteColor)}.more-btn:active{background-color:#1f2633}.empty-top-items-msg{text-align:center}.App{min-height:100vh}body,html{background-color:#1f2633;background-color:var(--page-background-color);color:#8e9196;color:var(--page-text-color);font-family:Tahoma,sans-serif,Monospace;font-family:var(--page-font-family);height:100%;width:100%}a{color:inherit;text-decoration:none}@media (max-width:800px){h1{font-size:1.8rem}.page-title img{height:36px;width:36px}.more-btn{font-size:1rem}}.home-cards{--home-card-height:25vh;--image_size:calc(var(--home-card-height) - 1vw - 4px);--border-radius:8px;max-width:1000px;min-width:750px;width:55vw}.home-cards,.page-card-container{margin-left:auto;margin-right:auto}.page-card-container{display:flex;flex-direction:column;height:calc(100vh - 50px);justify-content:space-evenly;width:100%}.home-playlist-card:hover,.top-item-img:hover,.view-top-items:hover,body:has(.top-item-img:first-child:hover) .view-top-items:nth-child(2),body:has(.top-item-img:nth-child(2):hover) .view-top-items:first-child,body:has(.view-top-items:first-child:hover) .top-item-img:nth-child(2),body:has(.view-top-items:nth-child(2):hover) .top-item-img:first-child{background-color:#262d3f}.view-top-items{align-items:center;background-color:#2f374c;float:left;height:var(--home-card-height);line-height:var(--home-card-height );text-align:center;width:calc(100% - var(--home-card-height)/2)}.home-playlist-card span:first-child,.view-top-items{color:var(--whiteColor);font-family:var(--page-font-family);font-size:2.7rem}.view-top-items:nth-child(2){border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.view-top-items:first-child{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}.top-item-img{background-color:#2f374c;float:left;height:var(--home-card-height);width:calc(var(--home-card-height)/2)}.top-item-img:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.top-item-img:nth-child(2){border-radius:150px 0 0 150px;transform:rotate(180deg)}.top-item-img img{height:var(--image_size);left:calc(var(--home-card-height)/2 - var(--image_size)/2);object-fit:contain;position:relative;top:calc(var(--home-card-height)/2 - var(--image_size)/2);width:var(--image_size)}.top-item-img:first-child img{border-radius:4px}.top-item-img:nth-child(2) img{border-radius:50%;transform:rotate(180deg)}.view-top-items:nth-child(2) div{left:calc(var(--image_size)/2);text-align:right}.view-top-items:first-child div{left:calc(var(--image_size)/2);text-align:left}.home-playlist-card{background-color:#2f374c;border-radius:var(--border-radius);display:flex;float:left;height:var(--home-card-height);justify-content:center;text-align:center;width:100%}.home-playlist-card div{display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;top:50%;transform:translateY(-50%)}.home-playlist-card span:nth-child(2){color:var(--grayColor);display:block;margin-top:4px}.home-playlist-card span:nth-child(2),.login-btn{font-family:var(--page-font-family);font-size:1rem}.login-btn{align-items:center;background-color:#1ed760;border-radius:14px;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;margin-top:10px;padding:10px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login-btn,.login-field{display:flex;justify-content:center;text-align:center}.login-field{flex-direction:column;gap:8px}.login-confirm{font-size:.8rem}.login-confirm a{text-decoration:underline}@media (max-width:1100px){.home-cards{min-width:85vw}.home-playlist-card span:first-child,.view-top-items{font-size:2.3rem}.home-playlist-card span:nth-child(2){font-size:1.2rem}}@media (max-width:850px){.home-cards{--home-card-height:20vh;min-width:90vw}.home-playlist-card span:first-child,.view-top-items{font-size:4vw}.home-playlist-card span:nth-child(2){font-size:2.5vw}.login-btn{font-size:.9rem}}@media (max-width:600px){.page-card-container{align-items:center;justify-content:flex-start;padding-top:2.5vh}.home-cards{--home-card-height:25vw;min-width:90vw}.page-card-container a{margin:25px 0}.top-item-img:first-child img{border-radius:2px}.login-confirm{font-size:.675rem}}.lds-ripple{color:#fff}.lds-ripple,.lds-ripple div{box-sizing:border-box;margin-left:auto;margin-right:auto;margin-top:12%}.lds-ripple{height:80px;position:relative;width:80px}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}*,:after,:before{box-sizing:border-box}p{padding:0 1em}p span{color:var(--page-text-color-hover)}tab-container{border:solid #ffffff08;border-radius:.5em;display:var(--tab-display);font-size:1rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;margin-inline:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}input,tab-container{justify-content:center}input{display:none}input:checked+label{background-color:#fff0;color:var(--page-text-color-hover);display:block;justify-content:center;transition:all .25s}label{background-color:var(--tab-background-color);border-right:2px solid var(--page-background-color);cursor:pointer;font-family:Calibri,Gill Sans,Gill Sans MT,Trebuchet MS,sans-serif;justify-content:center;padding:1em;text-align:center;transition:color .25s;transition:all .25s}label:last-of-type{border:none;justify-content:center}label:hover{background-color:#ffffff0d;color:var(--page-text-color-hover);justify-content:center}tab-content{display:var(--tab-display);grid-column:1/-1}input#tabToggle01:checked~tab-content:not(:first-of-type),input#tabToggle02:checked~tab-content:not(:nth-of-type(2)),input#tabToggle03:checked~tab-content:not(:nth-of-type(3)){display:none}@media (max-width:600px){tab-container{font-size:.85rem}}.track-table-container{margin-top:10px;text-align:left;width:100%}.track-table{margin-left:auto;margin-right:auto;table-layout:fixed}.track-album,.track-artist-name,.track-name{font-size:1.3rem;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-rank{font-size:1.25rem;text-align:center}.track-cover{min-width:54px}.track-cover img{border-radius:4px;height:48px;margin-left:auto;margin-right:auto;width:48px}@media (max-width:1000px){.track-rank{font-size:.9rem}.track-album,.track-artist-name,.track-name{font-size:1rem}.track-cover{height:36px;max-width:36px;width:36px}}@media (max-width:525px){.track-rank{font-size:.875;min-width:24px}.track-artist-name,.track-name{font-size:.775rem}.track-name{min-width:50vw}.track-artist-name{min-width:31vw}.track-album{display:none}.track-cover{min-width:34px}.track-cover img{border-radius:2px;height:32px;max-width:32px;width:32px}.track-table{max-width:100%;min-width:100%}}.artist-list{--gap-size:20px;--artist-listing-width:420px;column-gap:var(--gap-size);display:flex;flex-wrap:wrap;margin-left:auto;margin-right:auto;margin-top:20px;max-width:100%;width:calc(var(--artist-listing-width)*2 + var(--gap-size))}.artist-cover{min-width:max(calc(5vw + 6px),34px)}.artist-cover img{border-radius:50%;float:left;height:5vw;margin-left:auto;margin-right:auto;min-height:36px;min-width:36px;width:5vw}.artist-rank{font-size:2rem;min-width:55px;text-align:center}.artist-name{font-size:1.7rem;max-width:0;width:100%}.artist-name,.artist-table-listing{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-table-listing{align-items:center;max-width:var(--artist-listing-width);min-width:250px;width:var(--artist-listing-width)}@media (max-width:900px){.artist-list{column-gap:0;row-gap:4px;width:min(100vw,600px)}.artist-table-listing{max-width:50%;min-width:50%;width:400px}.artist-name{font-size:1.3rem}.artist-rank{font-size:1.4rem;min-width:40px}}@media (max-width:450px){.artist-table-listing{margin:0 auto;max-width:none;min-width:none;width:95%}.artist-rank{font-size:1.1rem;min-width:30px}.artist-name{font-size:1.3rem}.artist-cover img{min-height:54px;min-width:54px}.artist-cover{min-width:60px}}#genre-chart-card{height:800px;max-height:97vh}.bar-chart-container{display:flex;height:90%;justify-content:center;padding:6px;width:98%}@media (max-width:450px){.bar-chart-container{height:95%}#genre-chart-card{height:480px}}.card-container{--sideMargin:30px;--whiteColor:#f2f4f7;--grayColor:#b3b7bd;--blueColor:#279af1;--greenColor:#23ce6b;display:block;margin-left:auto;margin-right:auto;margin-top:22px;max-width:1100px;width:80vw}.card-title{margin:18px 0}.card-title span{color:var(--whiteColor);font-size:2rem;font-weight:700;margin-left:var(--sideMargin);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.playlist-card{background-color:#2f374c;border-radius:20px;overflow:hidden}.playlist-card:not(:first-child){margin-top:40px}@media (max-width:1300px){.card-container{min-width:90vw}}@media (max-width:1000px){.card-container{--sideMargin:18px;min-width:95vw}.card-title span{font-size:1.7rem}}@media (max-width:750px){.card-title{margin:8px 0}.card-title span{font-size:1.2rem}.card-container{margin-top:15px}.playlist-card:not(:first-child){margin-top:20px}}@media (max-width:500px){.card-title span{font-size:1rem}.card-title{margin:2px 0}}#summary-card{--coverSize:460px;--summaryFontSize:1.9rem;height:590px}.playlistCover{border-radius:4px;height:var(--coverSize);margin-left:var(--sideMargin);width:var(--coverSize)}.by-owner{margin:10px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.by-owner img{height:26ßpx;margin-left:3px;min-height:21px;min-width:21px;width:26px}.by-owner a{align-items:center;color:var(--grayColor);display:flex;font-size:1.05rem;font-weight:700;margin-left:var(--sideMargin);overflow:hidden;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.by-owner a:hover{color:#469edd}.summary-container{display:flex;flex-wrap:nowrap;gap:35px;min-width:0}.details{align-content:center;color:var(--whiteColor);display:flex;flex-direction:column;float:left;font-size:var(--summaryFontSize);justify-content:space-between;max-height:var(--coverSize);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.details span{display:inline}.details span span{color:var(--blueColor);display:inline-block;font-weight:700;margin:0}@media (max-width:1300px){#summary-card{--coverSize:420px;--summaryFontSize:1.7rem;height:560px}}@media (max-width:1000px){#summary-card{--coverSize:380px;--summaryFontSize:1.6rem;height:510px}.summary-container{gap:20px}}@media (max-width:850px){#summary-card{--coverSize:340px;--summaryFontSize:1.3rem;height:460px}.by-owner a{font-size:.875rem}}@media (max-width:750px){#summary-card{--coverSize:320px;--summaryFontSize:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 0}.by-owner{margin:2px 0}.by-owner img{height:12px;width:12px}.by-owner a{font-size:.7rem}}@media (max-width:650px){#summary-card{--coverSize:280px;--summaryFontSize:0.9rem}}@media (max-width:600px){#summary-card{--coverSize:240px}}@media (max-width:550px){#summary-card{--coverSize:200px}.playlistCover{border-radius:2px}}@media (max-width:500px){#summary-card{--coverSize:180px;--summaryFontSize:0.7rem}.by-owner img{height:10px;margin-bottom:2px;width:10px}.by-owner a{font-size:.7rem}.summary-container{gap:10px}}@media (max-width:400px){#summary-card{--coverSize:160px;--summaryFontSize:0.7rem}}#top-artists-albums-card{height:665px}.top-items-title{align-items:center;display:flex;justify-content:flex-start}.top-items-title img{height:42px;margin-left:16px;width:42px}.top-items-title h2{color:var(--whiteColor);font-size:1.8rem}.top-artists-albums-container{display:flex;justify-content:space-between;margin:0 var(--sideMargin)}.top-items-list{height:560px;justify-content:space-between;max-width:600px;overflow-y:auto}.top-items-list img{height:48px;width:48px}.playlist-top-items-listing{color:var(--page-text-color);font-size:1.3rem;height:56px;max-width:100%}.playlist-top-items-listing td{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-top-items-image{min-width:55px}.playlist-top-items-image img{margin:auto;vertical-align:middle}.playlist-artist-cover{border-radius:50%}.playlist-album-cover{border-radius:4px}.item-occurences{text-align:right}.playlist-top-items-rank{font-size:1.2rem;min-width:28px;text-align:center}@media (max-width:1000px){.playlist-top-items-listing{font-size:1.1rem}.item-occurences{min-width:45px}}@media (max-width:800px){#top-artists-albums-card{height:675px}.top-items-title h2{font-size:1.4rem}.top-items-title img{height:36px;width:36px}.playlist-top-items-listing{font-size:1.1rem;height:47px}.playlist-top-items-rank{font-size:.95rem;max-width:20px;min-width:20px}.top-items-list img{height:42px;width:42px}.playlist-top-items-image{max-width:45px;min-width:45px}}@media (max-width:680px){#top-artists-albums-card{height:845px}.top-artists-albums-container{flex-wrap:wrap}.top-items-title h2{font-size:1rem}.top-items-title img{height:24px;margin-left:8px;width:24px}.playlist-album-cover{border-radius:2px}.playlist-top-items-listing{font-size:1.2rem}.playlist-top-items-rank{font-size:1rem}.top-items-list{height:370px}}@media (max-width:400px){.playlist-top-items-listing{font-size:1rem}.playlist-top-items-rank{font-size:.9rem}.top-items-list img{height:38px;width:38px}}#line-chart-card{padding:6px}.deselect-all-btn{background-color:#ffffff0d;border:1px solid #fff0;border-radius:14px;color:var(--page-text-color);font-family:var(--page-font-family);font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px;margin-left:var(--sideMargin);padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.deselect-all-btn:hover{color:var(--whiteColor)}.deselect-all-btn:active{background-color:#1f2633}.evolution-chart-container{height:500px}@media (max-width:600px){.evolution-chart-container{height:270px}.deselect-all-btn{border:1px solid #fff0;border-radius:14px;font-family:var(--page-font-family);font-size:.7rem;margin-bottom:2px;margin-top:2px;padding:5px 7px}}.playlist-container{--playlistImgSize:180px;grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,var(--playlistImgSize));justify-content:center;margin:0 auto;max-width:90vw;width:-webkit-max-content;width:max-content}.playlist-item{color:var(--page-text-color);overflow:hidden;text-align:center;text-overflow:ellipsis;transition:transform .35s ease;white-space:nowrap;width:var(--playlistImgSize)}.playlist-item:hover{transform:scale(1.06)}.playlist-cover{border-radius:4px;height:var(--playlistImgSize);width:var(--playlistImgSize)}.playlist-name{display:block;font-size:.95rem}@media (max-width:1100px){.playlist-container{--playlistImgSize:160px;max-width:100vw}}@media (max-width:800px){.playlist-container{--playlistImgSize:125px}.playlist-name{font-size:.85rem}}@media (max-width:600px){.playlist-container{--playlistImgSize:96px}.playlist-name{font-size:.7rem}.playlist-cover{border-radius:2px}}#nav{--nav-bar-font-size:1rem;background-color:#181c25;font-size:var(--nav-bar-font-size);height:54px;justify-content:space-between;list-style-type:none;margin:0;padding:0 15%}#nav,#nav li a{align-items:center;display:flex}#nav li a{border-radius:6px;color:var(--whiteColor);font-family:Verdana,sans-serif;padding:8px;text-decoration:none;transition:.3s}.nav-bar-link a:hover{background-color:#30384b}.nav-bar-link a:active{transform:scale(1.09)}.nav-bar-logo{font-size:1.15rem}.icon,.spotify-icon{--icon-size:26px;height:var(--icon-size);margin-left:6px;width:var(--icon-size)}.dropdown-btn{background-color:#181c25;border:none;color:var(--whiteColor);cursor:pointer;font-family:Verdana,sans-serif;font-size:var(--nav-bar-font-size)}.dropdown-menu{background-color:#181c25;border:1px solid gray;border-radius:10px;margin-top:5px;padding:7px;position:absolute}.dropdown-arrow{height:11px;margin-left:5px;width:11px}@media (max-width:900px){#nav{font-size:.9rem;padding:0 3%}}@media (max-width:600px){.nav-bar-logo{font-size:1.1rem}.nav-bar-link{display:none}}footer{border-top:.5px solid #787878cc;display:flex;flex-direction:row;font-size:.75rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-top:32px;padding:6px 0 30px 40px}footer a:hover{color:#579ad5}footer p{margin:6px 0}.footer-right{padding-right:30px}.policy-container{color:var(--whiteColor);margin-left:auto;margin-right:auto;margin-top:10px;padding:0;width:90vw}.policy-container h4{font-size:2rem;margin:20px 0}.policy-container h6{font-size:1.4rem;margin:16px 0}.policy-container p{margin:6px 0;padding:0}.policy-container a{cursor:pointer;text-decoration:underline}.policy-container a:hover{color:#469edd}@media (max-width:900px){footer{font-size:.6rem}.policy-container h4{font-size:1.8rem};.policy-container h6{font-size:1.2rem}}@media (max-width:650px){footer{font-size:.55rem;padding:4px 0 10px 8px}.footer-right{padding-right:8px}.policy-container h4{font-size:1.5rem};.policy-container h6{font-size:1rem}.policy-container p{font-size:.8rem}}
/*# sourceMappingURL=main.fb11a37f.css.map*/