*{box-sizing:border-box;padding:0;scroll-behavior:smooth}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.d-center{display:flex;align-items:center;justify-content:center}.elipse{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slideFrame{text-decoration:none;width:9rem;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.slideFrame:active{-webkit-transform:scale(.9);transform:scale(.9)}.slideFrame .slideImage{width:9rem;height:9rem;border-radius:1rem;border:1px ridge #fff}.slide-container{width:100vw;overflow-x:scroll;padding:1rem 0}.tab-container{display:inline-flex}.container{width:100%;height:100%;display:block}.container .img-container{width:100%;border-bottom:2px solid #898989;padding:1rem 2rem;display:flex}.container .img-container a{width:100%;text-decoration:none;color:#fff;display:flex;justify-content:space-around;align-items:center}.container .img-container a img{margin:.5rem;min-width:4rem;min-height:4rem;max-width:4rem;max-height:4rem;object-fit:cover;border-radius:50%;border:2px dashed #898989}.container .img-container a span{font-size:1.5rem;word-wrap:wrap;text-decoration:none}.container .list-item{width:100%;display:flex;flex-wrap:wrap;overflow:scroll;flex-direction:row}.container .list-item li{padding:1rem 0;list-style:none;display:flex;justify-content:space-around;align-items:center;flex-shrink:.5;flex-wrap:wrap}.container .list-item li hr{border:2px ridge #898989;border-collapse:collapse;width:100%;border-radius:.5rem;display:none}.container .list-item li a{text-decoration:none;padding:0 2rem;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:100%;text-align:center;display:flex;color:#fff;justify-content:space-between;align-items:center;position:relative;border-radius:1rem}.container .list-item li a:before{content:"";width:0;position:absolute;top:0;left:0;height:100%;background:#fff;transition:width .2s ease}.container .list-item li a:active{color:#821464;-webkit-transform:scale(.92);transform:scale(.92)}.container .list-item li a:active:before{border-radius:1rem;width:100%}.container .list-item li a i{z-index:2}.container .list-item li a span{z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column}@media(max-width:768px){.container .list-item{flex-direction:column}.container .list-item li hr{display:block}}.card{border-radius:1rem;background:transparent;color:#cfd0d0;max-height:30rem;overflow-y:scroll}.card,.card-container{width:100%;overflow-x:hidden}.card-container{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;margin:.5rem 0;display:flex;align-items:center;justify-content:space-between}.card-container:active{-webkit-transform:scale(.9);transform:scale(.9)}.card-container .card-image{min-width:5rem;max-width:5rem;min-height:5rem;max-height:5rem;overflow:hidden;border-radius:1rem;position:relative}.card-container .card-image img{width:5rem;height:5rem;border:2px ridge #4eff00;border-radius:1rem;object-fit:cover}.card-container .card-image .play-pause{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-container .card-header{padding:.3rem 0;font-size:.7rem;font-weight:bolder;display:block}.card-container .card-header .name{font-size:1.3rem;width:12rem}.card-container .card-header .card-detail{display:flex;flex-wrap:wrap;font-size:.5rem;font-weight:700;color:#818181}.card-container .card-header .card-detail .artists{display:flex;flex-wrap:wrap}.screen-block{width:10rem;height:10rem;border-radius:1rem;border:3px ridge #37ff00;display:flex;justify-content:center;align-items:center;transition:all .5s ease}.screen-block.shrink{-webkit-transform:scale(.7);transform:scale(.7);opacity:0;transition:all .5s ease}.screen-block img{width:100%;height:100%;border-radius:1rem;object-fit:cover}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000}.login img{width:100%}.login a{padding:1rem;border-radius:99px;background-color:#00a42e;font-weight:600;color:#fff;text-decoration:none}.login a:hover{background-color:#fff;border-color:#1db954;color:#1db954}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem;position:-webkit-sticky;position:sticky;top:0;background:#000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .5s ease;z-index:3}.options{display:block;text-decoration:none}.options .item{text-decoration:none;width:100%;list-style:none;padding:1rem;font-size:1.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid hsla(0,0%,47.1%,.608)}.p-dialog{border-radius:0 0 1rem 1rem}.p-dialog .p-dialog-content,.p-dialog .p-dialog-footer,.p-dialog .p-dialog-header,.p-dialog .p-dialog-titlebar{background:#000}.p-tabview .p-tabview-panels{margin:0;padding:0;width:100%}.field{text-align:center;position:relative}.field .Entry{height:auto;padding:1rem;outline:none;background:transparent;box-shadow:inset 2px 2px 10px #6e6f7a,inset -2px -2px 10px #77787f;border:none;color:#fff;border-radius:.5rem;font-size:1rem}.field .Entry.invalid{border:1px solid red}.field .Entry.valid{border:1px solid #16ff00}.field .Entry::-webkit-input-placeholder{color:transparent}.field .Entry:-ms-input-placeholder{color:transparent}.field .Entry::placeholder{color:transparent}.Entry:focus{box-shadow:2px 2px 10px #6e6f7a,-2px -2px 10px #77787f}.field .Entry:focus::-webkit-input-placeholder{color:#676c67}.field .Entry:focus:-ms-input-placeholder{color:#676c67}.field .Entry:focus::placeholder{color:#676c67}.field.icon-right>i{padding:inherit;right:10%}.entry-label,.field.icon-right>i{position:absolute;top:35%;color:#fff}.entry-label{font-size:1rem;left:5%;transition:all .3s ease}.Entry.valid~.entry-label,.Entry:focus~.entry-label{-webkit-transform:translateY(-200%);transform:translateY(-200%);color:#04ff00}.p-dock{background:transparent;position:fixed;bottom:0}.p-dock .p-dock-list{padding:0;width:100%;justify-content:space-around}.p-dock .p-dock-list .p-dock-item .p-dock-action{text-decoration:none;color:#dedede}.p-tabmenu-nav{justify-content:space-between}.App{text-align:center;background-size:cover;overflow-y:scroll;position:relative}.absol{position:absolute;top:0;left:0;background:rgba(0,0,0,.9)!important;-webkit-background:rgba(0,0,0,.9)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;-moz-backdrop-filter:blur(3px)!important}::-webkit-scrollbar{display:none}.sm-1{font-size:.3rem}.sm-2{font-size:.6rem}.sm-3{font-size:.8rem}.btn-bounce{border:none;outline:none;-webkit-filter:drop-shadow(0 0 10px #616161);filter:drop-shadow(0 0 10px #616161)}.btn-bounce:active{-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.text-none{text-decoration:none}.color-frame{-webkit-animation:colorFrame .5s linear infinite;animation:colorFrame .5s linear infinite}.ripple{box-shadow:2px 2px 10px #7a7a7a,2px 2px 10px #b2b2b2,-2px -2px 10px #7a7a7a,-2px -2px 10px #b2b2b2;border-radius:50%;-webkit-animation:ripple-bounce 1s linear infinite;animation:ripple-bounce 1s linear infinite}@-webkit-keyframes colorFrame{to{color:#4bff00;-webkit-transform:scale(.9);transform:scale(.9);opacity:.8}50%{color:#0cf;-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}0%{color:#ff1600;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes colorFrame{to{color:#4bff00;-webkit-transform:scale(.9);transform:scale(.9);opacity:.8}50%{color:#0cf;-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}0%{color:#ff1600;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ripple-bounce{to{-webkit-transform:scale(.9);transform:scale(.9);opacity:.8}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ripple-bounce{to{-webkit-transform:scale(.9);transform:scale(.9);opacity:.8}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.9}0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
/*# sourceMappingURL=main.0fde7b67.chunk.css.map */