@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Roboto:wght@400;500;700&display=swap);body{margin:0;background:#151616;font-family:roboto,sans-serif;-moz-osx-font-smoothing:grayscale}code{font-family:Roboto,sans-serif}ul{list-style:none;margin:0;padding:0}.navbar{height:var(--nav-size);background-color:var(--bg-nav);padding:0 1rem;border-bottom:var(--border)}.navbar-nav{max-width:100%;height:100%;display:flex;justify-content:center}.nav-item{width:calc(var(--nav-size)*0.8)}.icon-button,.nav-item{display:flex;align-items:center;justify-content:center}.icon-button{--button-size:calc(var(--nav-size)*0.6);width:var(--button-size);height:var(--button-size);background-color:var(--bg-accent-nav);border-radius:50%;padding:5px;margin:2px;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.icon-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.dropdown{position:absolute;top:58px;width:300px;-webkit-transform:translateX(-45%);transform:translateX(-45%);background-color:var(--bg-nav);border:var(--border);border-radius:var(--border-radius);padding:1rem;overflow:hidden;transition:height var(--speed) ease}.menu-item{height:50px;display:flex;align-items:center;border-radius:var(--border-radius);transition:background var(--speed);padding:.5rem}.menu-item .icon-button{margin-right:.5rem}.menu-item .icon-button:hover{-webkit-filter:none;filter:none}.menu-item:hover{background-color:var(--bg-nav)}.icon-right{margin-left:auto}.menu-primary-enter{position:absolute;-webkit-transform:translateX(-110%);transform:translateX(-110%)}.menu-primary-enter-active{-webkit-transform:translateX(0);transform:translateX(0);transition:all var(--speed) ease}.menu-primary-exit{position:absolute}.menu-primary-exit-active{-webkit-transform:translateX(-110%);transform:translateX(-110%);transition:all var(--speed) ease}.menu-secondary-enter{-webkit-transform:translateX(110%);transform:translateX(110%)}.menu-secondary-enter-active{-webkit-transform:translateX(0);transform:translateX(0);transition:all var(--speed) ease}.menu-secondary-exit-active{-webkit-transform:translateX(110%);transform:translateX(110%);transition:all var(--speed) ease}button{background:transparent;padding:0;border:0;font-size:9px}header{position:-webkit-sticky;position:sticky;top:0}.header,.title-and-search{display:flex;align-items:center;justify-content:center}.header-title{color:#fff;margin:auto;font-family:"Noto Sans JP",sans-serif;font-size:36px;text-align:center}.header-form{margin:auto}.menu-butons{margin-left:auto}.M-header,.menu-butons{display:flex;align-items:center;justify-content:center}.M-title{display:flex;align-items:center;justify-content:flex-end}.M-header-title{color:#fff;margin:auto;font-family:"Noto Sans JP",sans-serif;font-size:27px;text-align:center}.M-menu{display:flex;align-items:center;justify-content:flex-start;color:var(--spot-color);flex:1 1;font-size:30px}.M-leftMenu-Active{left:0;transition:.35s}.M-leftMenu,.M-leftMenu-Active{background-color:var(--bg-nav);width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-end;position:fixed;top:0}.M-leftMenu{left:-100%;transition:.85s}.M-Menu-Itens{height:100%;display:flex;flex-direction:column;justify-items:center;align-content:space-around;padding:10px}.M-Menu-Close{justify-content:flex-end;padding:.5rem;font-size:40px;color:#fff}.M-left-menu-item,.M-Menu-Close{height:50px;width:100vw;display:flex;align-items:center;border-radius:var(--border-radius);transition:background var(--speed)}.M-left-menu-item{justify-content:flex-start;padding:5px;margin:5px;font-size:30px}.M-icon{padding:5px;font-size:40px}.menu{width:100%}.left-menu-item{height:50px;display:flex;align-items:center;justify-content:flex-start;padding:.5rem;font-size:large;border-radius:var(--border-radius);transition:background var(--speed)}.left-menu-item:hover{background-color:var(--bg-nav)}.is-here{padding:5px;margin-right:10px;display:flex;align-items:center;justify-content:center}.icon{margin-left:7px}.modal-card{padding:1rem}.time-frame{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-left:auto;height:100%;width:100%;margin-bottom:20px}.time-frame h1{color:#1db954}.listing{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:2vh auto;list-style:none}.list-itens{width:100%;display:flex;align-items:center;margin-bottom:2vh}.list-itens img{margin-right:5px;height:45px;width:45px}.list-itens p{font-size:medium}.M-time-frame{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-left:auto;height:100%;width:100%}.M-time-frame h2{color:#1db954;font-size:30px;margin-bottom:15px}.M-listing{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;list-style:none}.M-list-itens{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:2vh}.M-list-itens img{margin-right:5px;height:40px;width:40px}.M-list-itens p{font-size:medium}.M-usable-area h1{margin-bottom:15px}.Modal{border-radius:4px;outline:none;padding:20px;background:var(--bg);border:none}.Overlay{position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;background-color:hsla(0,0%,47.1%,.75)}.music-card,.Overlay{display:flex;align-items:center}.music-card{width:100%;background:none;border:none;border-radius:var(--border-radius);transition:background var(--speed);padding:.5rem;text-align:left}.music-card:hover{background-color:var(--bg-nav)}.modal-card{height:50vh;width:80vw;max-height:600px;max-width:600px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;margin:auto}.card{width:100%}.card,.card-img{display:flex;margin:auto;align-items:center;justify-content:center}.card-img,.card-img img{width:40vw;height:auto}.card-img img{display:block;max-width:300px;max-height:300px}.card-main-info{color:#fff;flex-direction:column;justify-content:center}.card-info,.card-main-info{height:100%;width:100%;display:flex;align-items:center;margin:auto}.card-info{justify-content:flex-start}.info-list{margin-left:5vw}.info-list li{padding:.2rem}.card-exit{width:100%;display:flex;justify-content:flex-end}.close-button{width:100%;height:100%;max-width:64px;max-height:32px;background:#1db954;border:0;border-radius:8px;color:#fff;font-weight:700;margin-top:16px;display:inline-block;text-align:center;text-decoration:none;font-size:16px;line-height:20px;padding:.5rem}.home{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;width:100%;flex:6 1;padding-top:3vh;border-left:var(--border)}.home h1{color:#1db954}.home p{color:var(--text-color)}.home button{width:120px;height:30px;background:#1db954;border:0;border-radius:8px;color:#fff;font-weight:700;display:inline-block;text-align:center;text-decoration:none;font-size:18px;line-height:20px;margin:16px auto auto 10px}.text{display:flex;align-items:center;justify-content:center}.M-text{margin-top:10px;flex-direction:column;justify-content:flex-start}.M-home,.M-text{width:100%;display:flex;align-items:center}.M-home{flex-direction:column;justify-content:center;height:100vh;flex:6 1;padding-top:3vh}.M-home h1{color:#1db954}.M-home p{color:var(--text-color)}.M-home button{width:80px;height:30px;background:#1db954;border:0;border-radius:8px;color:#fff;font-weight:700;display:inline-block;text-align:center;text-decoration:none;font-size:18px;line-height:20px;margin-top:16px;margin-left:10px}.home-cg{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;width:100%;flex:6 1;padding-top:3vh;border-left:var(--border)}.home-cg h1{color:#1db954}.home-cg p{color:var(--text-color)}.M-home-cg{flex-direction:column;height:100vh;flex:6 1;padding-top:3vh}.M-home-cg,.RecentlyPlayedTracks{display:flex;align-items:center;justify-content:flex-start;width:100%}.RecentlyPlayedTracks{height:100%;flex-direction:column;margin-left:5px}.RecentlyPlayedTracks h1{color:var(--spot-color)}.RP-listing{display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:2vh auto}.RP-list-itens{width:100%;display:flex;align-items:center;margin-bottom:2vh}.RP-list-itens p{font-size:large}.RP-list-itens img{margin-right:5px;max-height:100px;max-width:100px;width:10vw;height:auto}.M-RP-listing{margin:2vh auto}.M-RP-list-itens,.M-RP-listing{display:flex;flex-direction:column}.M-RP-list-itens{align-items:flex-start;justify-content:flex-start;list-style:none}.M-RP-list-itens p{font-size:large}.M-RP-list-itens img{margin-right:5px;max-height:50px;max-width:50px;width:20vw;height:auto}.M-RP-usable-area{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.M-RP-usable-area h1{color:var(--spot-color);font-size:32px}.faq{margin-top:2px;font-size:large}.faq ul{padding:3px}.faq li{padding:10px;border-radius:var(--border-radius);background-color:var(--bg-nav);margin:10px}.faq li h3{color:var(--spot-color);padding:2px}.footer{height:var(--nav-size);width:100%;background-color:var(--bg-nav);padding:0 1rem;border-top:var(--border)}.footer,.left-msg{display:flex;align-items:center;justify-content:center}.left-msg{margin:auto;color:var(--text-color)}.right-msg{display:flex;align-items:flex-end;justify-content:center;margin:auto}.right-msg p{color:var(--text-color)}.right-msg div{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:5px}.right-msg img{margin-left:21px;width:42px;height:42px}.M-footer{display:flex;height:var(--nav-size);width:100%;background-color:var(--bg-nav);padding:0 1rem;border-top:var(--border);position:relative;bottom:0}.M-footer-msg{display:flex;align-items:center;justify-content:center;margin:auto}*{margin:0;padding:0;outline:0;scroll-padding:0;scroll-margin:0;box-sizing:border-box;list-style:none}p{color:#fff}:root{--bg:#2c2c2c;--bg-nav:#1b1b1b;--bg-accent-nav:#484a4d;--text:400 14px Roboto,sans-serif;--text-color:#fff;--nav-size:60px;--border:1px solid #474a4d;--border-radius:8px;--speed:500ms;--spot-color:#1db954}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#1b1b1b;background:var(--bg-nav);margin:2px}::-webkit-scrollbar-thumb{background:#1db954;background:var(--spot-color);border-radius:5px;-webkit-transition:.3s;transition:.3s}::-webkit-scrollbar-thumb:hover{background:#189945}body{font:400 14px Roboto,sans-serif;background:#2c2c2c;background:var(--bg);-webkit-font-smoothing:antialiased;overflow:auto}button,input,textarea{font:400 18px Roboto,sans-serif}button{cursor:pointer}a{color:#fff;color:var(--text-color);text-decoration:none}.page-container{display:flex;flex-direction:column;height:100%;padding-bottom:0}.content-wrap{flex:1 1;min-height:100vh;height:100%}.usable-area{display:flex;height:100%}.left-menu{height:100%;flex:1 1}.content{align-items:flex-start;min-height:100vh;flex:6 1;padding:3vh 10px 10px;border-left:1px solid #474a4d;border-left:var(--border)}.content,.M-usable-area{display:flex;justify-content:center;height:100%;width:100%}.M-usable-area{flex-direction:column;align-items:center;margin:auto;padding-left:5vw;padding-right:5vw}.M-usable-area h1{color:#1db954;color:var(--spot-color);font-size:37px}
/*# sourceMappingURL=main.9a4c4925.chunk.css.map */