@import"https://fonts.googleapis.com/css?family=Indie+Flower";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";.filter .filter-opt{position:absolute;top:10%;right:20%;width:90%;max-width:600px;background-color:#eefbbb;color:#282224;box-shadow:.2rem .2rem .5rem .1em #00000030;border-radius:5px;z-index:99;font-family:Indie Flower;text-align:left}.filter .filter-opt:focus-within{transform:scale(1.05) rotate(0) skew(5deg) translate(-2%,5%)!important}.filter .filter-opt:focus-within .filter-opt-container .clear-button{transform:skew(-3deg)}.filter .filter-opt:before{content:"";position:absolute;top:0;bottom:0;left:0;width:35px;background:radial-gradient(#fefc90 6px,transparent 7px) repeat-y;background-size:5vh 5vh;border-right:3px solid #D44147;box-sizing:border-box}.filter .filter-opt.filter-transition-enter{transform:translate(-10%,-150%) rotate(-15deg) skew(5deg)}.filter .filter-opt.filter-transition-enter-active{transform:translate(0) rotate(1deg) skew(2deg);transition:all .3s ease}.filter .filter-opt.filter-transition-enter-done{transform:rotate(1deg) skew(2deg);transition:all .3s ease}.filter .filter-opt.filter-transition-exit{transform:rotate(2deg) skew(2deg)}.filter .filter-opt.filter-transition-exit-active{transform:translate(200%,-10%) rotate(10deg) skew(2deg);transition:all .3s ease}.filter .filter-opt .filter-opt-container{position:relative;left:35px;width:calc(100% - 6vw);padding:1vh 1vw;font-size:3vh;display:flex;flex-direction:column}.filter .filter-opt .filter-opt-container ul{padding-left:2vw;margin:0;list-style:none}.filter .filter-opt .filter-opt-container ul li:before{content:"+ "}.filter .filter-opt .filter-opt-container .tabs{display:flex;align-items:center}.filter .filter-opt .filter-opt-container .tabs .tab{position:relative;padding:0 2vw;text-decoration:underline;cursor:pointer}.filter .filter-opt .filter-opt-container .tabs .tab.checked{font-weight:700;color:#282224;z-index:1}.filter .filter-opt .filter-opt-container .tabs .tab.checked .tab-content svg{opacity:.8;visibility:visible}.filter .filter-opt .filter-opt-container .tabs .tab.checked .tab-content svg .path2{stroke-dashoffset:0;z-index:2}.filter .filter-opt .filter-opt-container .tabs .tab .tab-content{display:flex;align-items:center}.filter .filter-opt .filter-opt-container .tabs .tab .tab-content svg{position:absolute;left:0;opacity:0;visibility:hidden;transform:scale(1.2)}.filter .filter-opt .filter-opt-container .tabs .tab .tab-content svg g{transform:scaleX(.5) translate(250px,-955px)}.filter .filter-opt .filter-opt-container .tabs .tab .tab-content svg g .path2{stroke-dasharray:1800;stroke-dashoffset:1800;transition:.5s all}.filter .filter-opt .filter-opt-container .checkbox{position:relative;cursor:pointer}.filter .filter-opt .filter-opt-container .checkbox.active:after{content:"v";position:absolute;left:0;transform:translate(.5vw,-.5vh) scale(1.5)}.filter .filter-opt .filter-opt-container .checkbox:hover{text-decoration:underline}.filter .filter-opt .filter-opt-container .checkbox:before{content:"[] "}.filter .filter-opt .filter-opt-container h3{margin:0;font-size:3.5vh;text-decoration:underline}.filter .filter-opt .filter-opt-container input{background-color:transparent;border:none;outline:none;max-width:90%;border-bottom:.1vh solid #282224;color:#282224;font-family:Indie Flower;font-size:3vh;height:2.5vh}.filter .filter-opt .filter-opt-container .clear-button{position:absolute;top:0;bottom:0;right:1vw;margin-top:auto;margin-bottom:auto;height:10vh;aspect-ratio:1/.65;animation:drop .5s ease .3s backwards}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#fff921 4%,#0856dc 5%,#0856dc 75%,#ff9d0f 76%);transform:skew(8deg) rotate(-2deg);transition:all .3s ease;filter:drop-shadow(0 5px 6px #a7a7a7);cursor:pointer}@media (hover: hover) and (pointer: fine){.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper:hover{transform:skew(8deg) rotate(3deg) scale(1.05)}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper:hover .text{color:#eb5252;transition:all .3s ease}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper:hover .text svg{background-color:#fdfffe}}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper:before{content:"";position:absolute;width:30%;height:10vh;border-radius:10px 0 0 15px;left:-30%;background-color:#fdfffe}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper .text{width:80%;font-family:Roboto,sans-serif;font-size:2.75vh;font-weight:700;color:#fdfffe;display:flex}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper .text svg{padding:.5vh;font-size:3.5vh;background-color:#eb5252;border-radius:50%;transform:rotate(5deg) translate(.5vw,-1vh);transition:all .3s ease;z-index:-1}.filter .filter-container{position:absolute;top:-6vh;left:-8vw;height:10vh;width:100%}.filter .filter-container .other-filters{position:absolute;top:12vh;left:-1.5vw;width:10vw;display:flex;flex-direction:column;align-items:end;transform:rotate(3deg);z-index:-1}.filter .filter-container .other-filters .tags{height:12.5vh;border-right:.5vw solid rgba(0,0,0,.1450980392);display:flex;flex-direction:column;align-items:flex-end}.filter .filter-container .other-filters .tags .tag{padding:.5vh 1vw;position:relative;left:0;display:flex;align-items:center;background-color:#ff9d0f;color:#282224;border-right:.5vw solid rgba(0,0,0,.1450980392);height:5vh;width:7vh;margin-bottom:.5vh;overflow:hidden;animation:extended .3s .4s ease backwards;transform-origin:right;transition:all .3s ease;transition-delay:.1s;cursor:pointer}.filter .filter-container .other-filters .tags .tag:before{content:"";position:absolute;top:0;bottom:0;left:1vw;margin-top:auto;margin-bottom:auto;border-radius:50%;box-shadow:inset 1px 1px 1px #00000080,inset 0 0 0 25px #f5e14b;width:3vh;height:3vh;display:inline-block}.filter .filter-container .other-filters .tags .tag .tag-content{position:relative;left:3.5vh;display:flex;align-items:center}.filter .filter-container .other-filters .tags .tag .tag-content svg{font-size:4vh}.filter .filter-container .other-filters .tags .tag .tag-content b{font-size:2.2vh;margin-left:1vw;width:0;opacity:0;transition:all .2s ease;transition-delay:.1s}.filter .filter-container .other-filters .tags .tag:active{transform:scaleX(1.05)}.filter .filter-container .other-filters .tags .tag.active{color:#fdfffe}.filter .filter-container .other-filters .tags .tag:hover{width:150%}.filter .filter-container .other-filters .tags .tag:hover b{opacity:1}.filter .filter-container .other-filters .tags .tag:first-child{background-color:#00e0f2;animation-delay:.5s}.filter .filter-container .other-filters .in-queue-icon{width:2.5vh;height:4.2vh;border:solid .4vh #0856dc;background:linear-gradient(#19e2ff 17%,#197ad1 65%,#0117ab);filter:grayscale(100);transform:rotate(-10deg) rotateY(0) skew(10deg);transition:all .5s ease}.filter .filter-container .other-filters .in-queue-icon.active{filter:none;transform:rotate(-10deg) rotateY(360deg) skew(10deg)}.filter .filter-container .top-container{transform:skew(10deg) rotate(-5deg);z-index:5}.filter .filter-container .top-container .search{position:absolute;top:0;left:0;height:6vh;display:flex;align-items:center;transform-origin:right;animation:roll 1s ease backwards .1s;transition:all .3s ease}.filter .filter-container .top-container .search:focus-within{transform:translate(-1%) translateY(1%) rotate(-1deg)}.filter .filter-container .top-container .search .filter-button{height:100%;border:none;background-color:#fdfffe;color:gray;border-radius:1vh/50%;padding-left:15px;cursor:pointer;transition:all .3s ease;margin-left:-30px}.filter .filter-container .top-container .search .filter-button svg{font-size:5vh}.filter .filter-container .top-container .search .filter-button:hover,.filter .filter-container .top-container .search .filter-button.active{background-color:#eb5252;color:#fdfffe}.filter .filter-container .top-container .search .search-wrapper{height:6vh;display:flex;align-items:center}.filter .filter-container .top-container .search .search-wrapper:before{content:"";width:0;height:0;border-top:3vh solid transparent;border-right:8vh solid #ffbf47;border-bottom:3vh solid transparent;transform:translate(5px)}.filter .filter-container .top-container .search .search-wrapper:after{content:"";width:25px;height:100%;border-radius:1vh/50%;background-color:#494948;transform:translate(-15px)}.filter .filter-container .top-container .search .search-wrapper .search-container{display:flex;align-items:center;justify-content:center;height:6vh;width:35vw;border-radius:1vh/50%;background-color:#fff921;z-index:2}.filter .filter-container .top-container .search .search-wrapper .search-container .search-input{display:flex;align-items:center;justify-content:space-between;border-top:solid .25vh rgba(114,114,114,.5019607843);border-bottom:solid .25vh rgba(114,114,114,.5019607843);width:100%;height:45%}.filter .filter-container .top-container .search .search-wrapper .search-container .search-input .search-button{background-color:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#72727280;transform:translateY(.3vh)}.filter .filter-container .top-container .search .search-wrapper .search-container .search-input .search-button svg{font-size:3.5vh}.filter .filter-container .top-container .search .search-wrapper .search-container .search-input .search-button:hover{color:#fdfffe;transform:scale(1.05)}.filter .filter-container .top-container .search .search-wrapper .search-container .search-input .search-field{width:100%;padding-left:1vw;background-color:transparent;font-size:2vh;font-weight:600;color:#282224;border:none;outline:none;transition:all .3s ease;animation:roll2 1s ease backwards .1s}.filter .filter-container .top-container .search .search-wrapper .search-container .search-input .search-field:disabled{text-decoration:line-through;color:#494948!important}.filter .un-match{color:#eb5252!important}@media only screen and (max-width: 768px){.filter .filter-container .other-filters{display:none}.filter .filter-container .top-container{transform:skew(2deg) rotate(-1deg)}.filter .filter-container .top-container .search{left:auto;right:-5vw}.filter .filter-container .top-container .search .search-container{width:50vw!important}.filter .filter-opt{right:auto}}@media only screen and (max-width: 768px) and (max-width: 576px){.filter .filter-opt{left:-2%;width:100%}}@media only screen and (max-width: 768px){.filter .filter-opt .filter-opt-container .clear-button{right:5vw}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper{transform:skew(0) rotate(-2deg) scale(.8)}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper:hover{transform:skew(0) rotate(3deg) scale(.85)}.filter .filter-opt .filter-opt-container .clear-button .clear-button-wrapper .text{font-size:3vh}}@keyframes roll{0%{transform:translate(10%) translateY(-100%) rotate(20deg) translateZ(0)}}@keyframes roll2{0%{transform:scaleY(.5) translateY(-100%) translateZ(0)}}@keyframes drop{0%{opacity:0;filter:brightness(0);transform:scale(3) translateY(-50%) translateZ(0)}50%{transform:scale(.9) translateY(1%) rotate(-1deg) translateZ(0)}}@keyframes extended{0%{transform:scaleX(0)}90%{transform:scaleX(1.05)}}.style-table tfoot{border-top:.4vh solid #ff9d0f}.style-table tfoot .add-play-list{font-size:2.6vh;font-style:italic;font-weight:700;overflow:hidden;white-space:nowrap;cursor:pointer}.style-table tfoot .add-play-list:hover span.play-list-clip{right:-1vw;transform:rotate(30deg)}.style-table tfoot .add-play-list:hover .current-list{right:5vw;box-shadow:1vw 1vh 10px #00000041}.style-table tfoot .add-play-list:hover .current-list.album{transform:scale(1.1) rotate(0) rotateY(360deg)}.style-table tfoot .add-play-list:hover .current-list.playlist{transform:scale(1.1) rotate(0) rotateY(0)}.style-table tfoot .add-play-list span.play-list-clip{right:.5vw;top:0;height:10vh;width:2.5vh;border-radius:20px;border:.6vh solid black;display:inline-block;position:absolute;transform:rotate(50deg);transition:all .3s ease}.style-table tfoot .add-play-list span.play-list-clip:after{width:1.5vh;height:5vh;content:" ";display:block;position:absolute;right:.5vh;top:1vh;border:.6vh solid black;border-bottom:0;border-radius:20px 20px 0 0}.style-table tfoot .add-play-list .current-list{position:absolute;visibility:hidden;top:-75%;right:2vw;transition:all .3s ease;transform:translate(-40%,200%) rotate(-25deg)}.style-table tfoot .add-play-list .current-list.album{visibility:visible;transform:rotate(10deg) rotateY(360deg)}.style-table tfoot .add-play-list .current-list.playlist{visibility:visible;transform:rotate(5deg) rotateY(0)}.style-table tfoot .add-play-list .current-list .title{position:absolute;bottom:40%;left:-5%;width:110%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#77dcdc;font-size:2.5vh;font-family:Indie Flower}.style-table tfoot .add-play-list .current-list img{height:17vh;aspect-ratio:1/1;object-fit:cover;padding:.7vh;background-color:#fdfffe}.style-table tfoot .count-container{padding-left:5vh;font-size:2.6vh;font-style:italic;font-weight:700;overflow:hidden;white-space:nowrap;color:#282224;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:-1}.style-table tfoot .count-container .current{position:relative;margin:0;font-size:5vh;color:#ff9d0f;transform:translate(-100%) rotate(-5deg);font-family:Indie Flower}.style-table tfoot .pagination-opt{position:absolute;bottom:0;left:calc(5% + 5vh);display:flex;flex-direction:column;font-family:Indie Flower;background:linear-gradient(-150deg,transparent 4vh,#f5e14b 0);color:#282224;border-radius:10px;transform:rotate(3deg);padding:1vh 1vw;text-align:left;aspect-ratio:1/1;line-height:175%;z-index:2}.style-table tfoot .pagination-opt:before{content:"";position:absolute;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,rgba(0,0,0,.2) 0,rgba(0,0,0,.4)) no-repeat 100% 0;width:4vh;height:9vh;transform:translateY(-4.2vh) rotate(-36deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em #00000026}.style-table tfoot .pagination-opt .toggle-load{cursor:pointer}.style-table tfoot .pagination-opt .toggle-load.active:after{content:"v";position:absolute;left:0;transform:translate(1.5vw,-.5vh) scale(1.5)}.style-table tfoot .pagination-opt .toggle-load:hover{text-decoration:underline}.style-table tfoot .pagination-opt .toggle-load:before{content:"[] "}.style-table tfoot .pagination-opt h3{margin:0;font-size:3.5vh;text-decoration:underline}.style-table tfoot .pagination-opt input{background-color:transparent;border:none;border-bottom:.1vh solid #282224;color:#282224;outline:none;width:10vw;font-family:Indie Flower;font-size:3.5vh;height:2.5vh}.style-table tfoot .pagination-opt:focus-within{bottom:30vh;transform:rotate(-2deg) scale(1.2)!important}.style-table tfoot .pagination-opt.opt-transition-enter{transform:translate(50%,200%) rotate(40deg)}.style-table tfoot .pagination-opt.opt-transition-enter-active,.style-table tfoot .pagination-opt.opt-transition-enter-done{transform:translate(0) rotate(3deg);transition:all .3s ease}.style-table tfoot .pagination-opt.opt-transition-exit{transform:translate(0) rotate(3deg)}.style-table tfoot .pagination-opt.opt-transition-exit-active{transform:translate(50%,500%) rotate(40deg);transition:all .3s ease}.style-table tfoot .tabs{display:flex;justify-content:space-between;position:relative;background-color:transparent;color:#fdfffe;text-align:center;font-size:2vh;font-style:italic;transform-origin:right;animation:sortPop .3s ease-in}.style-table tfoot .tabs .base{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff9d0f;opacity:.7;transform:skew(5deg);z-index:-1}.style-table tfoot .tabs .tab{display:flex;align-items:center;justify-content:center;height:6vh;width:33.33%;font-size:2.75vh;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease-in,background-color .15s ease-in;transform:skew(5deg);cursor:pointer}.style-table tfoot .tabs .tab.checked{font-weight:700;color:#282224;z-index:1}.style-table tfoot .tabs .tab.checked .tab-content svg{opacity:.8;visibility:visible}.style-table tfoot .tabs .tab.checked .tab-content svg .path2{stroke-dashoffset:0;z-index:2}.style-table tfoot .tabs .tab:hover{background-color:#ff9d0f;opacity:.9;mix-blend-mode:hard-light}.style-table tfoot .tabs .tab .tab-content{display:flex;align-items:center}.style-table tfoot .tabs .tab .tab-content svg{position:absolute;left:0;opacity:0;visibility:hidden}.style-table tfoot .tabs .tab .tab-content svg g{transform:scaleX(.5) translate(250px,-955px)}.style-table tfoot .tabs .tab .tab-content svg g .path2{stroke-dasharray:1800;stroke-dashoffset:1800;transition:.5s all}.style-table tfoot .tabs .tab:nth-child(3n+1).checked~.glider{transform:translate(0) skew(5deg)}.style-table tfoot .tabs .tab:nth-child(3n+2).checked~.glider{transform:translate(100%) skew(5deg)}.style-table tfoot .tabs .tab:nth-child(3n+3).checked~.glider{transform:translate(200%) skew(5deg)}.style-table tfoot .tabs .tab:nth-child(3n+4).checked~.glider{transform:translate(300%) skew(5deg)}.style-table tfoot .tabs .glider{position:absolute;top:-.35vh;left:-.5vw;display:flex;height:6vh;width:33.33%;background-color:#fdfffe;z-index:0;transform:skew(5deg);transition:.25s ease-out;animation:sortPop .3s .2s ease}.style-table tfoot .tabs .glider:before{content:"SORT";font-size:2vh;writing-mode:vertical-lr;text-orientation:vertical;background-color:#ff9d0f}.style-table tfoot th,.style-table tfoot td{overflow-y:hidden;overflow-x:visible}.style-table tfoot tr{color:#282224;text-align:center;font-size:3vh;table-layout:fixed;display:table;width:100%;transform:skew(10deg);margin-top:1vh}@media only screen and (max-width: 768px){.style-table tfoot .count-cell{width:25%}}.style-table tfoot .sort-cell{width:45%}@media only screen and (max-width: 768px){.style-table tfoot .sort-cell{display:none}}.style-table tfoot .list-cell{width:25%}@media only screen and (max-width: 768px){.style-table tfoot .list-cell{width:30%}}@keyframes sortPop{0%{transform:translate(200%) scaleX(.5)}}.song-row{color:#ff9d0f;background-color:transparent;border-bottom:.2vh dashed #ff9d0f;table-layout:fixed;display:table;width:100%;cursor:pointer;transform:skew(10deg) scaleX(1.005);transition:all .1s ease}.song-row th,.song-row td{padding:.75vh .75vw;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row th.queue-cell,.song-row td.queue-cell{padding:0;padding-left:.75vw;overflow-x:visible}.song-row th.queue-cell .queue-check,.song-row td.queue-cell .queue-check{overflow-x:visible}.song-row th.queue-cell .queue-check.active svg,.song-row td.queue-cell .queue-check.active svg{visibility:visible}.song-row th.queue-cell .queue-check.active svg .path1,.song-row td.queue-cell .queue-check.active svg .path1{stroke-dashoffset:0}.song-row th.queue-cell .queue-check svg,.song-row td.queue-cell .queue-check svg{height:3vh;width:3vh;visibility:hidden;vertical-align:middle;transition:.5s all}.song-row th.queue-cell .queue-check svg g,.song-row td.queue-cell .queue-check svg g{transform:translateY(-952px)!important}.song-row th.queue-cell .queue-check svg g .path1,.song-row td.queue-cell .queue-check svg g .path1{stroke-dasharray:400;stroke-dashoffset:400;transition:.5s all}.song-row th .action-container,.song-row td .action-container{display:flex;align-items:center;justify-content:center}.song-row th .action-container button,.song-row td .action-container button{color:#ff9d0f;background-color:transparent;border:.3vh solid #ff9d0f;display:flex;justify-content:center;align-items:center;height:4vh;margin-right:.2vw;cursor:pointer;transition:all .5s ease}.song-row th .action-container button .icon,.song-row td .action-container button .icon{font-size:3.5vh;transition:all .5s ease;animation:icon-spin .3s ease}.song-row th .action-container button.active:hover:first-child,.song-row td .action-container button.active:hover:first-child{background-color:#eb5252}.song-row th .action-container button.active:hover:first-child .icon,.song-row td .action-container button.active:hover:first-child .icon{transform:rotate(10deg)}.song-row th .action-container button:hover:first-child,.song-row td .action-container button:hover:first-child{background-color:#00e0f2}.song-row th .action-container button:hover:first-child .icon,.song-row td .action-container button:hover:first-child .icon{transform:rotate(10deg)}.song-row th .action-container button:hover:last-child,.song-row td .action-container button:hover:last-child{background-color:#f5e14b}.song-row th .action-container button:hover:last-child .icon,.song-row td .action-container button:hover:last-child .icon{transform:rotate(-10deg)}.song-row th .action-container button:first-child,.song-row td .action-container button:first-child{border-radius:33% 26% 44% 38%/25% 45% 39% 44%}.song-row th .action-container button:last-child,.song-row td .action-container button:last-child{border-radius:30% 26% 28% 21%/31% 27% 46% 38%}.song-row:before{content:"";position:absolute;left:0;background-color:#fdfffe;opacity:.5;z-index:-1;width:0%;height:90%;transform:scale(.95) skew(-7deg);transition:all .2s ease}.song-row:after{content:"";visibility:hidden;opacity:0;position:absolute;left:0;background-color:#00e0f2;z-index:-1;width:0%;height:90%;transform:scale(.95) skew(10deg);transition:all .2s ease}.song-row.active-row{font-weight:700!important;border-bottom:.4vh solid #ff9d0f!important;color:#111158!important;text-decoration:underline;transform:skew(10deg)}.song-row.active-row:after{visibility:visible;opacity:.5;width:100%}.song-row:hover{color:#282224!important;border-bottom-style:solid!important}.song-row:hover:before{width:100%}.song-row:nth-child(2n) .action-cell .action-container button:first-child{border-radius:39% 34% 40% 25%/32% 25% 30% 37%}.song-row:nth-child(2n) .action-cell .action-container button:last-child{border-radius:53% 47% 22% 26%/37% 33% 25% 15%}@media only screen and (max-width: 768px){.song-row .queue-button{display:none!important}}@keyframes icon-spin{0%{transform:translate(0) rotate(0) rotate(360deg)}50%{transform:translate(.25vw,.25vh) rotate(-180deg) rotate(360deg)}to{transform:translate(0) rotate(-360deg) rotate(360deg)}}.context{z-index:101}.context .context-menu{position:fixed;background-color:transparent;margin:0;padding:0;color:#000;transform:translate(-75%);perspective:700px;box-shadow:1vw 1vh 10px #00000041;animation:contextPop .3s ease 1;z-index:101}.context .context-menu .song-info{display:none;height:100%;padding:1vh 1vw;background-color:#fdfffe;color:#282224;text-align:left;font-size:2.5vh;font-family:Indie Flower;box-shadow:inset #0000001a 0 0 50px}.context .context-menu .song-info .title{margin:0;font-size:4vh;text-decoration:underline}.context .context-menu .song-info .artist{margin:0;font-size:2.75vh;color:#494948}.context .context-menu button{white-space:nowrap;width:110%;height:4.5vh;margin:0;padding:.5vh 1vw;background-color:#fdfffe;color:#282224;display:flex;justify-content:flex-start;align-items:center;border:none;outline:none;font-size:2.5vh;font-family:Indie Flower;cursor:pointer;transition:all .1s ease;position:relative;box-shadow:inset #0000001a 0 -20px 20px;transform-style:preserve-3d;animation:foldPaper .3s}.context .context-menu button:after{content:"";position:absolute;visibility:hidden;opacity:0;left:0;background-color:#fff921;z-index:-1;width:0%;height:50%;transform:scale(.95);transition:all .2s ease}.context .context-menu button:first-child{animation:none}.context .context-menu button:nth-child(2n){animation:foldPaper2 .3s}.context .context-menu button:hover{text-decoration:underline}.context .context-menu button:hover .icon{transform:rotate(1deg)}.context .context-menu button:active{color:#fdfffe}.context .context-menu button.active:after{visibility:visible;opacity:.5;width:90%;transform:scale(.95) skew(7deg)}.context .context-menu button.active:nth-child(2n):after{visibility:visible;opacity:.5;width:87%;transform:scale(.95) skew(-5deg)}.context .context-menu button .icon{font-size:3vh;margin-right:.5vw;transform:rotate(-5deg);transition:all .1s ease}.context .blur{display:none;background-color:#000;opacity:.5;position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:100}.context.context-transition-exit{opacity:1}.context.context-transition-exit .context-menu,.context.context-transition-exit .context-menu button{animation-direction:reverse}.context.context-transition-exit-active{opacity:0;transition:all .3s ease}@media only screen and (max-width: 576px){.context .context-menu{top:auto!important;bottom:0;left:0!important;width:100vw;height:60vh;display:flex;flex-direction:column;transform:none}.context .context-menu .song-info{display:block}.context .context-menu button{width:100%;height:100%}.context .blur{display:block}}@keyframes contextPop{0%{transform:scaleY(.8) rotate(5deg) translate(-65%)}}@keyframes foldPaper{0%{margin:-2vh 0;height:0;transform:translateY(-1%) rotateX(-45deg)}}@keyframes foldPaper2{0%{margin:-2vh 0;height:0;background-color:#494948;transform:translateY(-1%) rotateX(45deg)}}.quicklist-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:7}.quicklist-wrapper .quicklist-container{position:absolute;top:0;bottom:0;left:0;margin-top:auto;margin-bottom:auto;width:50%;height:70%;background-color:#0000ff9f}.quicklist-wrapper .quicklist-container .list-col{cursor:pointer}.quicklist-wrapper .quicklist-container .list-col:hover{color:red}.quicklist-wrapper .quicklist-container .list-col.active{background-color:red}.quicklist-wrapper .quicklist-shape{position:absolute;top:0;right:10%;width:60%;height:120%;background-color:#111158;opacity:.8;transform:rotate(30deg);z-index:-1}.song-list-container{display:flex;justify-content:flex-end;height:100%}.song-list-container .song-list{right:2vw;top:12.5dvh;max-width:85%;height:calc(100% - 10dvh);max-height:77dvh;z-index:4;padding:0 0 0 .95vw;transform:skew(-10deg);animation:songPop .5s ease-out backwards;position:relative;background:#fdfffe;background:linear-gradient(60deg,transparent 5vh,#fdfffe 0)}.song-list-container .song-list:after{content:"";position:absolute;z-index:-1;top:0;left:-1vw;right:0;bottom:-1vh;background:#fff921;box-shadow:2vh -2vw #ff9d0f;opacity:.5;transform:skewY(2deg) rotate(-2deg);animation:songPop2 .3s ease-out backwards;animation-delay:.2s}.song-list-container .song-list:before{content:"";position:absolute;z-index:1;bottom:0;left:0;background:linear-gradient(240deg,transparent 50%,#97ffcb 0,#caffe5 100%) 100% 0 no-repeat;width:5.7735026919vh;height:10vh;transform:scaleX(-1) rotateX(180deg) rotate(360deg);box-shadow:-.2em .2em .3em -.1em #00000026;cursor:pointer}.song-list-container .song-list .add-all{position:absolute;bottom:5.2vh;left:1.2vh;background-color:transparent;border:none;outline:none;color:#494948;cursor:pointer;transition:all .3s ease;transform:rotate(10deg);z-index:1}.song-list-container .song-list .add-all svg{font-size:3.5vh}.song-list-container .song-list .add-all:hover{color:#ff9d0f;transform:rotate(20deg)}.song-list-container .song-list:has(.add-all:hover):before{transform:scaleX(-1.1) rotateX(180deg) rotate(362deg);transition:all .3s ease}.song-list-container .song-list .spinner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.song-list-container .song-list .spinner div{position:absolute;width:100%;height:100%;background:#fdfffe;opacity:.5;padding-top:3vh;animation:spinner 1.4s steps(14,end) backwards infinite}.song-list-container .song-list .spinner div .dot{border-top:2vh dotted #f5e14b;box-sizing:border-box}.song-list-container .song-list .spinner div:nth-child(2){animation-delay:.15s;background:#fff921}.song-list-container .song-list .spinner div:nth-child(3){animation-delay:.31s}.song-list-container .song-list .spinner.spinner-transition-enter div{animation-iteration-count:infinite}.song-list-container .song-list .spinner.spinner-transition-exit div{animation-duration:.3s;animation-iteration-count:1}.song-list-container .song-list .spinner.spinner-transition-exit-active div{transform:translate(20%,-200%) rotate(50deg);transition:all .3s}.song-list-container .style-table{border-collapse:collapse;margin:2vh 0;font-size:2.6vh;font-family:sans-serif;background-color:transparent;min-width:45vw;height:95%}.song-list-container .style-table thead{border-top:2vh solid #f5e14b;border-top-style:dotted;border-bottom:.4vh solid #ff9d0f}.song-list-container .style-table thead th{padding-bottom:0}.song-list-container .style-table thead tr{color:#282224;text-align:center;font-size:3vh;font-style:italic;table-layout:fixed;display:table;width:100%;transform:skew(10deg)}.song-list-container .style-table tbody{overflow-y:auto;overflow-x:hidden;display:block;min-height:45dvh;height:100%;font-family:Indie Flower}.song-list-container .style-table tbody::-webkit-scrollbar-track{background-color:transparent}.song-list-container .style-table tbody::-webkit-scrollbar{width:8px;background-color:transparent}.song-list-container .style-table tbody::-webkit-scrollbar-thumb{background-color:#fdfffe;border:1px solid #ff9d0f}.song-list-container .style-table tbody::-webkit-scrollbar-track-piece{margin-top:6vh;background-color:#ff9d0f}.song-list-container .style-table tbody::-webkit-scrollbar-track-piece:start{margin-top:15vh}.song-list-container .style-table tbody tr{color:#ff9d0f;background-color:transparent;border-bottom:.2vh dashed #ff9d0f;table-layout:fixed;display:table;width:100%;transform:skew(10deg) scaleX(1.005)}.song-list-container .style-table tbody tr td{transform-origin:left;animation:rowPop .2s steps(12,end) backwards}.song-list-container .style-table tbody tr td:nth-child(3n+3){animation-delay:.1s}.song-list-container .style-table tbody tr td:nth-child(3n+4){animation-delay:.2s}.song-list-container .style-table tbody tr td.message{color:#282224}.song-list-container .style-table tbody tr td.error-msg{color:#eb5252}.song-list-container .style-table tbody tr td.clickable{cursor:pointer}.song-list-container .style-table tbody tr td.clickable:after{content:"";position:absolute;left:0;background-color:#fff921;opacity:.5;z-index:-1;width:0%;height:80%;transform:scale(.8,.95) skew(3deg);transition:all .2s ease}.song-list-container .style-table tbody tr td.clickable:hover{color:#494948}.song-list-container .style-table tbody tr td.clickable:hover:after{width:100%}.song-list-container .style-table .queue-cell{width:3%}.song-list-container .style-table .title-cell{width:47%}.song-list-container .style-table .artist-cell{width:30%}.song-list-container .style-table .action-cell{width:20%;overflow-x:visible}@media only screen and (max-width: 768px){.song-list-container .song-list{top:10.5vh;transform:skew(-2deg)}.song-list-container .song-list tr{transform:skew(2deg)}}@media only screen and (max-width: 768px) and (max-width: 576px){.song-list-container .song-list{right:0;max-width:95%}}@media only screen and (max-width: 768px){.song-list-container .title-cell{width:57%!important}.song-list-container .action-cell{width:10%!important}}@keyframes songPop{0%{transform:translate(120%,-100%) rotate(80deg) rotate(360deg)}}@keyframes songPop2{0%{transform:translate(5%,-5%) translateZ(0)}}@keyframes spinner{0%{transform:translate(20%,-200%) rotate(50deg)}50%,80%{transform:translate(0) rotate(0)}90%,to{transform:translate(20%,-200%) rotate(50deg)}}@keyframes rowPop{0%{clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);color:#282224;transform:translateZ(0)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:translateZ(0)}}.home-wrapper{flex-grow:1}.loading-indicator{position:fixed;bottom:0;right:0;animation:bobbingTV 1s ease-in-out alternate infinite;transition:all .2s;pointer-events:none;z-index:999}.loading-indicator .loading-img{height:24vh;transform:rotate(10deg)}.loading-indicator .back{position:absolute;top:7.5vh;left:0;right:0;margin-left:auto;margin-right:auto;background-color:#f5f5f5;box-shadow:inset 0 0 30px #000;width:16vh;height:12vh;transform:rotate(10deg) translate(-1.5vh);overflow:hidden;z-index:-1;animation:tvTurnOn .2s .1s}.loading-indicator .spiral{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;left:2vh;width:10vh;height:8vh;border:solid 1vh #00e0f2;border-left-width:1.5vh;border-right-width:.75vh;border-radius:30px 10% 10% 30px/20% 10% 40%;transform:skew(3deg) scale(2) rotate(0);animation:spiral 2s infinite linear}.loading-indicator .spiral:after{content:"";position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;left:-1.5vh;width:10vh;height:8vh;border:solid 1vh #282224;border-left-width:1.5vh;border-right-width:.75vh;border-radius:30px 10% 10% 30px/20% 10% 40%;transform:skew(3deg) rotate(.5deg)}.loading-indicator .spiral:before{content:"";position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;left:-1.5vh;width:10vh;height:8vh;border:solid 1vh #eb5252;border-left-width:1.5vh;border-right-width:.75vh;border-radius:30px 10% 10% 30px/20% 10% 40%;transform:skew(3deg) rotate(-.5deg);opacity:.2}.loading-indicator .spiral.spiral-2{animation-delay:.4s}.loading-indicator .spiral.spiral-3{animation-delay:.8s}.loading-indicator .spiral.spiral-4{animation-delay:1.2s}.loading-indicator .spiral.spiral-5{animation-delay:1.6s}.indicator-transition-enter{animation:none;transform:scale(0);opacity:0}.indicator-transition-enter-active{transform:scale(1.05);opacity:1}.indicator-transition-enter-done{transform:scale(1)}.indicator-transition-exit{animation:none;transform:scale(1.05)}.indicator-transition-exit-active{transform:scale(0)}@keyframes bobbingTV{0%{transform:translateY(0) rotate(360deg)}to{transform:translateY(.5vh) rotate(360deg)}}@keyframes tvTurnOn{0%{transform:rotate(10deg) translate(-1.5vh) scale(.05,.025)}50%{transform:rotate(10deg) translate(-1.5vh) scaleY(.025)}to{transform:rotate(10deg) translate(-1.5vh) scale(1)}}@keyframes spiral{0%{transform:skew(2deg) scale(0) rotate(60deg)}}.day-display-container{position:fixed;right:0;top:0;height:0;z-index:5}.rainbow{position:absolute;right:4vw;top:7vh;transform:translate(-15.5vh,-15.5vh);animation:rainbowPop .8s ease;z-index:10}.rainbow .rainbow-color{background-color:transparent;position:absolute;border-radius:50%;animation:rainbowWave 2.5s steps(25,jump-both) infinite;animation-fill-mode:backwards;animation-direction:alternate}.rainbow .rainbow-color-0{height:22vh;width:22vh;margin:3.25vh;border:1vh solid #eb5252;animation-delay:.9s}.rainbow .rainbow-color-1{height:24vh;width:24vh;margin:2.25vh;border:1vh solid #fdfffe;animation-delay:.8s}.rainbow .rainbow-color-2{height:26vh;width:26vh;margin:1.25vh;border:1vh solid #ff9d0f;animation-delay:.6s}.rainbow .rainbow-color-3{height:19vh;width:19vh;border:6vh solid #fff921;background-color:#ffffff7e;animation-delay:.4s}.day-shape{width:50vw;height:30vh;right:70vw;background-color:#fdfffe;z-index:9;transform:rotate(20deg) translateY(-32vh) translate(8vw);animation:dayShapePop .5s ease}.day-shape:before{content:"";position:absolute;width:50vw;height:30vh;background-color:#ff9d0f;transform:translate(-20vw) rotate(10deg);animation:dayShapePop2 .5s .15s ease backwards}.display-info{position:absolute;display:flex;align-items:center;justify-content:space-between;right:1.5vw;z-index:99;pointer-events:none}.display-info .day-info{text-align:right;margin-right:-1vw;animation:infoPop .5s ease}.display-info .day-info-2{display:flex;align-items:center;margin-top:.5vh}.display-info .day{position:relative;font-size:8vh;font-weight:500;margin:0;margin-right:1vw;color:#fdfffe;-webkit-text-stroke:.075em #282224}.display-info .weekday{margin:0;font-size:2.6vh;font-weight:500;border-radius:50%;background-color:#494948;color:#fdfffe;width:5vh;height:5vh;text-align:center;z-index:-1;transform:translate(.4vw,-1.5vh);animation:weekPop .8s ease}.display-info .current-time{position:relative;margin:-2.5vh 0;font-size:5vh;font-weight:600;color:#282224;-webkit-text-stroke:.05em #fdfffe;white-space:nowrap}.display-info .weather-icon{border-radius:50%;border:.8vh solid #fff921;background-color:#494948;color:#fff921;animation:infoPop .3s ease,weather 5s .35s steps(3,end) infinite;padding:.5vh;font-size:6vh}@media only screen and (max-width: 768px){.day-display-wrapper{display:none}}@keyframes weather{0%{transform:rotate(-15deg) translateZ(0)}50%{transform:rotate(15deg) translateZ(0)}to{transform:rotate(-15deg) translateZ(0)}}@keyframes rainbowWave{to{transform:scale(1.1) rotate(360deg)}}@keyframes rainbowPop{0%{transform:translate(0) scale(0) rotate(360deg)}to{transform:translate(-15.5vh,-15.5vh) scale(1) rotate(360deg)}}@keyframes weekPop{0%{transform:translate(4vw) rotate(150deg) rotate(360deg)}to{transform:translate(.4vw,-1.5vh) rotate(0) rotate(360deg)}}@keyframes dayShapePop{0%{transform:rotate(20deg) translateY(-32vh) translate(100%)}}@keyframes dayShapePop2{0%{transform:translate(-20vw) rotate(10deg) translate(-100%)}}@keyframes infoPop{0%{transform:scale(.1) rotate(-10deg) rotate(360deg)}to{transform:scale(1) rotate(0) rotate(360deg)}}.link-wrapper{position:relative;display:inline-block;padding:3.2vh 2vw;outline:none;outline-offset:.5vh}.link-wrapper .shape-wrapper{display:none;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.link-wrapper .text-wrapper{transform:rotate(-5deg);position:relative;top:0;bottom:0;left:0;right:0;margin:auto;white-space:nowrap}.link-wrapper:hover .shape-wrapper,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper) .shape-wrapper{transform:rotate(-5deg);display:block}.link-wrapper:hover .text-wrapper,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper) .text-wrapper{animation:tiltBounce .15s ease;animation-fill-mode:forwards;display:block}.link-wrapper:hover .text-wrapper:first-letter,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper) .text-wrapper:first-letter{color:#ff9d0f;font-size:7vh}.link-wrapper:hover .text-wrapper span:first-letter,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper) .text-wrapper span:first-letter{color:#ff9d0f;font-size:7vh}.link-wrapper:nth-child(2n):hover .text-wrapper,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper) .text-wrapper{transform:rotate(-2deg)}.link-wrapper:nth-child(2n):hover.active:not(:first-child:has(~.link-wrapper:hover)) .shape-wrapper,.link-wrapper:nth-child(2n):hover:hover .shape-wrapper,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper).active:not(:first-child:has(~.link-wrapper:hover)) .shape-wrapper,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper):hover .shape-wrapper{transform:rotate(11deg)}.link-wrapper:nth-child(2n):hover.active:not(:first-child:has(~.link-wrapper:hover)) .text-wrapper,.link-wrapper:nth-child(2n):hover:hover .text-wrapper,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper).active:not(:first-child:has(~.link-wrapper:hover)) .text-wrapper,.active:not(.link-wrapper:has(~.link-wrapper:hover),.link-wrapper:hover~.link-wrapper):hover .text-wrapper{animation:tiltBounceAlt .15s ease;animation-fill-mode:forwards}.text-wrapper{font-size:6vh;font-weight:600;line-height:0;position:relative;top:15px;left:0;z-index:99;display:block;-webkit-text-stroke:.1em #282224}.text-wrapper span{text-align:inherit;width:100%;position:absolute;left:0;-webkit-text-stroke:0;pointer-events:none}.shape-wrapper{width:100%}.shape-wrapper .shape{position:absolute;top:0;left:0;right:0;height:60px;transition:all .5s linear}.shape-wrapper .shape svg{position:absolute;left:0;top:0}.shape-wrapper .shape.second-fill{mix-blend-mode:screen;animation-delay:.05s;animation-duration:.8s;opacity:.7}.shape-wrapper .shape.first-fill{animation-duration:.9s;animation-delay:.08s;opacity:.8}.jelly{transform:scaleX(1.25) skew(2deg) translateY(3px) rotateX(-2deg) rotateY(-1deg);animation:jelly steps(10,end) infinite}@keyframes tiltBounce{0%{transform:scale(1) rotate(-7deg) rotate(360deg)}50%{transform:scale(1.5) rotate(-7deg) rotate(360deg)}to{transform:scale(1.15) rotate(-7deg) rotate(360deg)}}@keyframes tiltBounceAlt{0%{transform:scale(1) rotate(1deg) rotate(360deg)}50%{transform:scale(1.5) rotate(1deg) rotate(360deg)}to{transform:scale(1.15) rotate(1deg) rotate(360deg)}}@keyframes jelly{0%{transform:scaleX(1.25) skew(2deg) translateY(3px) rotateX(2deg) rotateY(1deg) rotate(360deg)}50%{transform:scale(1.25,1.05) skew(-1deg) translateY(-2px) translateZ(-10px) rotate(360deg)}to{transform:scaleX(1.25) skew(2deg) translateY(3px) rotateX(-2deg) rotateY(-1deg) rotate(360deg)}}.navbar{position:fixed;display:flex;z-index:99;pointer-events:none}.navbar .profile-wrapper{position:relative;top:.25vh;left:.25vw;cursor:pointer;animation:profilePop2 1.2s}.navbar .profile-wrapper.bottom{position:fixed;top:auto;bottom:.25vh;left:.25vw;animation:profilePop 1.2s}.navbar .profile-wrapper.bottom span{background-color:#8afe15}.navbar .profile-wrapper .profile-container{position:relative;display:grid;align-items:center;justify-items:center;transition:all .3s ease}@media (hover: hover) and (pointer: fine){.navbar .profile-wrapper .profile-container:hover{transform:scale(1.05)}.navbar .profile-wrapper .profile-container:hover #rotatingText{opacity:1;visibility:visible;animation-iteration-count:infinite}.navbar .profile-wrapper .profile-container:hover p{opacity:1;visibility:visible;bottom:5vh;right:0}.navbar .profile-wrapper .profile-container:hover span{opacity:1;visibility:visible}.navbar .profile-wrapper .profile-container:hover .avatar{box-shadow:1vh -.5vh #fff921}}.navbar .profile-wrapper .profile-container p{opacity:0;visibility:hidden;position:absolute;bottom:5vh;right:3vw;margin:0;font-size:2.25vh;font-weight:700;text-transform:uppercase;font-style:italic;color:#282224;-webkit-text-stroke:.03vh #fff921;transform:rotate(-10deg);transition:all .3s ease}.navbar .profile-wrapper .profile-container span{opacity:0;visibility:hidden;position:absolute;background-color:#fff921;height:11vh;width:11vh;border-radius:50%;transition:all .3s ease}.navbar .profile-wrapper .profile-container #rotatingText{opacity:0;visibility:hidden;animation:rotate-circle 5s linear 1;transition:opacity .5s;z-index:-1}.navbar .profile-wrapper .profile-container .text{font-weight:700;font-size:2.3rem;text-transform:uppercase;letter-spacing:-.5vh;fill:#ff9d0f;opacity:.75}.navbar .profile-wrapper .profile-container .avatar{position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#ff9d0f;box-shadow:.75vh -.25vh #fff921;height:6.5vh;width:6.5vh;padding:.5vh;transform:rotate(-10deg) translate(.5vh);pointer-events:all}.navbar .profile-wrapper .profile-container .avatar img{height:6.5vh;width:6.5vh;border:none;outline:none;animation:avatarPop .5s ease}.navbar .profile-wrapper .profile-container .avatar .icon{color:#fdfffe;font-size:5.5vh;transform:rotate(10deg);animation:buttonPop .5s ease}.navbar .navbar-container{position:relative;top:2vh;z-index:95}.navbar .navbar-container.navbar-transition-exit-active .tabs-list{opacity:0;transform:translate(-500%);transition:all .3s ease}.navbar .navbar-container .tabs-list{display:flex;pointer-events:all}.navbar .navbar-container .tabs-list .quick-tab{width:7vh;height:7vh;display:flex;align-items:center;justify-content:center;color:#ff9d0f;margin-right:.5vw;transform:scale(1);flex-direction:column;animation:tabPop .3s ease-out backwards;transition:all .3s ease;transition:color 0s}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+1){animation-delay:.1s}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+1):before{background-color:#fffa54;opacity:.4}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+2){animation-delay:.2s}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+2):before{background-color:#fffc87;opacity:.6}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+3){animation-delay:.3s}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+3):before{background-color:#fffdba;opacity:.8}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+4){animation-delay:.4s}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+4):before{background-color:#ffffed;opacity:1}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+5){animation-delay:.5s}.navbar .navbar-container .tabs-list .quick-tab:nth-child(3n+5):before{background-color:#fff;opacity:1.2}.navbar .navbar-container .tabs-list .quick-tab:nth-child(2n) label:after{border-right:60px solid transparent;border-left:2.5vw solid transparent;border-bottom:3vh solid #ff9d0f;border-top:1vh solid transparent}.navbar .navbar-container .tabs-list .quick-tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;transition:all .3s ease;z-index:-1}@media (hover: hover) and (pointer: fine){.navbar .navbar-container .tabs-list .quick-tab:hover{color:#fdfffe;transform:scale(1.05)}.navbar .navbar-container .tabs-list .quick-tab:hover:before{border-radius:50%;background-color:#fff921}.navbar .navbar-container .tabs-list .quick-tab:hover svg{transform:rotate(5deg) scale(1.3);transition:all .3s ease}.navbar .navbar-container .tabs-list .quick-tab:hover label{opacity:1;visibility:visible;transform:translate(0);text-shadow:.2vw -.2vh #282224}.navbar .navbar-container .tabs-list .quick-tab:hover label:after{opacity:.7;visibility:visible;transform:translate(0)}}.navbar .navbar-container .tabs-list .quick-tab.active{color:#fdfffe}.navbar .navbar-container .tabs-list .quick-tab.active:before{background-color:#ff9d0f}.navbar .navbar-container .tabs-list .quick-tab svg{font-size:3.5vh}.navbar .navbar-container .tabs-list .quick-tab label{opacity:0;visibility:hidden;width:auto;height:0;font-size:2.1vh;font-weight:500;transition:all .3s ease;pointer-events:none;transform:translate(-50px)}.navbar .navbar-container .tabs-list .quick-tab label:first-letter{color:#ff9d0f;font-size:3vh}.navbar .navbar-container .tabs-list .quick-tab label:after{content:"";top:0;left:0;opacity:0;visibility:hidden;position:absolute;border-right:60px solid transparent;border-left:2vw solid transparent;border-top:3vh solid #fdfffe;border-bottom:none;width:0;height:0;transition:all .3s ease;transform:translate(-100%);z-index:-1}@media only screen and (max-width: 768px){.navbar{flex-direction:column}.navbar .navbar-container{top:0;left:2vw}.navbar .navbar-container .tabs-list{flex-direction:column}.navbar .navbar-container .tabs-list .quick-tab{margin-right:0;margin-bottom:.5vh;flex-direction:row;animation:tabPop2 .3s ease-out backwards}.navbar .navbar-container .tabs-list .quick-tab label{width:0;height:auto;transform:translate(1vw)}}@media only screen and (max-width: 768px) and (max-width: 576px){.navbar{flex-direction:row}.navbar .navbar-container{position:fixed;top:auto;bottom:0;left:0}.navbar .navbar-container .tabs-list{flex-direction:row;align-items:center;justify-content:space-between;height:8dvh;width:85vw}.navbar .navbar-container .tabs-list .quick-tab{width:100%;margin:0;margin-right:1vw;flex-direction:column;justify-content:flex-start;color:#fdfffe}.navbar .navbar-container .tabs-list .quick-tab.active svg{color:#ff9d0f}.navbar .navbar-container .tabs-list .quick-tab:before{display:none}.navbar .navbar-container .tabs-list .quick-tab label{height:0;width:auto;opacity:1;visibility:visible;font-size:1.75vh;font-weight:300;transform:translate(0)}.navbar .navbar-container .tabs-list .quick-tab label:after{top:auto;bottom:-3vh}.navbar .navbar-container .tabs-list .quick-tab label:first-letter{color:inherit;font-size:inherit}.navbar .profile-wrapper{top:0%;left:0%}.navbar .profile-wrapper .profile-container{transform:scale(.85);z-index:5;transition:z-index 0s;left:-4vw;top:-1vh}.navbar .profile-wrapper .profile-container:hover{transform:scale(.87)}.navbar .profile-wrapper.bottom .profile-container{z-index:99;left:auto;top:auto}}@keyframes rotate-circle{to{transform:rotate(-1turn)}}@keyframes profilePop{0%{transform:translateY(-80vh) rotate(30deg) translateZ(0)}33%{transform:translateY(2vh) rotate(-10deg) translateZ(0)}66%{transform:translateY(-1vh) rotate(8deg) translateZ(0)}to{transform:rotate(0) translateZ(0)}}@keyframes profilePop2{0%{transform:translateY(80vh) rotate(30deg) translateZ(0)}33%{transform:translateY(-2vh) rotate(-10deg) translateZ(0)}66%{transform:translateY(1vh) rotate(8deg) translateZ(0)}to{transform:rotate(0) translateZ(0)}}@keyframes tabPop{0%{transform:translateY(-200%) rotate(-90deg)}}@keyframes tabPop2{0%{transform:translate(-300%) rotate(-90deg)}}.sidepanel-transition-enter{width:0}.sidepanel-transition-enter-active{width:22.5vw;transition:all .1s}.sidepanel-transition-enter-done{width:22.5vw}.sidepanel-transition-exit{width:22.5vw;left:0}.sidepanel-transition-exit .day-display{opacity:1}.sidepanel-transition-exit-active{width:0;left:-200vw;transition:all .1s}.sidepanel-transition-exit-active .day-display{opacity:0;transition:all .1s}.sidepanel-container{position:relative;height:100dvh;overflow-x:visible}.sidepanel-container .logout-button{position:absolute;bottom:5%;left:14vh;text-transform:uppercase;font-size:1em;font-weight:500;color:#fdfffe;text-shadow:.1em -.1em #282224;transition:all .1s ease;animation:logoutPop .2s .1s backwards ease;cursor:pointer;z-index:10}.sidepanel-container .logout-button:first-letter{color:#ff9d0f;font-size:1.1em}.sidepanel-container .logout-button:hover{transform:rotate(3deg) scale(1.1)}.sidepanel-container .logout-button:hover:after{opacity:.7;left:0}.sidepanel-container .logout-button:after{content:"";top:0;left:-100%;opacity:0;position:absolute;border-right:60px solid transparent;border-left:2vw solid transparent;border-top:3vh solid #fdfffe;border-bottom:none;width:0;height:0;transition:all .1s ease;z-index:-1}.sidepanel-container .day-display{position:relative;z-index:10}.sidepanel-container .sidepanel{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .1s ease;clip-path:polygon(0 0,100% 0,65% 100%,0% 100%);animation:panelPop .2s ease;z-index:10}.sidepanel-container .sidepanel:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff921;transition:all .1s ease}.sidepanel-container .sidepanel.under{width:100vw!important;clip-path:none;z-index:1;pointer-events:none}.sidepanel-container .sidepanel.under:before{background-color:transparent}.sidepanel-container .sidepanel.under .overlay-wrapper{overflow:visible}.title-name{position:fixed;z-index:2}.title-name h1{writing-mode:vertical-rl;text-orientation:vertical;position:fixed;top:0;left:0;margin:0;margin-left:-3vh;font-size:12vh;font-weight:750;letter-spacing:-1vh;color:#fdfffe;animation:titlePop2 .5s ease-in-out;pointer-events:none}.title-name .title-shape{position:fixed;top:-17vh;left:-25vh;width:30vh;height:60vh;background-color:#ff9d0f;transform:rotate(25deg);z-index:-1;animation:panelPop4 .3s ease}.title-name .title-shape:before{content:"";position:absolute;top:0;left:0;width:30vh;height:30vh;background-color:#fff921;transform:rotate(20deg);animation:panelPop5 .3s ease backwards .1s}.close{position:absolute;left:8%;top:-10%;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-end;color:#fdfffe;transform:rotate(4deg) skewY(10deg);transition:all .3s ease;animation:closePop .4s ease .2s backwards;z-index:2}.close:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;clip-path:polygon(0 0,100% 0,65% 100%,0% 100%);background-color:#ff9d0f;opacity:.8;z-index:-99}.close span{writing-mode:vertical-rl;margin:0;font-size:5vh;font-weight:500;transform:rotate(186deg) translate(-10%,-5vh);z-index:99;cursor:pointer;pointer-events:auto}.close span .icon{font-size:7vh}.close:has(span:hover){transform:rotate(5deg) skewY(5deg)}.panel-title{position:absolute;bottom:-13%;right:-10vw;height:20vh;width:30vw;background-color:#00e0f2;z-index:2;transform:rotate(30deg);animation:titlePop .2s backwards .2s}.panel-title span{position:absolute;top:-4.5vh;left:0;right:0;margin-left:auto;margin-right:auto;text-transform:capitalize;font-size:4.5vh;font-weight:700;white-space:nowrap}.button-list{position:absolute;left:3.5vw;top:37.5vh;z-index:99;transform:scale(1) rotate(10deg);animation:buttonListPop .3s ease .3s backwards}.overlay-wrapper{height:100%;mix-blend-mode:darken}.overlay-wrapper .overlay-container{position:absolute;top:0;left:0;height:100%;overflow-x:visible}.overlay-wrapper .overlay-container .overlay-panel-img{position:absolute;top:0;left:0;height:100%;object-fit:cover;object-position:top left;opacity:.5;animation:slots .3s .1s steps(6,end) backwards}.overlay-wrapper .overlay-container .overlay-panel-img.img-shadow{opacity:.3;filter:drop-shadow(1.5vw 1.5vh #ff9d0f);animation:shadowPop .3s .3s backwards,slots .3s .1s steps(6,end) backwards}.overlay-wrapper .overlay-container .overlay-panel-img.img-shadow.anonymous{animation:imgGlitch .6s steps(2,end) infinite,slots .3s .1s steps(6,end) backwards;filter:brightness(0);opacity:.7}@media only screen and (max-width: 768px){.panel .sidepanel-container{position:fixed;z-index:98;width:40vw;transition:all 0s}.panel .sidepanel-container .sidepanel.under{width:100vw!important;pointer-events:all}.panel .sidepanel-container .sidepanel.under:before{background:linear-gradient(90deg,#0b5948,#0b5948 3%,#b5dc3e 3%,#b5dc3e 9%,#79cce5 9.2%,#79cce5 17%,#e9ecf3 17.2%,#e9ecf3 19%,#ecd800 19.2%,#ecd800 23%,#e0e7d3 23.2%,#e0e7d3 25%,#ee5716 25.2%,#ee5716 28%,#fffa77 28.2%,#fffa77 36%,#2aaa48 36.2%,#2aaa48 38%,#abd12f 38.2%,#abd12f 43%,#fa5228 43.2%,#fa5228 46%,#f7a529 46.2%,#f7a529 53%,#e9e613 53.2%,#e9e613 68%,#fff67b 68.2%,#fff67b 70%,#e9e613 70.2%,#e9e613 72%,#fff67b 72.2%,#fff67b 78%,#56762c 78.2%,#56762c 81%,#b9db2f 81.2%,#b9db2f 87%,#939a32 87.2%,#939a32 90%,#edf5fd 90.2%,#edf5fd 93%,#ea0008 93.2%,#ea0008 97%,#e5011f 97.2%,#e5011f);opacity:.8}.panel .sidepanel-container .overlay-panel-img.img-shadow{opacity:.6}.panel .sidepanel-container .button-list{left:auto;right:0;margin-left:auto;margin-right:auto;display:flex;flex-direction:column}.panel .sidepanel-container .panel-title{left:0;height:20vh;width:100vw;transform:rotate(0)}.panel .sidepanel-container .panel-title span{right:0;left:auto;font-size:6vh}}@media only screen and (max-width: 768px) and (max-width: 576px){.panel .sidepanel-container{width:55vw}.panel .sidepanel-container .button-list{left:30%;right:auto}.panel .sidepanel-container .panel-title{bottom:auto;top:0;left:auto;right:-45vw;height:0;width:100dvh;height:1vh;background-color:transparent;transform:rotate(-90deg);transform-origin:right}.panel .sidepanel-container .panel-title span{right:auto;left:3vh;top:-6.5vh}}@media only screen and (max-width: 768px){.panel .title-name h1{writing-mode:horizontal-tb;top:-3vh;left:5vw;font-size:10vh;animation:titlePop3 .5s ease-in-out}}@keyframes imgGlitch{0%{clip-path:polygon(0% 0%,70.99% 0%,70.99% 3.31%,100% 3.31%,100% 10.23%,66.81% 10.23%,66.81% 16.24%,100% 16.24%,100% 33.31%,93.39% 33.31%,93.16% 45.5%,100% 45.67%,99.88% 50.72%,90.06% 50.49%,89.93% 55.78%,97.99% 55.97%,97.65% 70.46%,100% 70.41%,100% 84.09%,93.88% 84.09%,93.88% 89.07%,91.54% 89.07%,91.54% 100%,0% 100%)}50%{clip-path:polygon(0% 0%,87.49% 0%,87.49% 8.14%,100% 8.14%,100% 20.73%,81.14% 20.73%,81.14% 23.23%,62.42% 23.23%,62.42% 26.41%,100% 26.41%,100% 42.31%,45.73% 42.14%,45.73% 43.78%,94.65% 43.93%,94.64% 48.54%,100% 48.54%,100% 70.66%,47.42% 70.66%,47.32% 74.27%,59.74% 74.1%,59.88% 84.29%,72.51% 84.11%,72.51% 100%,0% 100%)}to{clip-path:polygon(0% 0%,66.5% 0%,66.5% 7.49%,88.65% 7.49%,88.65% 15.37%,100% 15.37%,100% 24.81%,58.81% 24.81%,58.81% 31.12%,82.05% 31.12%,82.05% 38.31%,100% 38.31%,100% 48.74%,89.66% 48.74%,89.66% 59.33%,96.14% 59.33%,96.14% 73.84%,74.43% 73.84%,74.43% 79.75%,100% 79.75%,100% 91.5%,88.65% 91.5%,88.75% 100%,0% 100%)}}@keyframes panelPop{0%{transform:translateY(150%)}}@keyframes panelPop4{0%{transform:rotate(25deg) translateY(-100%)}}@keyframes panelPop5{0%{transform:rotate(20deg) translateY(200%)}}@keyframes titlePop{0%{right:200%;height:0}}@keyframes titlePop2{0%{transform:translateY(500%)}}@keyframes titlePop3{0%{transform:translate(500%)}}@keyframes closePop{0%{transform:rotate(0) skewY(0) translateY(-200%)}}@keyframes shadowPop{0%{filter:drop-shadow(0 0 #ff9d0f)}}@keyframes buttonPop{0%{transform:rotateY(90deg) rotate(10deg)}}@keyframes avatarPop{0%{transform:rotateY(90deg)}}@keyframes buttonListPop{0%{transform:scale(0) rotate(0)}}@keyframes logoutPop{0%{transform:translate(-20vw)}}@keyframes slots{0%{clip-path:polygon(0% 0%,0% 0%,0% 100%,10% 100%,10% 0%,10% 0%,10% 100%,20% 100%,20% 0%,20% 0%,20% 100%,85% 100%,85% 0%,85% 0%,85% 100%,90% 100%,90% 0%,90% 0%,90% 100%,100% 100%,100% 0%,100% 0%,100% 100%,95% 100%,95% 0%,95% 0%,95% 100%,0% 100%);transform:translateZ(0)}33%{clip-path:polygon(0% 0%,10% 0%,10% 100%,15% 100%,15% 0%,20% 0%,20% 100%,30% 100%,30% 0%,25% 0%,25% 100%,60% 100%,60% 0%,70% 0%,70% 100%,75% 100%,75% 0%,80% 0%,80% 100%,90% 100%,90% 0%,100% 0%,100% 100%,85% 100%,85% 0%,88% 0%,88% 100%,0% 100%);transform:translateZ(0)}66%{clip-path:polygon(10% 0%,15% 0%,15% 100%,20% 100%,20% 0%,30% 0%,30% 100%,45% 100%,45% 0%,47% 0%,47% 100%,50% 100%,50% 0%,60% 0%,60% 100%,65% 100%,65% 0%,70% 0%,70% 100%,90% 100%,90% 0%,95% 0%,95% 100%,75% 100%,75% 0%,80% 0%,80% 100%,10% 100%);transform:translateZ(0)}to{clip-path:polygon(0% 0%,20% 0%,20% 100%,20% 100%,20% 0%,30% 0%,30% 100%,30% 100%,30% 0%,40% 0%,40% 100%,40% 100%,40% 0%,50% 0%,50% 100%,50% 100%,50% 0%,60% 0%,60% 100%,70% 100%,70% 0%,100% 0%,100% 100%,55% 100%,55% 0%,70% 0%,70% 100%,0% 100%);transform:translateZ(0)}}.background-container .random-shape{position:absolute;width:100vw;height:100dvh;top:0;right:0;overflow:hidden;background-color:#f5e14b;background-image:url(/assets/disco-B8hf_30r.png);background-size:cover;background-blend-mode:lighten;background-clip:padding-box;animation:shapePop .3s ease;transition:all .1s ease-in-out}.background-container .random-shape .lines-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;perspective:900px}.background-container .random-shape .lines-wrapper .lines-container{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100vw;height:40vh;backface-visibility:hidden}.background-container .random-shape .lines-wrapper .lines-container .lines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0b5948,#0b5948 3%,#b5dc3e 3%,#b5dc3e 9%,#79cce5 9.2%,#79cce5 17%,#e9ecf3 17.2%,#e9ecf3 19%,#ecd800 19.2%,#ecd800 23%,#e0e7d3 23.2%,#e0e7d3 25%,#ee5716 25.2%,#ee5716 28%,#fffa77 28.2%,#fffa77 36%,#2aaa48 36.2%,#2aaa48 38%,#abd12f 38.2%,#abd12f 43%,#fa5228 43.2%,#fa5228 46%,#f7a529 46.2%,#f7a529 53%,#e9e613 53.2%,#e9e613 68%,#fff67b 68.2%,#fff67b 70%,#e9e613 70.2%,#e9e613 72%,#fff67b 72.2%,#fff67b 78%,#56762c 78.2%,#56762c 81%,#b9db2f 81.2%,#b9db2f 87%,#939a32 87.2%,#939a32 90%,#edf5fd 90.2%,#edf5fd 93%,#ea0008 93.2%,#ea0008 97%,#e5011f 97.2%,#e5011f);opacity:.7;animation:linesPop .5s linear}.background-container .random-shape .line-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;perspective:900px}.background-container .random-shape .line-wrapper .line-container{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transition:all .3s ease}.background-container .random-shape .line-wrapper .line-container .line{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-color:#fdfffe;opacity:.7;animation:linesPop 1s linear backwards}.background-container.home-style .random-shape{border-bottom:6vh solid #fdfffe;border-bottom-right-radius:50%}.background-container.home-style .random-shape .lines-wrapper .lines-container{transform:rotateX(70deg) rotate(140deg) translateY(-40%) scaleX(20) translateZ(0)}.background-container.home-style .random-shape .lines-wrapper .lines-container .lines{animation:linesPop 1.5s -.5s linear}.background-container.home-style .random-shape .line-wrapper .line-container{transform:rotateX(70deg) rotate(40deg) translate(-150%) translateZ(0)}.background-container.home-style .random-shape .line-wrapper .line-container .line{width:300vw;height:15vh}.background-container.alt-style .random-shape{left:0;right:auto;border-bottom:1vh solid #fdfffe;border-right:6vh solid #fdfffe;border-radius:0% 0% 26%/0% 0% 75%;transform:scale(1.01) translateZ(0);background-position:100% 100%}.background-container.alt-style .random-shape .lines-wrapper .lines-container{left:15%;bottom:auto;right:auto}.background-container.alt-style .random-shape .lines-wrapper .lines-container .lines{width:40vw;height:100dvh;background:linear-gradient(to left,#0b5948,#0b5948 3%,#b5dc3e 3%,#b5dc3e 9%,#79cce5 9.2%,#79cce5 17%,#e9ecf3 17.2%,#e9ecf3 19%,#ecd800 19.2%,#ecd800 23%,#e0e7d3 23.2%,#e0e7d3 25%,#ee5716 25.2%,#ee5716 28%,#fffa77 28.2%,#fffa77 36%,#2aaa48 36.2%,#2aaa48 38%,#abd12f 38.2%,#abd12f 43%,#fa5228 43.2%,#fa5228 46%,#f7a529 46.2%,#f7a529 53%,#e9e613 53.2%,#e9e613 68%,#fff67b 68.2%,#fff67b 70%,#e9e613 70.2%,#e9e613 72%,#fff67b 72.2%,#fff67b 78%,#56762c 78.2%,#56762c 81%,#b9db2f 81.2%,#b9db2f 87%,#939a32 87.2%,#939a32 90%,#edf5fd 90.2%,#edf5fd 93%,#ea0008 93.2%,#ea0008 97%,#e5011f 97.2%,#e5011f);animation:slots .3s steps(6,end),linesPop2 .3s linear}.background-container.alt-style .random-shape .line-wrapper .line-container{left:auto;right:-32%}.background-container.alt-style .random-shape .line-wrapper .line-container .line{height:100dvh;width:7vw}.background-container.login-style .random-shape{transform:rotate(-5deg) scale(1.2) translateZ(0)}.background-container.login-style .random-shape .lines-wrapper .lines-container{bottom:-60%;height:35vw}.background-container.login-style .random-shape .lines-wrapper .lines-container .lines{width:auto;aspect-ratio:1/1;background-image:radial-gradient(ellipse at center,transparent 0%,transparent 40%,#fff921 40.2%,#fff921 48%,#eb5252 48.2%,#eb5252 50%,#fff921 50.2%,#fff921 55%,#edf5fd 55.2%,#edf5fd 56%,#fff921 56.2%,#fff921 59%,#b5dc3e 59.2%,#b5dc3e 61%,#fff921 61.2%,#fff921 62%,#b9db2f 62.2%,#b9db2f 71%,#edf5fd 71.2%,#edf5fd 72%,#ff9d0f 72.2%,#ff9d0f 75%,#fff921 75.2%,#fff921 78%,#ff9d0f 78.2%,#ff9d0f 81.5%,#ff1e00 81.7%,#ff1e00 83%,#ff9d0f 83.2%,#ff9d0f 90%,#fff921 90.2%,#fff921 100%);border-radius:50%;animation:linesPop3 .4s .2s backwards ease}.background-container.login-style .random-shape .line-wrapper .line-container{left:10%;transform:rotateX(80deg) rotate(140deg) translate(-150%,10%) translateZ(0)}.background-container.login-style .random-shape .line-wrapper .line-container .line{width:300vw;height:25vh}.background-container.signup-style .random-shape{transform:rotate(-2deg) scale(1.15) translateZ(0);background-position:100% 100%}.background-container.signup-style .random-shape .lines-wrapper .lines-container{top:50%;right:-65%;left:auto;height:45vw}.background-container.signup-style .random-shape .lines-wrapper .lines-container .lines{width:auto;aspect-ratio:1/1;border-radius:50%;background-image:radial-gradient(ellipse at center,transparent 0%,transparent 40%,#fff921 40.2%,#fff921 48%,#eb5252 48.2%,#eb5252 50%,#fff921 50.2%,#fff921 55%,#edf5fd 55.2%,#edf5fd 56%,#fff921 56.2%,#fff921 59%,#b5dc3e 59.2%,#b5dc3e 61%,#fff921 61.2%,#fff921 62%,#b9db2f 62.2%,#b9db2f 71%,#edf5fd 71.2%,#edf5fd 72%,#ff9d0f 72.2%,#ff9d0f 75%,#fff921 75.2%,#fff921 78%,#ff9d0f 78.2%,#ff9d0f 81.5%,#ff1e00 81.7%,#ff1e00 83%,#ff9d0f 83.2%,#ff9d0f 90%,#fff921 90.2%,#fff921 100%);animation:linesPop3 .4s .2s backwards ease}.background-container.signup-style .random-shape .line-wrapper .line-container{transform:rotateY(-10deg) rotateX(60deg) rotate(23deg) translate(-80%) translateZ(0)}.background-container.signup-style .random-shape .line-wrapper .line-container .line{width:200vw;height:25vh}.background-container.profile-style .random-shape{left:0;right:auto;border-bottom:1vh solid #fdfffe;border-right:6vh solid #fdfffe;border-radius:0% 0% 26%/0% 0% 75%;transform:scale(1.01) translateZ(0);background-position:100% 100%}.background-container.profile-style .random-shape .lines-wrapper .lines-container{bottom:auto}.background-container.profile-style .random-shape .lines-wrapper .lines-container .lines{position:absolute;right:0;left:auto;width:30vw;height:100dvh;background:linear-gradient(to left,#0b5948,#0b5948 3%,#b5dc3e 3%,#b5dc3e 9%,#79cce5 9.2%,#79cce5 17%,#e9ecf3 17.2%,#e9ecf3 19%,#ecd800 19.2%,#ecd800 23%,#e0e7d3 23.2%,#e0e7d3 25%,#ee5716 25.2%,#ee5716 28%,#fffa77 28.2%,#fffa77 36%,#2aaa48 36.2%,#2aaa48 38%,#abd12f 38.2%,#abd12f 43%,#fa5228 43.2%,#fa5228 46%,#f7a529 46.2%,#f7a529 53%,#e9e613 53.2%,#e9e613 68%,#fff67b 68.2%,#fff67b 70%,#e9e613 70.2%,#e9e613 72%,#fff67b 72.2%,#fff67b 78%,#56762c 78.2%,#56762c 81%,#b9db2f 81.2%,#b9db2f 87%,#939a32 87.2%,#939a32 90%,#edf5fd 90.2%,#edf5fd 93%,#ea0008 93.2%,#ea0008 97%,#e5011f 97.2%,#e5011f);animation:slots .3s steps(6,end),linesPop2 .3s linear}.background-container.profile-style .random-shape .line-wrapper .line-container{left:auto;right:0%}.background-container.profile-style .random-shape .line-wrapper .line-container .line{height:100dvh;width:7vw}@media only screen and (max-width: 576px){.background-container .random-shape{border-radius:0%!important;border:none!important;transition:all 0s!important}}@keyframes linesPop{0%{transform:translate(200%) translateZ(0)}}@keyframes linesPop2{0%{transform:scaleX(5) translateZ(0)}}@keyframes linesPop3{0%{transform:scale(0) translateZ(0)}}.queue-context{z-index:101}.queue-context.context-transition-enter .context-menu{transform:scaleX(0) translate(-65%)}.queue-context.context-transition-enter .context-menu.more{transform:scaleX(1) translate(-74%) translateY(-109%)}.queue-context.context-transition-enter-active .context-menu{transform:scaleX(1.01) translate(-76%)}.queue-context.context-transition-enter-active .context-menu.more{transform:scaleX(1.01) translate(-76%) translateY(-111%)}.queue-context.context-transition-exit .context-menu{transform:scaleX(1.01) translate(-76%);opacity:1}.queue-context.context-transition-exit .context-menu.more{transform:scaleX(1.01) translate(-76%) translateY(-111%)}.queue-context.context-transition-exit-active .context-menu{transform:scaleX(1) translate(-74%);opacity:0}.queue-context.context-transition-exit-active .context-menu.more{transform:scaleX(1) translate(-74%) translateY(-109%)}.queue-context .context-menu{position:fixed;transform:translate(-75%);margin:0;background-color:#fdfffe;box-shadow:-.4vw -.45vh #eb5252;border:.5 solid black;padding:.25vh 0;transition:all .2s ease;transform-origin:right;font-size:2.25vh;z-index:101}.queue-context .context-menu.more{transform:translate(-75%) translateY(-110%)}.queue-context .context-menu:has(:hover){background-color:#111158;box-shadow:-.4vw -.45vh #70fffe}.queue-context .context-menu:has(:hover) button{color:#fdfffe}.queue-context .context-menu:has(:hover) .song-info .title{color:#fdfffe}.queue-context .context-menu .song-info{display:none;height:100%;padding:1vh 1vw;color:#111158;text-align:left;font-size:2.5vh}.queue-context .context-menu .song-info .title{margin:0;font-size:1.75em;text-decoration:underline}.queue-context .context-menu .song-info .artist{margin:0;font-size:1.25em;color:#494948}.queue-context .context-menu button{white-space:nowrap;width:110%;height:4.5vh;margin:0;padding:.5vh 1vw;background-color:transparent;color:#111158;display:flex;justify-content:flex-start;align-items:center;border:none;outline:none;font-size:.9em;font-weight:550;text-transform:uppercase;transition:all .2s ease;position:relative;cursor:pointer}.queue-context .context-menu button.active{color:#0856dc;text-decoration:underline}@media (hover: hover) and (pointer: fine){.queue-context .context-menu button:hover{color:#eb5252}.queue-context .context-menu button:hover svg{transform:rotate(1deg)}}.queue-context .context-menu button:disabled{color:#a8a8a8}.queue-context .context-menu button:disabled:hover{color:#a8a8a8}.queue-context .context-menu button:active{color:#fdfffe}.queue-context .context-menu button svg{font-size:1.75em;margin-right:.5vw;transform:rotate(-5deg);transition:all .1s ease}.queue-context .blur{display:none;background-color:#000;opacity:.5;position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:100}@media only screen and (max-width: 576px){.queue-context.context-transition-enter .context-menu,.queue-context.context-transition-enter .context-menu.more{transform:scaleY(0) translateY(65%)}.queue-context.context-transition-enter-active .context-menu,.queue-context.context-transition-enter-active .context-menu.more{transform:scaleY(1.01) translateY(-1%)}.queue-context.context-transition-exit .context-menu,.queue-context.context-transition-exit .context-menu.more{transform:scaleY(1.01) translateY(-1%);opacity:1}.queue-context.context-transition-exit-active .context-menu,.queue-context.context-transition-exit-active .context-menu.more{transform:scaleY(1) translateY(65%);opacity:0}.queue-context .context-menu{top:auto!important;bottom:0;left:0!important;width:100vw;height:60vh;display:flex;flex-direction:column;transform:none}.queue-context .context-menu.more{transform:none}.queue-context .context-menu .song-info{display:block}.queue-context .context-menu button{width:100%;height:100%}.queue-context .blur{display:block}}.visualizer-canvas{position:absolute;bottom:-1vh;left:0;transform:rotate(1deg) skew(-1deg);width:100%;height:100%}.audio-display-button.next-up .player-image-wrapper:before{opacity:1;visibility:visible;transform:scale(1)}.audio-display-button.next-up .player-image-wrapper .player-image-container{animation-play-state:paused}.audio-display-button.next-up .player-image-wrapper .player-image-container .audio-player-img{filter:drop-shadow(-.75vw 1.25vh #111158);transition:filter .3s ease}.audio-display-button.next-up .player-button-wrapper:before{opacity:1;visibility:visible;transform:scale(1)}.audio-display-button.next-up .player-button-wrapper .player-button-container{animation-play-state:paused}.audio-display-button .player-button-wrapper{display:none;position:absolute;bottom:2vh;right:7vw;z-index:99;animation:imagePop 1.2s .3s backwards;transform:translate(5vw,-1vh);cursor:pointer}.audio-display-button .player-button-wrapper:before{content:"";position:absolute;visibility:hidden;right:0;opacity:0;transform:scale(.5);background-color:#0ff;border-radius:99px;box-shadow:0 0 30px 15px #0ff,0 0 70px 45px #70fffe;transition:all .5s ease}.audio-display-button .player-button-wrapper:active{transform:translate(5vw,-1vh) scale(1.05)}.audio-display-button .player-button-wrapper:active .player-button-container{background-color:#494948;color:#111158}.audio-display-button .player-button-wrapper .player-button-container{position:relative;bottom:-1vh;width:5vh;height:5vh;animation:floating 2s infinite ease-in-out alternate;animation-play-state:running;border-radius:50%;transition:all .3s ease}.audio-display-button .player-button-wrapper .player-button-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#19e2ff 17%,#197ad1 65%,#0117ab);border-radius:50%;mix-blend-mode:screen}.audio-display-button .player-button-wrapper .player-button-container .player-button-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fdfffe;color:#282224}.audio-display-button .player-button-wrapper .player-button-container .player-button-content svg{font-size:3.5vh;animation:oneMoreIcon .3s}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .badge{position:absolute;margin:auto;width:60%;height:60%;background-color:#fdfffe;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700;opacity:0;animation:oneMoreIcon .3s,fadeInReverse .5s alternate 2}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more{position:absolute;bottom:-25%;left:-25%;width:150%;height:150%;border-radius:50%;background:conic-gradient(#0000 10%,#ffffff50 10%,#ffffff50) content-box;-webkit-mask:repeating-conic-gradient(rgba(0,0,0,0) 0deg,#000 1deg 30deg,rgba(0,0,0,0) 30deg 37deg),radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - .35em),#000 calc(100% - .35em));-webkit-mask-composite:destination-in;mask-composite:intersect;transform:rotate(75deg);animation:oneMorePop .4s forwards}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div{position:absolute;top:0;left:50%;width:28%;height:50%;background-color:#fff;transform-origin:bottom left;opacity:0;animation:fadeInReverse .03s step-start forwards}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+1){animation-delay:0s;transform:rotate(36deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+2){animation-delay:.03s;transform:rotate(72deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+3){animation-delay:.06s;transform:rotate(108deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+4){animation-delay:.09s;transform:rotate(144deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+5){animation-delay:.12s;transform:rotate(180deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+6){animation-delay:.15s;transform:rotate(216deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+7){animation-delay:.18s;transform:rotate(252deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+8){animation-delay:.21s;transform:rotate(288deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:nth-child(3n+9){animation-delay:.24s;transform:rotate(324deg)}.audio-display-button .player-button-wrapper .player-button-container .player-button-content .one-more .spin div:last-child{right:50%;left:auto;transform-origin:bottom right;transform:none}.audio-display-button .player-image-wrapper{position:fixed;bottom:0;right:0;z-index:99;transform:translate(5vw,-1vh);animation:imagePop 1.2s .3s backwards}.audio-display-button .player-image-wrapper.loading{animation-play-state:paused}.audio-display-button .player-image-wrapper:before{content:"";position:absolute;visibility:hidden;right:0;opacity:0;transform:scale(.5);background-color:#0ff;border-radius:99px;box-shadow:0 0 60px 30px #0ff,0 0 140px 90px #70fffe;transition:all .5s ease}@media (hover: hover) and (pointer: fine){.audio-display-button .player-image-wrapper:hover:before{opacity:1;visibility:visible;transform:scale(1)}}.audio-display-button .player-image-wrapper .player-image-container{position:relative;right:0;transform:translate(.5vw) rotate(5deg);animation:floating 2s infinite ease-in-out alternate;animation-play-state:running;border-radius:99px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.audio-display-button .player-image-wrapper .player-image-container:after{content:"";position:absolute;top:0;right:0;width:30vw;height:100%;max-height:12.5vh;background:linear-gradient(#19e2ff 17%,#197ad1 65%,#0117ab);-webkit-mask-image:url(/assets/Player-C9viz-pO.png);mask-image:url(/assets/Player-C9viz-pO.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 0%;mask-position:50% 0%;mix-blend-mode:screen}.audio-display-button .player-image-wrapper .player-image-container:active .audio-player-display{transform:skew(-3deg) scaleY(0) translateY(38%)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-img{width:30vw;height:100%;max-height:12.5vh;object-fit:contain}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display{position:absolute;width:14.5vw;height:38%;top:19%;left:8vw;transform:skew(-3deg);transition:all .1s ease;font-family:VT323,monospace;font-weight:400;font-style:normal;font-size:1.4vw}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span{width:100%;display:flex;align-items:center;color:#00008b;overflow:visible}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span p{display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-weight:700;text-align:start;text-transform:uppercase;margin:0;font-size:1em}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span p b{margin:0;color:#000;font-size:1.4em}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container{position:relative;width:2em;height:2em;border-radius:50%;display:flex;align-items:center;justify-content:center}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container svg{font-size:1.4em;animation:oneMoreIcon .3s}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more{position:absolute;bottom:-25%;left:-25%;width:150%;height:150%;border-radius:50%;-webkit-mask:repeating-conic-gradient(rgba(0,0,0,0) 0deg,#000 1deg 30deg,rgba(0,0,0,0) 30deg 37deg),radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - .35em),#000 calc(100% - .35em));-webkit-mask-composite:destination-in;mask-composite:intersect;transform:rotate(75deg);animation:oneMorePop .4s forwards}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div{position:absolute;top:0;left:50%;width:28%;height:50%;background-color:#00008b;transform-origin:bottom left;opacity:0;animation:fadeInReverse .03s step-start forwards}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+1){animation-delay:0s;transform:rotate(36deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+2){animation-delay:.03s;transform:rotate(72deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+3){animation-delay:.06s;transform:rotate(108deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+4){animation-delay:.09s;transform:rotate(144deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+5){animation-delay:.12s;transform:rotate(180deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+6){animation-delay:.15s;transform:rotate(216deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+7){animation-delay:.18s;transform:rotate(252deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+8){animation-delay:.21s;transform:rotate(288deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:nth-child(3n+9){animation-delay:.24s;transform:rotate(324deg)}.audio-display-button .player-image-wrapper .player-image-container .audio-player-display span .icon-container .one-more .spin div:last-child{right:50%;left:auto;transform-origin:bottom right;transform:none}@media only screen and (max-width: 768px){.audio-display-button .player-image-wrapper{display:none}.audio-display-button .player-button-wrapper{position:fixed;display:block!important}}@media only screen and (max-width: 768px) and (max-width: 576px){.audio-display-button{position:fixed;height:8dvh;width:100vw;background-color:#282224;z-index:90}.audio-display-button .player-button-wrapper .player-button-container{animation:none;bottom:-1.25vh;right:1.25vw}}@keyframes imagePop{0%{transform:translate(7vw,-120vh) rotate(30deg) rotate(360deg)}33%{transform:translate(5.5vw,7vh) rotate(-10deg) rotate(360deg)}66%{transform:translate(5vw,-5vh) rotate(8deg) rotate(360deg)}to{transform:translate(5vw,-1vh) rotate(360deg)}}@keyframes fadeInReverse{to{opacity:1}}@keyframes oneMoreIcon{0%,to{transform:none}10%,50%{transform:scale(1.5)}}@keyframes oneMorePop{0%{opacity:0}20%{opacity:1}80%{transform:scaleY(1) rotate(75deg)}to{transform:scaleY(0) rotate(75deg)}}.item-enter{transform:translate(-150%)}.item-enter-active{transform:translate(0);transition:all .3s ease}.item-exit-active{height:0;transform:translate(-150%);transition:all .3s ease}th,td{padding:.5vh 1.5vw}th.action,td.action{position:relative;padding-left:0}th.action .fav,td.action .fav{position:absolute;left:0;top:0;height:0;width:0;color:#111158;cursor:pointer;transform:rotate(-5deg) translate(-6vw);transition:all .1s ease}th.action .fav svg,td.action .fav svg{font-size:8vh}th.action .fav.active,th.action .fav:hover,td.action .fav.active,td.action .fav:hover{color:#00e0f2;transform:rotate(0) translate(-6vw)}th.action .fav:active,td.action .fav:active{transform:scale(.95) translate(-6vw);color:#70fffe}th.action .drag-button,td.action .drag-button{cursor:grab;transition:all .3s ease}th.action .drag-button svg,td.action .drag-button svg{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:0;transition:opacity .1s ease}th.action .drag-button svg.temp,td.action .drag-button svg.temp{opacity:1}@media (hover: hover) and (pointer: fine){th.action .drag-button:hover,td.action .drag-button:hover{color:#eb5252}}.queue-row{font-size:2.5vh;color:#70fffe;background-color:transparent;cursor:pointer;table-layout:fixed;display:table;width:100%;transform-origin:right;transition:all .3s ease;margin-bottom:.35vh;margin-left:1vw;animation:queueRowPop .3s ease}.queue-row:hover,.queue-row.active-row{color:#282224;background-color:#fdfffe;box-shadow:-.5vw -.5vh #eb5252;transform:scaleX(1.005) translate(-.5vw)}.queue-row:hover .title,.queue-row.active-row .title{background-color:#282224;color:#fdfffe}.queue-row:hover .drag-button svg,.queue-row.active-row .drag-button svg{opacity:1}.queue-row:hover .drag-button svg.temp,.queue-row.active-row .drag-button svg.temp{opacity:0}.queue-row:hover .artist-container.active .status,.queue-row.active-row .artist-container.active .status{visibility:visible;transform:rotate(-29deg) translateY(.5vh);color:#111158;text-shadow:.2vw .2vh #70fffe}.queue-row.dragging{color:#111158;background-color:#70fffe;box-shadow:-.5vw -.5vh #282224;transform:scaleX(1.005) translate(-100%);visibility:hidden}.queue-row.dragging .title{background-color:#111158;color:#70fffe}.queue-row.dragging .artist-container.active .status{visibility:visible;transform:rotate(-29deg) translateY(.5vh);color:#111158;text-shadow:.2vw .2vh #70fffe}.queue-row.over,.queue-row.moving:hover{color:#fdfffe;background-color:#111158;box-shadow:-.5vw -.5vh #70fffe;transform:scaleX(.995) translate(1%)}.queue-row.over .title,.queue-row.moving:hover .title{background-color:#fdfffe;color:#111158}.queue-row.over .artist-container .status,.queue-row.moving:hover .artist-container .status{visibility:visible;transform:rotate(-29deg) translateY(.5vh)}.queue-row .artist-container{width:100%}.queue-row .artist-container.active .status{visibility:visible;transform:rotate(-25deg)}.queue-row .artist-container.active .artist{margin-left:8vw}.queue-row .artist-container .status{visibility:hidden;display:block;position:relative;left:-2vw;top:2vh;height:0;width:0;font-size:1.4em;font-weight:700;letter-spacing:-.5vh;color:#fdfffe;text-shadow:.5vw .5vh #282224;transform:rotate(-25deg) translate(-10vw);transition:all .3s ease}.queue-row .artist-container .artist{margin:-1vh 0;font-size:1.4em;font-weight:700;font-style:italic;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;transition:all .3s ease}.queue-row .title{margin:0;font-size:1em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;width:100%;padding:.25vh 1vw;color:#282224;background-color:#70fffe}@media only screen and (max-width: 576px){.queue-row{font-size:2.2vh}.queue-row .artist-container.active .artist{margin-left:12vw}.queue-row .fav{display:none}}.queue .queue-list-container .drop-zone{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#70ffff19;z-index:4}.queue .queue-list-container .drop-zone.drop-transition-enter{opacity:0}.queue .queue-list-container .drop-zone.drop-transition-enter-active{opacity:1;transition:all .3s ease}.queue .queue-list-container .drop-zone.drop-transition-exit-active{opacity:0;transform:translate(-20vw);transition:all .3s ease}.queue .queue-list-container .drop-zone.removing{background-color:#eb525218}.queue .queue-list-container .drop-zone.removing .info{color:#282224}.queue .queue-list-container .drop-zone.removing .info-shape{background-color:#eb5252}.queue .queue-list-container .drop-zone .info{writing-mode:vertical-rl;text-orientation:vertical;position:fixed;top:0;left:0;margin:0;margin-left:-3vh;animation:titlePop2 .3s ease-in-out;font-size:13vh;font-weight:750;letter-spacing:-1vh;color:#111158}.queue .queue-list-container .drop-zone .info-shape{content:"";position:absolute;top:-20vh;left:-20vh;width:30vh;height:60dvh;background-color:#0856dc;transform:rotate(35deg);z-index:-1;animation:infoShapePop .3s ease}.queue .queue-list-container h1{position:fixed;top:0;right:2vw;margin:0;margin-top:-5vh;z-index:6;font-size:15vh;font-weight:750;letter-spacing:-2vh;color:#a8a8a8;animation:queueTitlePop .3s ease backwards;animation-delay:.2s}.queue .queue-list-container .queue-table{position:fixed;top:0;right:1.5vw;z-index:7;font-size:3vh;border-collapse:collapse;min-width:40vw;max-width:60vw;transform:skew(2deg)}.queue .queue-list-container .queue-table thead tr{color:#fdfffe;text-align:left;font-size:7vh;table-layout:fixed;display:table;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:queueRowPop .3s ease;margin:0;margin-bottom:-3.5vh}.queue .queue-list-container .queue-table thead tr th{cursor:pointer;margin:0;font-size:10vh;color:#70fffe;transition:all .1s ease}.queue .queue-list-container .queue-table thead tr th:after{content:"SONGS";font-size:7vh;color:#fdfffe}.queue .queue-list-container .queue-table thead tr th:hover{color:#111158}.queue .queue-list-container .queue-table thead tr th:hover #icon{font-size:9vh;transform:rotate(0) translate(-.5vw);color:#111158;background-color:#fdfffe;box-shadow:-.5vw -.5vh #111158}.queue .queue-list-container .queue-table thead tr th:active #icon{transform:rotateY(-360deg) translate(.5vw);background-color:#00e0f2;box-shadow:-.5vw -.5vh #fdfffe;color:#fdfffe}.queue .queue-list-container .queue-table thead tr th #icon{font-size:8vh;color:#fdfffe;transform:rotate(-15deg) translate(.5vw);transition:all .3s ease}.queue .queue-list-container .queue-table tfoot tr{table-layout:fixed;display:table;width:100%}.queue .queue-list-container .queue-table tfoot tr th{padding:2vh 2.5vw 2vh 1.5vw;display:flex;justify-content:flex-end}.queue .queue-list-container .queue-table tfoot tr th .empty{position:absolute;bottom:0;left:10%;height:70dvh;filter:drop-shadow(15px 0 black);animation:shutters .3s ease;z-index:-1}.queue .queue-list-container .queue-table tfoot tr th .queue-button{display:flex;align-items:center;justify-content:flex-start;background-color:transparent;color:#fdfffe;font-size:2.5vh;padding:1vh 1vw;margin-left:.5vw;font-weight:700;border:none;outline:none;cursor:pointer;transition:all .3s ease}.queue .queue-list-container .queue-table tfoot tr th .queue-button.active{color:#70fffe}.queue .queue-list-container .queue-table tfoot tr th .queue-button.active:after{opacity:.5;visibility:visible;transform:translate(3vw);z-index:-1}@media (hover: hover) and (pointer: fine){.queue .queue-list-container .queue-table tfoot tr th .queue-button:hover{background-color:#fdfffe;color:#111158;box-shadow:-.25vw -.25vh #eb5252;transform:scale(1.05) skew(-3deg,1deg) translate(-.2vw)}.queue .queue-list-container .queue-table tfoot tr th .queue-button:hover #icon{transform:scale(1.1)}}.queue .queue-list-container .queue-table tfoot tr th .queue-button:last-child{justify-content:flex-end}.queue .queue-list-container .queue-table tfoot tr th .queue-button:last-child #icon{color:#eb5252}.queue .queue-list-container .queue-table tfoot tr th .queue-button:after{content:"";position:absolute;border:6vh solid transparent;border-top:6vh solid #00e0f2;border-bottom:none;opacity:0;visibility:hidden;width:0;height:0;transform:translate(-1vw);transition:all .3s ease}.queue .queue-list-container .queue-table tfoot tr th .queue-button #icon{color:#70fffe;font-size:4vh;margin:0 .5vw}.queue .queue-list-container .queue-table tbody{overflow-y:auto;overflow-x:hidden;display:block;height:60.5dvh;padding:1vh}.queue .queue-list-container .queue-table tbody:before{content:"EMPTY";position:absolute;bottom:5%;left:0;font-size:18vh;font-weight:800;letter-spacing:-2.5vh;color:transparent;font-style:italic;transform:translate(200%) scale(1.1);animation:queueTitlePop .3s ease backwards;transition:all .3s ease;z-index:-1}.queue .queue-list-container .queue-table tbody::-webkit-scrollbar-track{background-color:transparent}.queue .queue-list-container .queue-table tbody::-webkit-scrollbar{width:8px;background-color:transparent}.queue .queue-list-container .queue-table tbody::-webkit-scrollbar-thumb{background-color:#fdfffe;border:2px solid #111158}.queue .queue-list-container .queue-table tbody::-webkit-scrollbar-track-piece{margin-top:6vh;background-color:#111158}.queue .queue-list-container .queue-table tbody::-webkit-scrollbar-track-piece:start{margin-top:30vh}.queue .queue-list-container .queue-table th,.queue .queue-list-container .queue-table td{padding:.5vh 1.5vw}.queue .queue-list-container .queue-shape-wrapper{position:fixed;right:-3vw;top:-5vh;z-index:5;transform:rotate(-2deg)}.queue .queue-list-container .queue-shape-wrapper .queue-shape{width:65vw;height:121dvh;background:#0856dc;z-index:5;transition:all .2s ease;transform:scale(1);animation:queuePop .3s ease}.queue .queue-list-container .queue-shape-wrapper .queue-shape:before{content:"";position:absolute;left:1.5vw;top:0;width:65vw;height:120dvh;background:linear-gradient(#19e2ff 17%,#197ad1 65%,#0117ab);border:solid 3vh #fdfffe;border-top:none;border-bottom:none;mix-blend-mode:multiply;z-index:-1;transform:skew(5deg);animation:queuePop2 .3s ease}.queue .queue-list-container .queue-shape-wrapper .queue-shape:after{content:"";position:absolute;top:-20vh;right:-15vw;width:60vw;height:30dvh;background-color:#fdfffe;transform:rotate(25deg);animation:queuePop3 .5s ease backwards;animation-delay:.2s}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave{display:flex;position:absolute;left:0;bottom:5vh;width:100vw;height:100%;padding:0 3vw;align-items:end;mix-blend-mode:overlay;transform:skewY(-20deg);transition:all .3s ease;overflow:hidden}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave:before{content:"";position:absolute;left:0;bottom:-15vh;height:55dvh;width:100%;transform:translateY(10vh) skewY(20deg) rotate(25deg);background-color:red;animation:wavePop .3s .1s backwards ease}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave .bar{background:#fff;bottom:0;bottom:-20vh;height:10dvh;width:14vw;margin-left:.5vw;animation:sound .3s -.8s steps(12,end) alternate infinite}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave .bar:nth-child(3n+1){animation-duration:.674s}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave .bar:nth-child(3n+2){animation-duration:.633s}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave .bar:nth-child(3n+3){animation-duration:.607s}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave .bar:nth-child(3n+4){animation-duration:.658s}.queue .queue-list-container .queue-shape-wrapper .queue-shape .desc-shape{position:absolute;bottom:0;left:-1vw;background-color:#fdfffe;height:55dvh;width:100%;transform:rotate(2deg);display:flex;align-items:center;transition:all .3s ease}.queue .queue-list-container .queue-shape-wrapper .queue-shape .desc-shape .desc{position:relative;left:2%;animation:queueRowPop .3s ease}.queue .queue-list-container .queue-shape-wrapper .queue-shape .desc-shape .desc h3{font-size:3vh;margin:0;border-bottom:solid 1px #282224;color:#282224}.queue .queue-list-container .queue-shape-wrapper .queue-shape .desc-shape .desc h3 strong{background-color:#282224;color:#fdfffe}.queue .queue-list-container .queue-shape-wrapper .queue-shape .desc-shape .desc b{font-size:2.25vh;margin:0;color:#000;font-style:italic}.queue .queue-list-container.empty .queue-table thead{opacity:0;transform:translateY(-100%);transition:all .3s .1s ease}@media only screen and (max-width: 576px){.queue .queue-list-container.empty .queue-table tbody{height:65dvh;transition:all .3s .1s ease}}.queue .queue-list-container.empty .queue-table .queue-list-group:before{color:#000;transform:translate(0) scale(1)}.queue .queue-list-container.empty .queue-table .queue-button{color:#282224}.queue .queue-list-container.empty .queue-table .queue-button.active{color:#111158}.queue .queue-list-container.empty .queue-table .queue-button:hover{background-color:#111158;color:#fdfffe;opacity:.8}.queue .queue-list-container.empty .queue-shape-wrapper .queue-shape{clip-path:polygon(0% 0%,100% 0%,100% 100%,84.96% 100%,84.96% 10.9%,13.51% 11.15%,13.51% 61.64%,100% 61.39%,100% 100%,0% 100%);animation:emptyPop .4s backwards;background:linear-gradient(135deg,#f27223,#9291aa,#0822df 30%)}.queue .queue-list-container.empty .queue-shape-wrapper .queue-shape:before{display:none}@media only screen and (max-width: 768px){.queue .queue-list-container .queue-shape-wrapper .queue-shape{width:85vw}.queue .queue-list-container .queue-shape-wrapper .queue-shape:before{width:85vw}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave{width:125vw}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave .bar{width:20vw}.queue .queue-list-container .queue-table{max-width:80vw;transform:skew(1deg)}}@media only screen and (max-width: 768px) and (max-width: 576px){.queue .queue-list-container .drop-zone{display:none}.queue .queue-list-container .queue-shape-wrapper{left:0;right:auto;transform:rotate(0)}.queue .queue-list-container .queue-shape-wrapper .queue-shape{width:100vw}.queue .queue-list-container .queue-shape-wrapper .queue-shape:before{width:100vw}.queue .queue-list-container .queue-shape-wrapper .queue-shape .desc-shape{left:0;transform:rotate(0)}.queue .queue-list-container .queue-shape-wrapper .queue-shape .desc-shape .desc{display:none}.queue .queue-list-container .queue-shape-wrapper .queue-shape .soundwave .bar{width:25vw}.queue .queue-list-container .queue-table{max-width:95vw;transform:none}.queue .queue-list-container .queue-table thead{direction:rtl}.queue .queue-list-container .queue-table tbody{height:55.5dvh}}@keyframes queuePop{0%{transform:translateY(150%)}}@keyframes queuePop2{0%{transform:skew(0)}}@keyframes queuePop3{0%{transform:rotate(25deg) translate(100%)}}@keyframes queueTitlePop{0%{transform:translate(200%)}}@keyframes queueRowPop{0%{transform:translateY(-100%)}}@keyframes wavePop{0%{transform:skewY(-20deg) translateY(100%) translate(30%)}}@keyframes infoShapePop{0%{transform:rotate(35deg) translateY(-100%)}}@keyframes emptyPop{0%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,100% 100%,100% 0%,0% 0%,0% 100%,0% 100%,0% 100%);transform:translateZ(0)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,84.96% 100%,84.96% 10.9%,13.51% 11.15%,13.51% 61.64%,100% 61.39%,100% 100%,0% 100%);transform:translateZ(0)}}@keyframes shutters{0%{clip-path:polygon(100% 10%,100% 10%,0% 10%,0% 20%,100% 20%,100% 20%,0% 20%,0% 30%,100% 30%,100% 30%,0% 30%,0% 40%,100% 40%,100% 40%,0% 40%,0% 50%,100% 50%,100% 50%,0% 50%,0% 60%,100% 60%,100% 60%,0% 60%,0% 70%,100% 70%,100% 70%,0% 70%,0% 80%,100% 80%,100% 80%,0% 80%,0% 90%,100% 90%,100% 90%,0% 90%,0% 100%,100% 100%,100% 100%,0% 100%,0% 10%);transform:translateZ(0)}to{clip-path:polygon(100% 0%,100% 10%,0% 10%,0% 10%,100% 10%,100% 20%,0% 20%,0% 20%,100% 20%,100% 30%,0% 30%,0% 30%,100% 30%,100% 40%,0% 40%,0% 40%,100% 40%,100% 50%,0% 50%,0% 50%,100% 50%,100% 60%,0% 60%,0% 60%,100% 60%,100% 70%,0% 70%,0% 70%,100% 70%,100% 80%,0% 80%,0% 80%,100% 80%,100% 90%,0% 90%,0% 90%,100% 90%,100% 100%,0% 100%,0% 0%);transform:translateZ(0)}}@keyframes sound{0%{transform:rotate(360deg)}to{height:60dvh;transform:skewY(30deg) rotate(360deg)}}.confirm-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.confirm-container .confirm-modal{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;width:90%;height:40%;background-color:#282224;font-size:3vh;display:flex;align-items:center;justify-content:center;z-index:1;animation:modalFadeIn .2s ease-out}.confirm-container .confirm-modal .title-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.confirm-container .confirm-modal .title-container .title{position:absolute;top:-.2em;left:0;margin:0;font-size:6em;font-weight:750;letter-spacing:-.09em;color:#494948;transform:skew(-9deg,-7deg) rotate(-2deg)}.confirm-container .confirm-modal .title-container .title:before{content:"";position:absolute;top:-69%;left:-50%;width:200%;height:100%;background-color:#494948;z-index:-1}.confirm-container .confirm-modal .message{font-size:1em}.confirm-container .confirm-modal .button-container{position:absolute;bottom:-7.5%;right:-7.5%;width:60%;height:25%;padding:.25em;background-color:#fff921;display:flex;align-items:center;justify-content:space-evenly;animation:buttonShapePop .3s ease .1s backwards}.confirm-container .confirm-modal .button-container button{background-color:transparent;border:none;outline:none;text-transform:uppercase;font-size:2.5em;font-weight:700;color:#494948;text-shadow:.05em -.05em #fdfffe;transform:skew(-3deg);cursor:pointer}.confirm-container .confirm-modal .button-container button.main-button svg{color:#8afe15}.confirm-container .confirm-modal .button-container button.danger-button svg{color:#eb5252}.confirm-container .confirm-modal .button-container button svg{font-size:1em;border-radius:50%;border:solid .1em #fdfffe;background-color:#494948;color:#fdfffe;transform:skew(3deg)}.confirm-container .confirm-shape{position:absolute;top:-40%;left:20%;height:200%;width:25%;background-color:#282224;transform:rotate(-40deg);animation:dialogShapePop .3s ease}.confirm-container .confirm-shape:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#ff9d0f;transform:rotate(-5deg);animation:dialogShapePop2 .3s ease .1s backwards}@media only screen and (max-width: 768px){.confirm-container .confirm-modal{width:100%}.confirm-container .confirm-modal .button-container{left:0;right:0;margin:auto;width:80%}.confirm-container .confirm-modal .button-container button{font-size:2em}}@media only screen and (max-width: 768px) and (max-width: 576px){.confirm-container .confirm-modal{font-size:2.5vh}.confirm-container .confirm-shape{width:50%}}@keyframes dialogShapePop{0%{transform:rotate(-40deg) translateY(-500%) scale(.1)}30%{transform:rotate(-40deg) translateY(0) scaleX(.1)}40%{transform:rotate(-40deg) translateY(0) scaleX(.1)}}@keyframes dialogShapePop2{0%{transform:rotate(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-100%)}}@keyframes buttonShapePop{0%{transform:translate(-10%) scaleY(.1)}}.display-track{display:flex;width:95%;transition:all .3s ease}.display-track.minimize{display:inline-block;width:30%}.display-track.minimize .audio-info .artist{left:1.75vw;top:-1.5vh;font-size:2.2vh}.display-track.minimize .audio-info .title{font-size:2.25vh;margin-top:0;font-weight:400;text-align:left}.display-track .audio-info{width:100%}.display-track .audio-info .artist{position:absolute;width:30%;left:1vw;top:-.5vh;text-align:left;color:#282224;text-shadow:.1vw .05vh #ff9d0f;margin:0;font-size:2.4vh;font-weight:700;background:linear-gradient(to bottom right,#ff1e00 0%,#ff1e00 50%,transparent 55%,transparent 100%);background-size:50% 60%;background-repeat:no-repeat;transform:translate(-1.5vw) rotate(-3deg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease}.display-track .audio-info .title{margin-top:3.5vh;margin-bottom:0;font-size:3vh;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width: 768px){.display-track .audio-info .artist{left:1.75vw;top:-1.5vh;font-size:2.2vh}}@media only screen and (max-width: 768px) and (max-width: 576px){.display-track:not(.minimize) .audio-info .artist{position:static;background:none;transform:translate(0) rotate(0);font-size:2.5vh;color:#fdfffe;font-weight:400;text-shadow:none}.display-track:not(.minimize) .audio-info .artist:before{content:"by: "}.display-track:not(.minimize) .audio-info .title{margin-top:0;text-align:left}.display-track.minimize{width:auto}.display-track.minimize .title{margin-left:15px}}.icon-button{background-color:transparent;border:none;outline:none;cursor:pointer;transition:all .25s ease}.icon-button .icon{font-size:3.5vh}@media (hover: hover) and (pointer: fine){.icon-button:hover{color:#ff9d0f;transform:scale(1.1) rotate(-10deg)}}.icon-button:active{transform:scale(1.2)}.icon-button.active{color:#fff921;transform:scale(1) rotate(360deg)}.icon-button.active-alt{color:#70fffe;transform:scale(1) rotateY(180deg)}.controls-wrapper{display:flex;align-items:end;justify-content:space-around;width:100%;color:#fdfffe;transition:all .3s ease}.controls-wrapper.minimize{justify-content:flex-start;width:auto}@media only screen and (max-width: 768px){.controls-wrapper.minimize{margin-right:0}.controls-wrapper.minimize #previous,.controls-wrapper.minimize #next,.controls-wrapper.minimize #loop{display:none}}.controls-wrapper .mixed{display:flex}.controls-wrapper .volume{display:flex;position:relative}.controls-wrapper .volume .volume-button:hover~.volume-slider-container,.controls-wrapper .volume .volume-slider-container.active,.controls-wrapper .volume .volume-slider-container:hover,.controls-wrapper .volume .volume-slider-container.volume-slider:focus{visibility:visible;transform:scale(1) rotate(-15deg);transition-delay:.2s}.controls-wrapper .volume .volume-slider-container{position:absolute;top:-20px;right:-120px;display:flex;visibility:hidden;align-items:center;justify-content:center;height:50px;width:120px;transform-origin:left;transform:scale(2,0) rotate(0);transition:all .15s ease;z-index:5}.controls-wrapper .volume .volume-slider-container:hover{display:flex}.controls-wrapper .volume .volume-slider-container p{position:absolute;left:-.5vh;bottom:-1.5vh;margin:0;color:#fdfffe;-webkit-text-stroke:2px #282224;font-size:3.5vh;font-weight:500;z-index:1}.controls-wrapper .volume .volume-slider-container .shape{position:absolute;top:0;left:0;height:35px;width:0;border-bottom:10px solid transparent;border-top:15px solid transparent;border-right:120px solid #282224;transform:rotate(5deg)}.controls-wrapper .volume .volume-slider-container .shape:before{content:"";position:absolute;top:-15px;left:-2px;height:35px;width:0;border-bottom:10px solid transparent;border-top:15px solid transparent;border-right:120px solid #fdfffe;transform-origin:top left;transform:rotate(-5deg)}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider{--thumb-height: 1.5vh;--thumb-width: 0vh;--track-height: 1.5vh;--track-color: #00000033;position:absolute;bottom:2.2vh;font-size:2.5vh;width:90px;background:#000;border:.8vh solid black;overflow:hidden;z-index:1;color:#fdfffe;cursor:pointer;height:var(--thumb-height);-moz-appearance:none;appearance:none;-webkit-appearance:none}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider:active{cursor:grabbing}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider:active::-moz-range-thumb{cursor:grabbing}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider:disabled{opacity:.3;cursor:not-allowed}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-webkit-slider-runnable-track,.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-webkit-slider-thumb{-webkit-appearance:none;height:var(--thumb-height);position:relative}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-webkit-slider-thumb{--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;width:var(--thumb-width, var(--thumb-height));box-shadow:var(--box-fill)}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-moz-range-track,.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--thumb-height)}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider:-moz-range-track,.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-moz-range-thumb,.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-moz-range-progress{background:transparent}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-moz-range-thumb{border:0;cursor:grab}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-moz-range-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:currentColor}.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-moz-range-track,.controls-wrapper .volume .volume-slider-container input[type=range].volume-slider::-moz-range-progress{height:calc(var(--track-height) + 1px)}.controls-wrapper .controls{display:flex;align-items:center;justify-content:center;width:55%}.controls-wrapper .controls .player-button{margin:0 .1vw;margin-top:1vh;width:20%;padding:0;border-radius:0;border:none;background-color:gray;outline:none;position:relative;cursor:pointer}.controls-wrapper .controls .player-button:hover .front{transform:translateY(-.7vh);transition:transform .25s ease-in-out;color:#ff9d0f}.controls-wrapper .controls .player-button:active .front{transform:translateY(-.1vh);transition:transform 35ms;color:#ff9d0f}.controls-wrapper .controls .player-button:disabled .front{transform:translateY(-.3vh);color:gray;cursor:not-allowed}.controls-wrapper .controls .player-button .front{display:flex;justify-content:center;align-items:center;background:#dadada;border-radius:inherit;color:#282224;padding:.1vh .8vw;transform:translateY(-.5vh);will-change:transform;transition:transform .25s}.controls-wrapper .controls .player-button .front .icon{font-size:3.5vh}.controls-wrapper .controls .player-button .active{transform:translateY(-.1vh);transition:transform 35ms;color:#fff921}.controls-wrapper .controls .player-button:first-child{border-radius:3vh 0 0 3vh}.controls-wrapper .controls .player-button:last-child{border-radius:0 3vh 3vh 0}.controls-wrapper .play-button-container{position:relative}.controls-wrapper .hidden{display:none}@media only screen and (max-width: 768px){.controls-wrapper{width:90%;margin-right:10%}.controls-wrapper #previous{color:red;margin-left:10%}.controls-wrapper #skip-forward,.controls-wrapper #skip-backward{display:none}}@media only screen and (max-width: 768px) and (max-width: 576px){.controls-wrapper{width:100%;margin-right:0;align-items:center}.controls-wrapper .mixed,.controls-wrapper .volume{display:flex;flex-direction:column-reverse}.controls-wrapper .player-button{border-radius:50%!important;margin:0 1vw!important;width:30%!important;aspect-ratio:1/1}.controls-wrapper .player-button .front{border-radius:50%!important;aspect-ratio:1/1;transform:translateY(-.2vh)!important}.controls-wrapper .player-button .front .icon{font-size:6vh!important}.controls-wrapper .player-button:first-child,.controls-wrapper .player-button:last-child{background-color:transparent}.controls-wrapper .player-button:first-child .front,.controls-wrapper .player-button:last-child .front{background-color:transparent}}.progress{display:flex;justify-content:space-around;align-items:center;font-size:2.5vh;margin:1vh 0;width:100%}.progress.minimize{margin:0 .5vw}.progress.minimize .time{font-size:2vh}.progress.minimize .time.current:after{content:"/";color:#fdfffe;margin:0 .25vw}@media only screen and (max-width: 576px){.progress.minimize{position:absolute;bottom:-.5vh;left:0;margin:0}.progress.minimize .time{display:none}.progress.minimize input[type=range].progressbar{width:100%}.progress.minimize input[type=range].progressbar::-webkit-slider-thumb{background-color:transparent;background:none}}.progress .time{font-size:2.4vh}.progress .time.current{color:#ff9d0f}.progress input[type=range].progressbar{--thumb-height: 2vh;--track-height: .75vh;--track-color: #00000033;--track-buffer-color: #ffffff58;--clip-edges: .5vh;--buffer-progress: 0;font-size:2.5vh;width:60%;margin:0 .3vw;position:relative;background:transparent;overflow:hidden;color:#ff9d0f;cursor:pointer;height:var(--thumb-height);-moz-appearance:none;appearance:none;-webkit-appearance:none}.progress input[type=range].progressbar:hover::-webkit-slider-thumb{cursor:grab}.progress input[type=range].progressbar:active{cursor:grabbing}.progress input[type=range].progressbar:active::-webkit-slider-thumb{cursor:grabbing}.progress input[type=range].progressbar:active::-moz-range-thumb{cursor:grabbing}.progress input[type=range].progressbar:disabled{filter:grayscale(.3);opacity:.9;cursor:not-allowed}.progress input[type=range].progressbar:disabled::-webkit-slider-thumb{cursor:not-allowed}.progress input[type=range].progressbar:disabled::-moz-range-thumb{cursor:not-allowed}.progress input[type=range].progressbar:before{content:"";position:absolute;background:linear-gradient(var(--track-buffer-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px);height:100%;width:var(--buffer-progress)}.progress input[type=range].progressbar::-webkit-slider-runnable-track,.progress input[type=range].progressbar::-webkit-slider-thumb{-webkit-appearance:none;height:var(--thumb-height);position:relative}.progress input[type=range].progressbar::-webkit-slider-thumb{--thumb-radius: calc((var(--thumb-height) * .5) - 1px);--clip-top: calc((var(--thumb-height) - var(--track-height)) * .5 - .5px);--clip-bottom: calc(var(--thumb-height) - var(--clip-top));--clip-further: calc(100% + 1px) ;--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;width:var(--thumb-width, var(--thumb-height));background:linear-gradient(currentColor 0 0) scroll no-repeat left center/50% calc(var(--track-height) + 1px);background-color:currentColor;box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));clip-path:polygon(100% -1px,var(--clip-edges) -1px,0 var(--clip-top),-100vmax var(--clip-top),-100vmax var(--clip-bottom),0 var(--clip-bottom),var(--clip-edges) 100%,var(--clip-further) var(--clip-further))}.progress input[type=range].progressbar::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px)}.progress input[type=range].progressbar::-moz-range-track,.progress input[type=range].progressbar::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--thumb-height)}.progress input[type=range].progressbar::-moz-range-track,.progress input[type=range].progressbar::-moz-range-thumb,.progress input[type=range].progressbar::-moz-range-progress{background:#fff0}.progress input[type=range].progressbar::-moz-range-thumb{background:currentColor;border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.progress input[type=range].progressbar::-moz-range-track{width:100%;background:var(--track-color)}.progress input[type=range].progressbar::-moz-range-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:currentColor}.progress input[type=range].progressbar::-moz-range-track,.progress input[type=range].progressbar::-moz-range-progress{height:calc(var(--track-height) + 1px)}.audio-player-wrapper.next-up .wave{display:none}.audio-player-wrapper section{position:fixed;top:0;right:0;width:100%;height:100%;overflow:hidden;transform:scaleX(2);transform-origin:70% 50%}.audio-player-wrapper section .wave{position:absolute;width:60vh;height:50vh;border-radius:43%;animation:rotate infinite}.audio-player-wrapper section .wave.wave1{opacity:.9;bottom:-41vh;right:-5vh;background:#0856dc;animation-timing-function:steps(192,end);animation-duration:16s}.audio-player-wrapper section .wave.wave2{opacity:.8;bottom:-41.5vh;right:0vh;background:#111158;animation-timing-function:steps(132,end);animation-duration:12s}.audio-player-wrapper section .wave.wave3{opacity:.7;bottom:-40vh;right:5vh;background:#0856dc;animation-timing-function:steps(168,end);animation-duration:14s}.audio-player-wrapper .audio-player-container{height:23dvh;width:100%;margin-left:1%;transition:all .3s ease;transform-origin:bottom}.audio-player-wrapper .audio-player-container.minimize{position:absolute;bottom:0;left:0;height:10dvh;margin-left:0;z-index:6}.audio-player-wrapper .audio-player-container.minimize .bubble-container{height:100%;z-index:9}.audio-player-wrapper .audio-player-container.minimize .bubble-container:hover .speech-bubble{animation:mini-jelly-bubble .5s infinite steps(3,jump-both);animation-delay:.6s}.audio-player-wrapper .audio-player-container.minimize .bubble-container:hover .arrow{animation:mini-jelly-arrow .5s infinite steps(3,jump-both);animation-delay:.6s}.audio-player-wrapper .audio-player-container.minimize .bubble-container .bubble-content{flex-direction:row-reverse;justify-content:space-between;width:70%}.audio-player-wrapper .audio-player-container.minimize .bubble-container .speech-bubble{z-index:9;margin:0;padding:3vh;width:67.5%;height:5vh;transform:rotate(2deg) translate(-.2vw);text-align:left}.audio-player-wrapper .audio-player-container.minimize .bubble-container .speech-bubble:after{transform:rotate(-2deg) translate(.8vw,.75vh) scale(1.02)}.audio-player-wrapper .audio-player-container.minimize .bubble-container .speech-bubble .arrow{transform:translateY(-7.5vh) scaleY(-1);border-bottom-color:transparent}.audio-player-wrapper .audio-player-container.minimize .bubble-container .speech-bubble .visualizer-container{display:none}.audio-player-wrapper .audio-player-container .bubble-container{position:relative;height:100%;width:inherit;z-index:6;transform-origin:right;transform:scale(1) skew(0);animation:bubblePop .3s ease;transition:all .3s ease;transition:z-index 0s;transition:position 0s}.audio-player-wrapper .audio-player-container .bubble-container:hover .speech-bubble{animation:jelly-bubble .5s infinite steps(3,jump-both);animation-delay:.6s}.audio-player-wrapper .audio-player-container .bubble-container:hover .arrow{animation:jelly-arrow .5s infinite steps(3,jump-both);animation-delay:.6s}.audio-player-wrapper .audio-player-container .bubble-container .bubble-content{position:absolute;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:65%;height:100%;z-index:10;padding:0 .5vw;transition:all .3s ease}.audio-player-wrapper .audio-player-container .bubble-container .toggle-minimize{position:absolute;top:0vh;right:5%;z-index:99;width:3.5vh;height:3.5vh;color:#fdfffe;background-color:#ff9d0f;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 .9rem #0000006b;transition:all .5s ease}.audio-player-wrapper .audio-player-container .bubble-container .toggle-minimize.active{transform:scale(1) rotate(360deg)}.audio-player-wrapper .audio-player-container .bubble-container .toggle-minimize.loading{animation:rotate 1s ease infinite}.audio-player-wrapper .audio-player-container .bubble-container .toggle-minimize:after{content:"";position:absolute;width:4.25vh;height:4.25vh;border-radius:50%;border:.75vh solid #ff9d0f;border-bottom-color:transparent}.audio-player-wrapper .audio-player-container .bubble-container .toggle-minimize svg{font-size:4vh}.audio-player-wrapper .audio-player-container .bubble-container .speech-bubble{z-index:9;margin:2vh 0;padding:3vh;width:60%;height:15vh;transform:rotate(3deg) translate(1vw);background:#ff9d0f;text-align:center;transition:all .3s ease}.audio-player-wrapper .audio-player-container .bubble-container .speech-bubble:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";transform:rotate(-3deg) translate(-.2vw,.75vh) scale(1.02);background:#494948}.audio-player-wrapper .audio-player-container .bubble-container .speech-bubble .arrow{position:absolute;bottom:.5vh;right:-3.5vw;border:1.5vh solid transparent;border-right:0 solid transparent;border-left:7.5vw solid #494948;border-bottom:1vh solid #ff9d0f;transform:rotate(-10deg);height:2vw;width:0;margin:0;z-index:-1;transition:all .3s ease}.audio-player-wrapper .audio-player-container .bubble-container .speech-bubble .arrow:after{content:"";position:absolute;bottom:-1.5vh;right:-5vw;border:1.4vh solid transparent;border-left:7vw solid #494948;border-right:0;transform:scaleY(-1) skew(25deg);width:0;height:0;margin:0}.audio-player-wrapper .audio-player-container .bubble-container .speech-bubble .visualizer-container{position:absolute;top:0;left:0;width:90%;height:100%;transform:rotate(-3deg) translate(-.2vw,.75vh) scale(1.02);overflow:hidden}.queue-list-wrapper{position:fixed;top:0;right:0;z-index:5}.queue-list-wrapper.queue-transition-exit-active{width:100%;transform:translate(200%) rotate(15deg);transition:all .3s}.audio-player{max-width:100vw}@media only screen and (max-width: 768px){.audio-player .audio-player-container{height:21dvh;margin-left:0;position:absolute;bottom:0;left:0}.audio-player .audio-player-container.minimize .bubble-container .bubble-content{width:90%}.audio-player .audio-player-container.minimize .bubble-container .speech-bubble{width:100%}.audio-player .audio-player-container.minimize .bubble-container .arrow{display:none}.audio-player .audio-player-container .bubble-container{z-index:4}.audio-player .audio-player-container .bubble-container .bubble-content{width:100%}.audio-player .audio-player-container .bubble-container .speech-bubble{width:100%;margin:0;padding:3vh}.audio-player .audio-player-container .bubble-container .arrow{display:none}}@media only screen and (max-width: 768px) and (max-width: 576px){.audio-player .audio-player-container{height:100dvh;margin-left:0;position:fixed;bottom:0;left:0;z-index:99}.audio-player .audio-player-container.minimize{position:relative;z-index:90}.audio-player .audio-player-container.minimize .bubble-container .bubble-content{width:100%;justify-content:flex-end}.audio-player .audio-player-container .bubble-container{z-index:100}.audio-player .audio-player-container .bubble-container .toggle-minimize{top:5%;right:8%}.audio-player .audio-player-container .bubble-container .bubble-content{width:100%;height:100%}.audio-player .audio-player-container .bubble-container .speech-bubble{width:100%;height:100%;margin:0;padding:3vh;animation:none!important}.audio-player .audio-player-container .bubble-container .arrow{display:none}}@media only screen and (max-width: 768px) and (max-width: 576px){.audio-player{overflow:hidden;padding-top:2.5vh}.audio-player .wave{display:none}}@keyframes bubblePop{0%{transform:scaleX(0) skew(-30deg) rotate(360deg)}to{transform:scale(1) rotate(360deg)}}@keyframes floating{0%{transform:translate(.5vw) rotate(5deg) rotate(360deg)}to{transform:translate(-1vw,1.5vh) rotate(-5deg) rotate(360deg)}}@keyframes jelly-bubble{0%,to{transform:rotate(3deg) translate(1vw) rotate(360deg)}50%{transform:rotate(3deg) skew(-1deg) translate(1.1vw) rotate(360deg)}}@keyframes jelly-arrow{0%,to{transform:rotate(-10deg) rotate(360deg)}50%{transform:skew(-7deg) translate(.1vw) rotate(-15deg) rotate(360deg)}}@keyframes mini-jelly-bubble{0%,to{transform:rotate(2deg) translate(-.2vw) rotate(360deg)}50%{transform:rotate(2deg) skew(-1deg) translate(-.7vw) rotate(360deg)}}@keyframes mini-jelly-arrow{0%,to{transform:translateY(-7.5vh) scaleY(-1) rotate(360deg)}50%{transform:skew(-7deg) translate(.1vw) translateY(-7.5vh) scaleY(-1) rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(360deg) translateZ(0)}}.root-container{display:flex}.root-container .panel-container{height:100dvh}.root-container .main-container{height:100dvh;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}@media only screen and (max-width: 576px){.root-container .main-container{height:92dvh}}.snackbar{position:fixed;top:8vh;right:3vw;font-size:2.5vh;padding:.5vh 1vw;width:70%;z-index:100}.snackbar:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00e0f2;z-index:-1;transform:rotate(2deg) translate(-.25vw)}.snackbar:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#282224;border:2px solid #00e0f2;z-index:-1}.snackbar h3{position:absolute;top:-2.2vh;left:0;font-size:2.2vh;margin:0;color:#282224}.snackbar h3:before{content:"NOTICE"}.snackbar button{position:absolute;right:0;background-color:transparent;border:none;outline:none;cursor:pointer;transition:all .3s ease}.snackbar button:hover{transform:rotate(5deg);color:#eb5252}.snackbar.danger h3:before{content:"INFORMATION"}.snackbar.danger:before{background-color:#fff921}.snackbar.danger:after{border-color:#fff921}.snackbar.error h3:before{content:"ERROR"}.snackbar.error:before{background-color:#eb5252}.snackbar.error:after{border-color:#eb5252}.snackbar.snackbar-transition-enter{transform:scaleX(0);transform-origin:right}.snackbar.snackbar-transition-enter:before{transform:rotate(0) translate(0)}.snackbar.snackbar-transition-enter-active{transform:scaleX(1);transition:all .2s ease}.snackbar.snackbar-transition-enter-active:before{transform:rotate(2deg) translate(-.25vw);transition:all .3s ease}.snackbar.snackbar-transition-exit{transform:scale(1);transform-origin:right}.snackbar.snackbar-transition-exit:before{transform:rotate(2deg) translate(-.25vw)}.snackbar.snackbar-transition-exit-active{transform:scale(.9,0);transition:all .1s .2s ease}.snackbar.snackbar-transition-exit-active:before{transform:rotate(0) translate(0);transition:all .3s ease}@media only screen and (max-width: 768px){.snackbar{width:95%;right:0;left:0;margin-left:auto;margin-right:auto}}.auth-component-wrapper{position:relative;top:50%;width:100%;height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:900px;z-index:2;transition:all .3s ease;pointer-events:none}.auth-component-wrapper.edit{transform:translate(-25%,-10vh);z-index:1}.auth-component-wrapper.edit .auth-component-container{opacity:1;transform:rotate(-3deg) scale(1.1)!important}.auth-component-wrapper.edit .auth-component-container .glasses{filter:brightness(0) invert(.1) drop-shadow(1vw -1vh #fdfffe)}.auth-component-wrapper.edit .auth-component-container .display-container .shine{background:#000000b3}.auth-component-wrapper.edit .message-container{transform:none}.auth-component-wrapper.edit .message-container .message{font-size:1.2em;color:#494948;text-shadow:.3vw -.3vh #fdfffe}@media only screen and (max-width: 768px){.auth-component-wrapper.edit{transform:translate(-30%,-10vh)}}@media only screen and (max-width: 768px) and (max-width: 576px){.auth-component-wrapper.edit{transform:translateY(-15vh)}.auth-component-wrapper.edit .message-container{font-size:.7em}}.auth-component-wrapper.img-loading .auth-component-container,.auth-component-wrapper.img-loading .auth-component-container .ripple{animation-play-state:paused}.auth-component-wrapper.pending .auth-component-container{pointer-events:none}.auth-component-wrapper.pending .auth-component-container .display-container.left .shine:before{animation:shine 1s infinite}.auth-component-wrapper.pending .auth-component-container .display-container.right .shine:before{animation:shine 1s 1.1s infinite}.auth-component-wrapper .auth-component-container{position:relative;top:0;left:0;width:100vw;opacity:.9;animation:dropping .75s .2s backwards;overflow-y:visible;z-index:2;transition:all .3s ease}.auth-component-wrapper .auth-component-container.forgot .glasses{filter:drop-shadow(1vw -1vh #ff9d0f) drop-shadow(1.2vw -1.2vh #fdfffe)}.auth-component-wrapper .auth-component-container .glasses{width:100%;object-fit:contain;filter:drop-shadow(1.5vw 1.5vh 15px rgba(0,0,0,.7176470588));transition:all .3s ease}.auth-component-wrapper .auth-component-container .display-container{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.5vw;overflow:hidden;pointer-events:all}.auth-component-wrapper .auth-component-container .display-container .info-wrapper{margin-left:-3vw;margin-top:-3vh;animation:fadeIn .3s .2s ease backwards}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .edit-profile-img{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .edit-profile-img svg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;font-size:4em;color:#fdfffe;transform:skewY(-12deg) rotate(3deg);z-index:1;opacity:0;transition:all .3s ease}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .edit-profile-img img{transform:skewY(-7deg) rotate(3deg)}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .edit-profile-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .edit-profile-img:hover svg{opacity:1}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .edit-profile-img:hover:before{opacity:1}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .profile-img{position:absolute;top:0;bottom:0;left:0;right:10%;margin:auto;width:50%;border-radius:50%;object-fit:contain;z-index:-1}.auth-component-wrapper .auth-component-container .display-container .info-wrapper h1{text-align:left;margin:0;font-size:1.5em;letter-spacing:-.25vw;text-shadow:.3vw -.3vh #fdfffe}.auth-component-wrapper .auth-component-container .display-container .info-wrapper h1.name{padding:0 .2em;background-color:#000c;color:#fff;text-shadow:.3vw -.3vh #ff9d0f}.auth-component-wrapper .auth-component-container .display-container .info-wrapper b{margin:0;font-size:.7em;font-weight:700;text-shadow:.3vw -.3vh #fdfffe}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .toggle{margin:0 0 0 1em;font-size:.7em;font-weight:700;background-color:#fdfffe;border-radius:1em;width:45%;cursor:pointer;transition:all .3s ease}.auth-component-wrapper .auth-component-container .display-container .info-wrapper .toggle a{color:inherit}@media (hover: hover) and (pointer: fine){.auth-component-wrapper .auth-component-container .display-container .info-wrapper .toggle:hover{color:#00e0f2;background-color:#282224}}.auth-component-wrapper .auth-component-container .display-container .input-wrapper{animation:fadeIn .3s .2s ease backwards}.auth-component-wrapper .auth-component-container .display-container .input-wrapper.hidden{opacity:0;position:absolute}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form{display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:-3vw}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-container input{width:95%;background-color:transparent;color:#282224;border:none;border-bottom:2px solid #fdfffe;outline:none;font-size:.75em;letter-spacing:-.05vw;font-weight:700}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-container input:invalid,.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-container input.invalid{border-color:#eb5252;color:#eb5252}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo{display:flex;align-items:center;font-size:.6em}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist{margin:0;margin-top:.5vh;font-weight:500;display:flex;align-items:center;cursor:pointer;transition:all .3s ease}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist.active,.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist:hover{color:#282224;text-decoration:underline}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist.active:after,.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist:hover:after{opacity:.7;visibility:visible;transform:translate(2vw)}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist.active #icon,.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist:hover #icon{transform:rotate(10deg);transition:all .3s ease}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist:after{content:"";position:absolute;border:3em solid transparent;border-top:2vh solid #ff9d0f;border-bottom:none;opacity:0;visibility:hidden;width:0;height:0;transform:translate(-1vw);transition:all .3s ease;z-index:-1}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo .persist #icon{font-size:1em;transform:rotate(-10deg);transition:all .3s ease}.auth-component-wrapper .auth-component-container .display-container .input-wrapper form .input-subinfo a{margin:0;margin-left:1vw;margin-top:.5vh;font-weight:500;text-decoration:underline;color:#eb5252;cursor:pointer}.auth-component-wrapper .auth-component-container .display-container .shine{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;box-shadow:0 4px 30px #0000001a;z-index:-2}.auth-component-wrapper .auth-component-container .display-container .shine:before{content:"";position:absolute;left:0;top:-40%;width:30%;height:150%;transform:translate(-150%) rotate(30deg);background-color:#fdfffe;animation:shine .5s}.auth-component-wrapper .auth-component-container .display-container.right{width:37%;height:51%;left:31.5%;top:41%;color:#494948;clip-path:polygon(0% 9.5%,39% 0%,100% 1%,85% 80%,40% 120%,0% 70%);transform:skewY(12deg)}.auth-component-wrapper .auth-component-container .display-container.left{width:21%;height:50%;left:3.5%;top:20%;transform:skewY(22deg) rotate(-5deg);clip-path:polygon(14% 67%,7% 10%,90% 10%,85% 85%,40% 92%)}.auth-component-wrapper .auth-component-container .display-container.left button{height:100%;background-color:transparent;margin-bottom:1vh;border:none;outline:none;color:#ff9d0f;text-shadow:.2vw -.2vh #282224;font-size:.85em;font-weight:700;cursor:pointer;transition:all .3s ease;animation:fadeIn .3s .2s ease backwards}.auth-component-wrapper .auth-component-container .display-container.left button #icon{background-color:#282224;color:#fdfffe;border:.5vw solid #fff921;box-shadow:.3vw -.3vh #fdfffe;padding:.5vw;border-radius:50%;font-size:1.25em;transform:rotate(5deg) translate(1.25vw,-1vh);transition:all .3s ease}.auth-component-wrapper .auth-component-container .display-container.left button:hover{color:#282224;text-shadow:.3vw -.3vh #ff9d0f}.auth-component-wrapper .auth-component-container .display-container.left button:hover #icon{color:#ff9d0f}.auth-component-wrapper .auth-component-container .display-container.left button:disabled{color:#fdfffe}.auth-component-wrapper .auth-component-container .display-container.left button:disabled #icon{color:#494948;background-color:#fdfffe;border-color:#494948}.auth-component-wrapper .auth-component-container .ripple{position:absolute;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;width:2vw;height:1vh;opacity:0;border:rgba(246,240,128,.4039215686) 7px solid;border-radius:100%;box-shadow:inset 10px 10px 20px #a5a7a9,inset -10px -10px 20px transparent;z-index:-1;animation:ripple 1.2s .3s}.auth-component-wrapper .message-container{position:relative;width:100vw;height:0;font-size:2.5vw;transform:rotateX(65deg) rotate(24deg) rotateY(1deg) translate(-30%) skew(-20deg);transition:all .3s ease}.auth-component-wrapper .message-container .message{position:absolute;width:100%;height:0;margin:0;font-size:1.5em;color:#fdfffe;text-shadow:.4vw .8vh #494948;animation:slideIn .3s backwards}.auth-component-wrapper .message-container .message.error{color:#eb5252}.auth-component-wrapper .alt-container{display:none;align-items:center;justify-content:center;height:0;font-size:6vh;transform:translateY(10vh);z-index:3}.auth-component-wrapper .alt-container button{height:100%;background-color:transparent;margin-bottom:1vh;border:none;outline:none;color:#fdfffe;text-shadow:.2vw -.2vh #282224;text-transform:uppercase;font-size:.85em;font-weight:700;transition:all .3s ease;cursor:pointer}.auth-component-wrapper .alt-container button #icon{background-color:#282224;color:#fdfffe;border:.5vw solid #fff921;box-shadow:.3vw -.3vh #fdfffe;padding:.5vw;border-radius:50%;font-size:1.25em;transform:rotate(5deg) translate(.25vw);transition:all .3s ease}.auth-component-wrapper .alt-container button:hover{color:#282224;text-shadow:.3vw -.3vh #ff9d0f}.auth-component-wrapper .alt-container button:hover #icon{color:#ff9d0f}@media only screen and (max-width: 768px){.auth-component-wrapper .auth-component-container{width:130vw}.auth-component-wrapper .auth-component-container .display-container{font-size:3.5vw}}@media only screen and (max-width: 768px) and (max-width: 576px){.auth-component-wrapper{width:100vw;top:40%}.auth-component-wrapper .auth-component-container{width:230vw}.auth-component-wrapper .auth-component-container .display-container{font-size:5.75vw}.auth-component-wrapper .auth-component-container .display-container.left{display:none}.auth-component-wrapper .message-container{transform:rotateX(65deg) rotate(24deg) rotateY(1deg) translate(0) skew(-20deg)}.auth-component-wrapper .message-container .message{font-size:2.75em}.auth-component-wrapper .alt-container{display:flex}}@keyframes ripple{0%{opacity:1}to{width:100%;height:40vh;border-width:1px;opacity:0;transform:translateY(20vh) scale(2)}}@keyframes shine{0%{transform:translate(-150%) rotate(30deg)}to{transform:translate(350%) scaleY(1.5) rotate(30deg)}}@keyframes dropping{0%{transform:translate(2vw,-220vh) rotate(30deg) rotate(360deg)}33%{transform:translate(.5vw,1vh) rotate(-1deg) rotate(360deg)}50%{transform:translateY(-1vh) rotate(2deg) rotate(360deg)}80%,to{transform:translate(0) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}}.auth-wrapper{flex-grow:1;position:relative;top:0;left:0}.auth-wrapper .shape-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;perspective:900px;z-index:1}.auth-wrapper .shape-wrapper.signup .road-wrapper,.auth-wrapper .shape-wrapper.profile .road-wrapper{transform-origin:left;transform:rotateX(70deg) rotate(-45deg) translate(-100%,100%) scaleX(20)}.auth-wrapper .shape-wrapper.signup .road-wrapper .rainbow-road,.auth-wrapper .shape-wrapper.profile .road-wrapper .rainbow-road{top:0}.auth-wrapper .shape-wrapper.forgot .road-wrapper{transform-origin:left;transform:rotateX(70deg) rotate(-45deg) translate(-100%,95%) scaleX(20)}.auth-wrapper .shape-wrapper.forgot .road-wrapper .rainbow-road{top:0;background:#ff9d0f;opacity:.9}.auth-wrapper .shape-wrapper .road-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100vw;height:40vw;transform:rotateX(65deg) rotate(24deg) rotateY(1deg) scaleX(3);backface-visibility:hidden;transition:all .3s ease}.auth-wrapper .shape-wrapper .road-wrapper .rainbow-road{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0b5948,#0b5948 3%,#b5dc3e 3%,#b5dc3e 9%,#79cce5 9.2%,#79cce5 17%,#e9ecf3 17.2%,#e9ecf3 19%,#ecd800 19.2%,#ecd800 23%,#e0e7d3 23.2%,#e0e7d3 25%,#ee5716 25.2%,#ee5716 28%,#fffa77 28.2%,#fffa77 36%,#2aaa48 36.2%,#2aaa48 38%,#abd12f 38.2%,#abd12f 43%,#fa5228 43.2%,#fa5228 46%,#f7a529 46.2%,#f7a529 53%,#e9e613 53.2%,#e9e613 68%,#fff67b 68.2%,#fff67b 70%,#e9e613 70.2%,#e9e613 72%,#fff67b 72.2%,#fff67b 78%,#56762c 78.2%,#56762c 81%,#b9db2f 81.2%,#b9db2f 87%,#939a32 87.2%,#939a32 90%,#edf5fd 90.2%,#edf5fd 93%,#ea0008 93.2%,#ea0008 97%,#e5011f 97.2%,#e5011f);opacity:.7;animation:slideIn .5s .2s backwards;transition:all .3s ease}@media only screen and (max-width: 768px){.auth-wrapper .shape-wrapper .road-wrapper{height:50vw}}@media only screen and (max-width: 768px) and (max-width: 576px){.auth-wrapper .shape-wrapper .road-wrapper{height:60vw}}.catalog-wrapper{flex-grow:1}.catalog-container{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%}.album-card{position:absolute;right:0;height:100dvh;z-index:4;font-size:2.2vh}.album-card.expand .card-wrapper{bottom:25%;height:60%;transform:translate(-80%) rotate(360deg);transition:all .4s ease}.album-card.expand .card-wrapper .card-container:after{transform:scale(1.2);background-size:130% 130%}.album-card.expand .card-wrapper .card-container:before{background-color:#ff9d0f}.album-card.expand .card-wrapper .card-container .alt-content{visibility:visible;opacity:1}.album-card.expand .card-wrapper .card-container .main-content{visibility:hidden;opacity:0}.album-card .card-wrapper{position:absolute;bottom:-5%;margin:auto;height:75%;aspect-ratio:1/1;text-align:center;transition:all .75s;transform:translate(-60%);animation:rollIn .8s ease}.album-card .card-wrapper.filter-transition-exit{transform:translate(-500%) rotate(360deg);transition:all .3s}.album-card .card-wrapper.filter-transition-exit-done{display:none}.album-card .card-wrapper .card-container{position:absolute;width:100%;height:100%;border-radius:50%;transform:rotateX(0);overflow:hidden;color:#fdfffe;background-image:linear-gradient(#fff921 2px,transparent 2px),linear-gradient(to right,#fff921 2px,transparent 2px);background-size:30px 30px;background-color:#ff9d0f;filter:brightness(.95);animation:circlePop .3s ease .3s backwards}.album-card .card-wrapper .card-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 30%,#434343 30.2%,#434343 36%,black 36.2%,black 40%,transparent 40.2%,transparent 49%,#e9ecf3 49.2%,#e9ecf3 50%,#ea0a19 50.2%,#ea0a19 54%,black 54.2%,black 56%,#ea0a19 56.2%,#ea0a19 62%,black 62.2%,black 66%,#ea0a19 66.2%,#ea0a19 86%,#e9ecf3 86.2%,#e9ecf3 88%,#434343 88.2%,#434343 95%,black 95.2%,black 100%);background-repeat:no-repeat;background-position:50% 50%;filter:grayscale(1);animation:backgroundPop .3s ease .5s backwards;transition:all .3s ease;z-index:-1}.album-card .card-wrapper .card-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#f5e14b;box-shadow:inset 0 0 0 1em #fdfffe;mix-blend-mode:screen;transition:all .3s ease}.album-card .card-wrapper .card-container .main-content,.album-card .card-wrapper .card-container .alt-content{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease}.album-card .card-wrapper .card-container .main-content .head-container{position:absolute;left:0;top:22.5%;transform:rotate(-45deg) translate(20%);z-index:3}.album-card .card-wrapper .card-container .main-content .head-container h1{font-size:2.35em;margin:0 1vw;margin-bottom:-.5em;display:flex;align-items:center;color:#494948}.album-card .card-wrapper .card-container .main-content .head-container h1 svg{font-size:1em}.album-card .card-wrapper .card-container .main-content .head-container .switch{font-weight:700;text-decoration:underline;color:#494948;text-shadow:.1em -.1em #fdfffe;transition:all .3s ease;z-index:3}.album-card .card-wrapper .card-container .main-content .head-container .switch svg{color:#fdfffe;font-size:2.5em}.album-card .card-wrapper .card-container .main-content .head-container .switch:hover{color:#00e0f2;text-shadow:none;transform:rotate(-45deg) translate(19%)}.album-card .card-wrapper .card-container .main-content .head-container .switch:hover svg{color:#00e0f2}.album-card .card-wrapper .card-container .main-content .sort-container{position:absolute;top:0;bottom:0;margin:auto;width:100%;height:50%;z-index:2}.album-card .card-wrapper .card-container .main-content .sort-container .tabs{position:relative;left:44%;top:12.5%;height:100%;background-color:transparent;color:#494948;text-align:center;text-transform:uppercase}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab{position:relative;display:flex;align-items:center;justify-content:center;height:33%;aspect-ratio:1/1;font-size:1.5em;font-weight:500;transition:all .3s ease;margin:-.5em;cursor:pointer;animation:sortPop2 .3s ease backwards}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:nth-child(3n+1){animation-delay:.6s}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:nth-child(3n+1):after{filter:hue-rotate(-5deg)}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:nth-child(3n+2){animation-delay:.7s}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:nth-child(3n+2):after{filter:hue-rotate(-10deg)}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:nth-child(3n+3){animation-delay:.8s}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:nth-child(3n+3):after{filter:hue-rotate(-15deg)}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:nth-child(2n){transform:translate(-100%)}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:before{content:"order by:";position:absolute;opacity:0;top:0;font-size:.6em;color:#494948;transform:translate(-100%);transition:all .3s ease}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:after{content:"";position:absolute;margin:auto;height:100%;aspect-ratio:1/1;background-color:#ffffff80;border:.2em solid #ff9d0f;transform:rotate(45deg);transition:all .3s ease;z-index:-1}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab.checked{font-weight:700;color:#fdfffe}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab.checked:before{opacity:1;transform:translate(0)}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab.checked:after{background-color:#ff9d0f;border-color:#fdfffe;border-width:.3em;opacity:.8;transform:rotate(45deg) scale(1.2)}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:hover{color:#111158;opacity:.9;mix-blend-mode:hard-light}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab:hover:after{background-color:#eefbbb;transform:rotate(45deg) scale(1.1)}.album-card .card-wrapper .card-container .main-content .sort-container .tabs .tab .tab-content{display:flex;align-items:center}.album-card .card-wrapper .card-container .main-content .count-container{position:absolute;bottom:10%;left:-5%;width:30%;height:30%;border-radius:50%;background-color:#fdfffe;color:#ff9d0f;transition:all .3s ease;cursor:pointer;z-index:2}.album-card .card-wrapper .card-container .main-content .count-container .count{font-size:2.2em;font-weight:700;margin-left:3vw}.album-card .card-wrapper .card-container .main-content .count-container .count svg{font-size:.8em;transform:translateY(-.5em)}.album-card .card-wrapper .card-container .main-content .count-container .count p{font-size:.7em;margin:-.7em 0 0 2.5em;color:#494948;transition:all .3s ease}.album-card .card-wrapper .card-container .main-content .count-container .count p:last-child{visibility:hidden;opacity:0;transform:translate(-100%)}.album-card .card-wrapper .card-container .main-content .count-container:hover{left:-3%;opacity:.9;transform:rotate(2deg)}.album-card .card-wrapper .card-container .main-content .count-container:hover p{visibility:hidden;opacity:0}.album-card .card-wrapper .card-container .main-content .count-container:hover p:last-child{visibility:visible;opacity:1;transform:translateY(-50%)}.album-card .card-wrapper .card-container .alt-content{visibility:hidden;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#494948;z-index:1}.album-card .card-wrapper .card-container .alt-content h3{position:absolute;left:25%;writing-mode:vertical-lr;text-orientation:vertical;font-size:1.5em}.album-card .card-wrapper .card-container .alt-content .tab{position:relative;display:flex;align-items:center;justify-content:center;height:18%;aspect-ratio:1/1;font-size:1.1em;font-weight:500;margin:-.1em;transition:all .3s ease;animation:sortPop2 .3s ease backwards}.album-card .card-wrapper .card-container .alt-content .tab:nth-child(3n+1){animation-delay:.2s}.album-card .card-wrapper .card-container .alt-content .tab:nth-child(3n+2){animation-delay:.3s}.album-card .card-wrapper .card-container .alt-content .tab:nth-child(3n+3){animation-delay:.4s}.album-card .card-wrapper .card-container .alt-content .tab.toggle-load,.album-card .card-wrapper .card-container .alt-content .tab.toggle-load label{cursor:pointer}.album-card .card-wrapper .card-container .alt-content .tab.toggle-load label:hover{color:#00e0f2;transform:scale(1.1)}.album-card .card-wrapper .card-container .alt-content .tab.toggle-load:after{border-color:#ff9d0f}.album-card .card-wrapper .card-container .alt-content .tab.active label{text-decoration:underline}.album-card .card-wrapper .card-container .alt-content .tab.active:before{opacity:1;transform:rotate(45deg)}.album-card .card-wrapper .card-container .alt-content .tab.load-count{width:50%;font-size:.8em}.album-card .card-wrapper .card-container .alt-content .tab:nth-child(odd){transform:translate(80%)}.album-card .card-wrapper .card-container .alt-content .tab:before{content:"";position:absolute;height:80%;aspect-ratio:1/1;opacity:0;background-color:#ff9d0f;transition:all .3s ease;z-index:-1}.album-card .card-wrapper .card-container .alt-content .tab:after{content:"";position:absolute;margin:auto;height:100%;aspect-ratio:1/1;background-color:#ffffff80;border:.4em solid #fdfffe;transform:rotate(45deg);transition:all .3s ease;z-index:-2}.album-card .card-wrapper .card-container .alt-content .tab label{display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.album-card .card-wrapper .card-container .alt-content .tab label b{display:block;font-size:1.5em;width:1.6em;height:1.6em;background-color:#ff9d0f;border-radius:50%}.album-card .card-wrapper .card-container .alt-content .tab label input{background-color:transparent;outline:none;color:#282224;width:2em;height:2em;font-size:1.5em;text-align:center}@media only screen and (max-width: 768px){.album-card .card-wrapper{display:none}.album-card .card-wrapper.filter-transition-enter{transform:translate(-500%) rotate(360deg);transition:all .3s}.album-card .card-wrapper.filter-transition-enter-done{display:none}.album-card .card-wrapper.filter-transition-exit{transform:none}.album-card .card-wrapper.filter-transition-exit-done{display:block}}@keyframes rollIn{0%{bottom:-25%;transform:translate(-300%) rotate(-360deg)}}@keyframes circlePop{0%{transform:scale(.6)}}@keyframes backgroundPop{0%{transform:scale(.5);background-size:90% 90%}}@keyframes sortPop2{0%{opacity:0;transform:rotate(48deg) scale(.4)}}.album-row{direction:ltr;display:flex;table-layout:fixed;position:sticky;top:2vh;right:27%;color:#fdfffe;width:72.5%;max-height:80vh;min-width:35vw;font-size:2vw;animation:albumRowPop .5s ease .1s backwards;transition:all .3s ease;transform-origin:bottom;padding-bottom:2%}.album-row:nth-child(2n) .cover{transform:translate(1vw,-.5vh) rotate(.5deg)}.album-row:nth-child(2n) .cover:after{background-size:200% 200%;background-position:top left;background-repeat:no-repeat;background-image:radial-gradient(ellipse at center,transparent 0%,transparent 56%,#f10991 56.2%,#f10991 58%,#00fff7 58.2%,#00fff7 66%,#00a8ff 66.2%,#00a8ff 74%,#e9ecf3 74.2%,#e9ecf3 84%,#0856dc 84.2%,#0856dc 87%,#e9ecf3 87.2%,#e9ecf3 88%,#0856dc 88.2%,#0856dc 95%,#e9ecf3 95.2%,#e9ecf3 100%)}.album-row:nth-child(3n) .cover{transform:translate(1vw,-.5vh) rotate(.5deg)}.album-row:nth-child(3n) .cover:after{background-size:180% 180%;background-position:40% 10%;background-repeat:no-repeat;background-image:radial-gradient(ellipse at center,transparent 0%,transparent 30%,#434343 30.2%,#434343 36%,black 36.2%,black 40%,transparent 40.2%,transparent 49%,#e9ecf3 49.2%,#e9ecf3 50%,#ea0a19 50.2%,#ea0a19 54%,black 54.2%,black 56%,#ea0a19 56.2%,#ea0a19 62%,black 62.2%,black 66%,#ea0a19 66.2%,#ea0a19 86%,#e9ecf3 86.2%,#e9ecf3 88%,#434343 88.2%,#434343 95%,black 95.2%,black 100%);opacity:.9}.album-row:first-child{margin-bottom:1em}.album-row:hover .action{visibility:visible;transform:translate(15%) rotate(35deg)}.album-row.active-row{aspect-ratio:1/.7}.album-row.active-row .action{visibility:visible;transform:translate(40%) rotate(90deg)}.album-row .cover{position:absolute;top:0;left:0;border-radius:.3em;z-index:-1;width:100%;aspect-ratio:1/1;transform:translateY(-1vh) rotate(1deg);overflow:hidden;box-shadow:0 -.2rem .5rem #0000006b}.album-row .cover:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:4px;background-size:200% 200%;background-position:top right;background-repeat:no-repeat;background-image:radial-gradient(ellipse at center,transparent 0%,transparent 40%,#fff921 40.2%,#fff921 48%,#eb5252 48.2%,#eb5252 50%,#fff921 50.2%,#fff921 55%,#edf5fd 55.2%,#edf5fd 56%,#fff921 56.2%,#fff921 59%,#b5dc3e 59.2%,#b5dc3e 61%,#fff921 61.2%,#fff921 62%,#b9db2f 62.2%,#b9db2f 71%,#edf5fd 71.2%,#edf5fd 72%,#ff9d0f 72.2%,#ff9d0f 75%,#fff921 75.2%,#fff921 78%,#ff9d0f 78.2%,#ff9d0f 81.5%,#ff1e00 81.7%,#ff1e00 83%,#ff9d0f 83.2%,#ff9d0f 90%,#fff921 90.2%,#fff921 100%);filter:grayscale(1);opacity:.3;z-index:-1}.album-row .cover:before{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:1/1;background:linear-gradient(-35deg,#ffc801,#fdc31b);mix-blend-mode:hard-light}.album-row .cover .cover-info{display:none;position:absolute;bottom:1em;left:1em;width:90%;display:flex;align-items:flex-end}.album-row .cover .cover-info .barcode{display:flex;align-items:center;justify-content:center;color:#282224;background-color:#fdfffe;transform:rotate(180deg);margin-right:.5em}.album-row .cover .cover-info .barcode p{writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:.2em;margin:0 -.5em 0 0;font-size:.85em}.album-row .cover .cover-info .barcode div{display:flex;flex-direction:column;padding:.5em 0}.album-row .cover .cover-info .barcode div svg{font-size:3em;margin:-.15em 0}.album-row .cover .cover-info .random-text{margin:0;width:70%;text-align:left;text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.album-row .cover .logo{position:absolute;bottom:0;right:1vw;width:20%;filter:grayscale(1)}.album-row .album-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-left:2vw;margin-top:.5vh}.album-row .album-info h1{font-size:1.2em;text-shadow:.05em -.05em #282224}.album-row .album-info .album-img{width:90%;aspect-ratio:1/1;object-fit:cover;background-color:#fdfffe;padding:.5vh;margin-bottom:.5em}.album-row .album-info .sub{visibility:hidden;transform-origin:left;transform:scaleX(0);height:0;transition:all .3s ease}.album-row .album-info .sub b.year{font-size:1.1em}.album-row .album-info .sub p.desc{margin:.5em 0;width:100%;font-size:.75em;white-space:normal;overflow-wrap:break-word;background-color:#fdfffe;color:#282224;padding:.5vh .5vw}.album-row .album-info .sub .clickable{margin:0 0 0 .5em;text-transform:uppercase;font-size:.9em;font-weight:500;text-decoration:underline;transition:all .3s ease;cursor:pointer}.album-row .album-info .sub .clickable:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;opacity:0;background-color:#494948;transform:scaleX(0);transition:all .3s ease;z-index:-1}.album-row .album-info .sub .clickable:hover{color:#70fffe;text-decoration:underline;transform:translate(2%)}.album-row .album-info .sub .clickable:hover:before{opacity:1;transform:scaleX(1)}.album-row .album-content{max-height:80%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-right:2vw;margin-top:3vh}.album-row .album-content .play-button{font-size:2em;background-color:#494948;color:#ff9d0f;border-radius:50%;padding:.75vh;transition:all .3s ease;cursor:pointer}.album-row .album-content .play-button:hover{transform:rotate(5deg) scale(1.05);color:#70fffe}.album-row .album-content .main-info{display:flex;align-items:center;width:95%}.album-row .album-content .main-info .info{margin-left:.5vw;width:100%}.album-row .album-content .main-info .info .tags .tag{background-color:#494948;border-radius:20px;font-size:.75em;font-weight:400;padding:0 1vw;transition:all .3s ease;cursor:pointer}.album-row .album-content .main-info .info .tags .tag:hover{color:#ff9d0f;background-color:#70fffe}.album-row .album-content .main-info .info .tags .tag:before{content:"#"}.album-row .album-content .main-info .info .bottom .sub{visibility:visible;transform:scaleX(1);transform-origin:left;transition:all .3s ease}.album-row .album-content .main-info .info .bottom .sub b.year,.album-row .album-content .main-info .info .bottom .sub p.desc{font-size:1em;margin:0}.album-row .album-content .main-info .info .bottom .title{margin:0;font-size:1.25em;width:100%;text-transform:uppercase;text-shadow:.05em -.05em #282224;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;border-bottom:.2em solid #fdfffe}.album-row .album-content ul.preview{position:relative;width:90%;max-height:8.5em;list-style-type:decimal;margin:.5vh 0;overflow-y:auto}.album-row .album-content ul.preview li{margin:.5vh 0;animation:previewRowPop .3s ease}.album-row .album-content ul.preview li .title{font-size:.95em}.album-row .album-content ul.preview::-webkit-scrollbar-track{background-color:transparent}.album-row .album-content ul.preview::-webkit-scrollbar{width:8px;background-color:transparent}.album-row .album-content ul.preview::-webkit-scrollbar-thumb{background-color:#494948;border:1px solid #fdfffe}.album-row .album-content ul.preview::-webkit-scrollbar-track-piece{margin-top:0;background-color:#fdfffe}.album-row .album-content .view-more{padding:0 2em;font-size:.95em;font-weight:500;text-align:center;list-style:none;cursor:pointer;transform:scale(1);transition:all .3s ease}.album-row .album-content .view-more:before{content:"";position:absolute;top:0;left:0;width:100%;height:90%;opacity:0;background-color:#fdfffe;transform:rotate(-2deg) translate(100%);transition:all .3s ease;z-index:-1}.album-row .album-content .view-more:hover{color:#eb5252;text-decoration:underline;transform:translate(-2%)}.album-row .album-content .view-more:hover:before{opacity:1;transform:rotate(-2deg) translate(0)}.album-row .action{visibility:hidden;position:absolute;top:3%;left:3%;border-radius:50%;background-color:#282224;z-index:-2;width:90%;aspect-ratio:1/1;box-shadow:0 -.2rem .5rem #0000006b;transition:all .3s ease .2s;background:linear-gradient(30deg,transparent 40%,rgba(42,41,40,.85) 40%) no-repeat 100% 0,linear-gradient(60deg,rgba(42,41,40,.85) 60%,transparent 60%) no-repeat 0 100%,repeating-radial-gradient(#2a2928,#2a2928 4px,#ada9a0,#2a2928 6px);background-size:50% 100%,100% 50%,100% 100%}.album-row .action:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:30%;aspect-ratio:1/1;border-radius:50%;background:#ff9d0f}.album-row.active-row .sub{visibility:visible;transform:none;height:auto}.album-row.active-row .main-info .info .bottom .sub{visibility:hidden;transform:translateY(110%);opacity:0;height:0}.album-row:last-child .cover .cover-info{display:flex}@media only screen and (max-width: 768px){.album-row{width:90%;right:7%;font-size:2.5vw}}@media only screen and (max-width: 768px) and (max-width: 576px){.album-row{width:100%;font-size:3.25vw;right:0}.album-row .action{display:none}.album-row .album-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-left:2vw;margin-top:.5vh}.album-row .album-info h1{margin:0;font-size:1.1em;text-shadow:.1em -.1em #282224}.album-row .album-info .album-img{width:75%}.album-row .album-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-right:2vw;margin-top:2vh}.album-row .album-content .play-button{display:none}.album-row .album-content ul.preview{width:85%}.album-row .album-content .main-info .info{margin-left:.5vw;width:100%}.album-row .album-content .main-info .info .bottom .title{font-size:1.25em;text-shadow:.1em -.1em #282224}}@keyframes albumRowPop{0%{filter:brightness(.5);transform:rotateX(-30deg) rotate(5deg) translateZ(50px) translateY(100vh) scale(1.1)}50%{transform:rotateX(1deg) rotate(-1deg) translateZ(-1px) translateY(-.5vh) scale(.99)}}@keyframes previewRowPop{0%{opacity:0;transform:translateY(-110%)}}.album-container{position:relative;display:flex;height:100%;width:100%}.album-container .album{position:absolute;top:0;left:7%;height:100dvh;z-index:3}.album-container .album .album-table{background-color:transparent;font-size:2.4vh}.album-container .album .album-table thead{position:relative;border-collapse:collapse;height:10dvh;transform:rotate(1deg);animation:pushIn .5s ease .1s backwards}.album-container .album .album-table thead:before{content:"";position:absolute;bottom:1%;left:8%;width:85%;aspect-ratio:1/1;border-radius:.3em;background-color:#fdfffe;box-shadow:-2vw .5vh #494948;mix-blend-mode:hard-light;z-index:-1}.album-container .album .album-table thead:after{content:"";position:absolute;bottom:0;left:7%;width:85%;aspect-ratio:1/1;border-radius:.3em;box-shadow:0 -.2rem .5rem #0000006b;background-size:200% 200%;background-position:bottom left;background-repeat:no-repeat;background-image:radial-gradient(ellipse at center,transparent 0%,transparent 40%,#fff921 40.2%,#fff921 48%,#eb5252 48.2%,#eb5252 50%,#fff921 50.2%,#fff921 55%,#edf5fd 55.2%,#edf5fd 56%,#fff921 56.2%,#fff921 59%,#b5dc3e 59.2%,#b5dc3e 61%,#fff921 61.2%,#fff921 62%,#b9db2f 62.2%,#b9db2f 71%,#edf5fd 71.2%,#edf5fd 72%,#ff9d0f 72.2%,#ff9d0f 75%,#fff921 75.2%,#fff921 78%,#ff9d0f 78.2%,#ff9d0f 81.5%,#ff1e00 81.7%,#ff1e00 83%,#ff9d0f 83.2%,#ff9d0f 90%,#fff921 90.2%,#fff921 100%);filter:grayscale(1);opacity:.1;z-index:-1}.album-container .album .album-table thead tr{text-align:center;table-layout:fixed;display:table;width:100%;height:10dvh}.album-container .album .album-table thead tr th.search-cell{position:relative;overflow:visible;display:flex;align-items:center;left:32%}.album-container .album .album-table thead tr th.search-cell .search-wrapper{position:relative;height:6vh;display:flex;align-items:center}.album-container .album .album-table thead tr th.search-cell .search-wrapper .search-container{position:relative;display:flex;align-items:center;height:6vh;width:100%;background-color:#494948;box-shadow:inset 0 0 .5em .1em #0000006b}.album-container .album .album-table thead tr th.search-cell .search-wrapper .search-container:before{content:"|";position:absolute;top:0;bottom:0;left:1%;margin:auto;height:110%;aspect-ratio:.8/1;color:#eb5252;background-color:#494948;border-right:solid .1em #fdfffe;box-shadow:0 -.2rem .9rem #0000006b;border-radius:.3em;animation:slideLeft .4s ease .3s}.album-container .album .album-table thead tr th.search-cell .search-wrapper .search-container:after{content:"| i i | i i | i i | i i | i i | i i | i i | i i |";position:absolute;top:-50%;left:5%;width:95%;overflow:hidden;text-overflow:clip;white-space:nowrap;color:#282224;z-index:-1}.album-container .album .album-table thead tr th.search-cell .search-wrapper .search-container .search-input{display:flex;align-items:center;justify-content:space-between;width:100%;height:65%;margin-left:2.5em;margin-right:1em;border-bottom:solid .3em black}.album-container .album .album-table thead tr th.search-cell .search-wrapper .search-container .search-input .search-field{width:100%;padding-left:1vw;background-color:transparent;font-size:1em;font-weight:600;color:#fdfffe;border:none;outline:none;transition:all .3s ease}.album-container .album .album-table thead tr th.search-cell .search-wrapper .search-container .search-input .search-button{background-color:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#fdfffe;transform:translateY(.3vh)}.album-container .album .album-table thead tr th.search-cell .search-wrapper .search-container .search-input .search-button svg{font-size:3.5vh}.album-container .album .album-table thead tr th.search-cell .search-wrapper .search-container .search-input .search-button:hover{color:#8afe15;transform:scale(1.05)}.album-container .album .album-table thead tr th.search-cell .search-wrapper .filter-button{background-color:#494948;border-radius:.3em;height:125%;aspect-ratio:.8/1;display:flex;align-items:center;justify-content:center;cursor:pointer}.album-container .album .album-table thead tr th.search-cell .search-wrapper .filter-button svg{font-size:2.25em;transition:all .3s ease}@media (hover: hover) and (pointer: fine){.album-container .album .album-table thead tr th.search-cell .search-wrapper .filter-button:hover svg{transform:scale(1.05);color:#eb5252}}.album-container .album .album-table .album-body{direction:rtl;border-collapse:collapse;position:absolute;padding-top:2vh;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;overflow-y:auto;overflow-x:hidden;display:block;height:88%;min-width:35vw;z-index:-1;perspective:900px}.album-container .album .album-table .album-body::-webkit-scrollbar-track{background-color:transparent}.album-container .album .album-table .album-body::-webkit-scrollbar{width:8px;background-color:transparent}.album-container .album .album-table .album-body::-webkit-scrollbar-thumb{background-color:#282224;border:1px solid #fdfffe}.album-container .album .album-table .album-body::-webkit-scrollbar-track-piece{margin-top:6vh;background-color:#fdfffe}.album-container .album .album-table .album-body::-webkit-scrollbar-track-piece:start{margin-top:30vh}.album-container .album .album-table .album-body::-webkit-scrollbar-track-piece:end{margin-bottom:10vh}.album-container .album .album-table th,.album-container .album .album-table td{padding:.75vh .75vw;overflow-x:visible}@media only screen and (max-width: 768px){.album-container .album .album-table thead{left:30%}.album-container .album .album-table thead tr th.search-cell{left:10%}.album-container .album .album-table thead tr th.search-cell .search-wrapper{width:55%;transform:translateY(20%)}}@media only screen and (max-width: 768px) and (max-width: 576px){.album-container .album{left:2%}.album-container .album .album-table thead{left:15%}.album-container .album .album-table thead tr th.search-cell .search-wrapper{width:75%}.album-container .album .album-table .album-body{height:85%}}@keyframes slideLeft{0%{transform:translate(600%)}}@keyframes pushIn{0%{transform:translate(5%,-100%) rotate(10deg)}50%{transform:translate(-1%,1%) rotate(-1deg)}}.playlist-modal{position:absolute;top:0;left:0;z-index:100;background-color:#00000080;width:100%;height:100%}.playlist-modal .icon-button{background-color:transparent;border:none;outline:none;cursor:pointer;transition:all .25s ease}.playlist-modal .icon-button svg{font-size:3.5vh}.playlist-modal .icon-button:hover{color:#ff9d0f;transform:scale(1.1) rotate(-10deg)}.playlist-modal .icon-button:active{transform:scale(1.2)}.playlist-modal .base{width:100%}.playlist-modal .base .vhs{position:absolute;bottom:0;left:10%;width:70%;aspect-ratio:11/6;border-radius:.5em;background-color:#494948;border:.5em ridge #444;filter:brightness(.8);z-index:-1;animation:pushIn2 .5s ease .1s backwards}.playlist-modal .base .vhs:before{content:"";position:absolute;bottom:5%;left:0;right:0;margin:auto;width:92.5%;height:85%;background-color:#fdfffe;border-radius:.5em;border-bottom:solid 2em #eb5252}.playlist-modal .base .vhs:after{content:"";position:absolute;bottom:.25em;left:0;right:0;margin:auto;width:92.5%;height:.75em;border-left:dotted .75em #282224;border-right:dotted .75em #282224}.playlist-modal .base .vhs-2{position:absolute;left:0;bottom:0;width:10%;aspect-ratio:1/3.8;border-radius:.5em;box-shadow:0 -.3rem .3rem inset #0000006b;background:linear-gradient(to bottom,#494948,#494948,#595959,#595959,#494948 4%,#494948 96%,#595959,#595959,#494948,#494948);border-right:solid .4em #282224;z-index:1;animation:pushIn3 .5s ease}.playlist-modal .base .vhs-2:before{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;height:100%;width:.1vh;background-color:#282224;z-index:-1}.playlist-card{position:absolute;top:0;right:0;height:87.5dvh;z-index:4;perspective:1000px;transform-origin:top;transition:all .3s ease;animation:sway .6s ease-in-out;font-size:2.2vh;pointer-events:none;align-items:flex-end;display:flex}.playlist-card.filter-transition-exit{transform:translateY(-300%)}.playlist-card.filter-transition-exit-done{display:none}.playlist-card .card-container{height:65%;aspect-ratio:9/14;text-align:center;transform-style:preserve-3d;transition:transform .75s;animation:spin .6s ease-out;pointer-events:all}.playlist-card .card-container.flip{transform:translate(-25%,-25%) rotateY(-180deg);transition:transform .3s}.playlist-card .card-container.flip .front-face{pointer-events:none}.playlist-card .card-container .front-face,.playlist-card .card-container .back-face{position:absolute;width:100%;height:100%;border-radius:1em;box-shadow:-.1rem -.2rem .5rem #0000006b;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(0);overflow:hidden}.playlist-card .card-container .front-face{color:#fdfffe;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.playlist-card .card-container .front-face:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0b5948,#0b5948 3%,#b5dc3e 3%,#b5dc3e 9%,#79cce5 9.2%,#79cce5 17%,#e9ecf3 17.2%,#e9ecf3 19%,#ecd800 19.2%,#ecd800 23%,#e0e7d3 23.2%,#e0e7d3 25%,#ee5716 25.2%,#ee5716 28%,#fffa77 28.2%,#fffa77 36%,#2aaa48 36.2%,#2aaa48 38%,#abd12f 38.2%,#abd12f 43%,#fa5228 43.2%,#fa5228 46%,#f7a529 46.2%,#f7a529 53%,#e9e613 53.2%,#e9e613 68%,#fff67b 68.2%,#fff67b 70%,#e9e613 70.2%,#e9e613 72%,#fff67b 72.2%,#fff67b 78%,#56762c 78.2%,#56762c 81%,#b9db2f 81.2%,#b9db2f 87%,#939a32 87.2%,#939a32 90%,#edf5fd 90.2%,#edf5fd 93%,#ea0008 93.2%,#ea0008 97%,#e5011f 97.2%,#e5011f);filter:grayscale(.75);z-index:-1}.playlist-card .card-container .front-face:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#eefbbb;mix-blend-mode:hard-light}.playlist-card .card-container .front-face .head-container{position:relative;width:100%;height:22%;color:#494948;background-color:#eefbbb;border-bottom:solid 2vh #494948;z-index:2}.playlist-card .card-container .front-face .head-container h1{font-size:2.35em;margin:0 1vw;display:flex;align-items:center}.playlist-card .card-container .front-face .head-container h1 svg{font-size:1em}.playlist-card .card-container .front-face .head-container a{font-size:1em;width:80%;height:3vh;background-color:#f5e14b;padding:1vh 1vw;text-decoration:underline;display:flex;align-items:center;transition:all .3s ease}.playlist-card .card-container .front-face .head-container a svg{color:#494948;font-size:2em;margin-left:.2vw;transition:all .3s ease}.playlist-card .card-container .front-face .head-container a:hover{color:#70fffe}.playlist-card .card-container .front-face .head-container a:hover svg{color:#70fffe;transform:translate(.5vw)}.playlist-card .card-container .front-face .visibility-button{position:relative;top:-5%;left:5%;width:6vh;height:6vh;display:flex;align-items:center;justify-content:center;color:#494948;z-index:2;cursor:pointer}.playlist-card .card-container .front-face .visibility-button:hover svg{transform:rotate(5deg);color:#ff9d0f}.playlist-card .card-container .front-face .visibility-button:hover p{opacity:1;transform:translate(0)}.playlist-card .card-container .front-face .visibility-button:hover:before{top:-10%}.playlist-card .card-container .front-face .visibility-button svg{font-size:2.5em;transition:all .3s ease}.playlist-card .card-container .front-face .visibility-button p{opacity:0;height:0;width:0;color:#ff9d0f;font-weight:700;transform:translate(-5vw);transition:all .3s ease}.playlist-card .card-container .front-face .visibility-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#70fffe;transform:rotate(45deg);z-index:-1}.playlist-card .card-container .front-face .visibility-button:before{content:"";position:absolute;top:20%;left:-10%;width:120%;height:120%;background-color:#494948;transform:rotate(45deg);transition:all .3s ease;z-index:-1}.playlist-card .card-container .front-face .sort-container{position:relative;width:150%;background-color:#494948;display:flex;justify-content:center;align-items:center;transform-origin:left;transform:rotate(-45deg) translate(-15%,40%);z-index:1}.playlist-card .card-container .front-face .sort-container .tabs{display:flex;justify-content:space-between;position:relative;background-color:transparent;color:#fdfffe;text-align:center;text-transform:uppercase;animation:sortPop .3s ease-in;width:75%}.playlist-card .card-container .front-face .sort-container .tabs .tab{display:flex;align-items:center;justify-content:center;height:7vh;width:50%;font-size:1.5em;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease-in,background-color .15s ease-in;cursor:pointer}.playlist-card .card-container .front-face .sort-container .tabs .tab.checked{font-weight:700;color:#282224;z-index:1}.playlist-card .card-container .front-face .sort-container .tabs .tab:hover{color:#111158;background-color:#70fffe;opacity:.9;mix-blend-mode:hard-light}.playlist-card .card-container .front-face .sort-container .tabs .tab .tab-content{display:flex;align-items:center}.playlist-card .card-container .front-face .sort-container .tabs .tab:nth-child(3n+1).checked~.glider{transform:translate(0)}.playlist-card .card-container .front-face .sort-container .tabs .tab:nth-child(3n+2).checked~.glider{transform:translate(100%)}.playlist-card .card-container .front-face .sort-container .tabs .glider{position:absolute;top:-.35vh;left:-.5vw;display:flex;height:100%;width:50%;background-color:#f5e14b;z-index:0;transition:.25s ease-out;animation:sortPop .3s .2s ease}.playlist-card .card-container .front-face .sort-container .tabs .glider:before{content:"ORDER BY";position:absolute;left:-5px;top:-46vh;height:100vh;font-size:1em;writing-mode:vertical-lr;text-orientation:vertical;background-color:#494948}.playlist-card .card-container .front-face .count-container{position:relative;bottom:0;left:0;width:100%;background-color:#494948;border-top:double 2vh #ff9d0f;z-index:2}.playlist-card .card-container .front-face .count-container .count{position:relative;font-size:2.2em;margin-left:1vw;transition:all .3s ease;z-index:1;pointer-events:none}.playlist-card .card-container .front-face .count-container .count svg{display:none;font-size:.7em;transform:translateY(-.5em)}.playlist-card .card-container .front-face .count-container .count:after{content:"SHOWING";font-size:.5em;font-weight:500;margin-left:.5vw;text-shadow:.3vw -.3vh #ff9d0f;z-index:1}.playlist-card .card-container .front-face .count-container .count:has(~.pagination-button:hover){color:#fff921;margin-left:1.25vw}.playlist-card .card-container .front-face .count-container .pagination-button{position:absolute;left:0;bottom:0;width:170%;height:120%;font-size:1.75em;text-align:center;display:flex;align-items:center;justify-content:center;background-color:#ff9d0f;border-bottom:solid 1vh #494948;transform-origin:left;transform:rotate(-45deg) translate(-10%,40%);transition:all .3s ease;cursor:pointer}.playlist-card .card-container .front-face .count-container .pagination-button svg{font-size:3vw;margin-left:.5vw}.playlist-card .card-container .front-face .count-container .pagination-button:hover{color:#fff921;transform:rotate(-45deg) translate(-12%,40%)}.playlist-card .card-container .back-face{background-color:#fdfffe;color:#282224;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotateY(180deg)}.playlist-card .card-container .back-face h3{font-size:1.5em}.playlist-card .card-container .back-face label{width:80%;text-align:left;font-size:1.25em;display:flex;align-items:center}.playlist-card .card-container .back-face label.toggle-load{cursor:pointer}.playlist-card .card-container .back-face label.toggle-load svg{font-size:1.5em;margin-left:1vw}.playlist-card .card-container .back-face label.toggle-load.active,.playlist-card .card-container .back-face label.toggle-load:hover{text-decoration:underline}.playlist-card .card-container .back-face label.toggle-load.active svg,.playlist-card .card-container .back-face label.toggle-load:hover svg{transform:rotate(3deg);color:#494948;transition:all .3s ease}.playlist-card .card-container .back-face label input{background-color:transparent;border:none;border-bottom:.3vh solid #282224;outline:none;color:#282224;width:5vw;margin-left:1vw;font-size:1.25em}.playlist-card .rope{position:absolute;top:-95%;left:0;right:0;margin-left:auto;margin-right:auto;height:99%;width:.4vw;background-color:#fdfffe;z-index:3}.playlist-card .rope-knot{position:absolute;top:1vh;left:0;right:0;margin-left:auto;margin-right:auto;box-shadow:inset 1px 1px 1px #00000080,inset 0 0 0 25px #f5e14b;height:1.5vh;width:3vw;border-radius:10px;z-index:3}.playlist-card .rope-knot:before{content:"";position:absolute;top:-1.65vh;left:.6vw;height:140%;width:.4vw;border-radius:5px;background-color:#fdfffe;transform:rotate(-3deg)}.playlist-card .rope-knot:after{content:"";position:absolute;top:-1.65vh;right:.7vw;height:140%;width:.4vw;border-radius:5px;background-color:#fdfffe;transform:rotate(4deg)}@media only screen and (max-width: 768px){.playlist-card{display:none}.playlist-card.filter-transition-enter{transform:translateY(-300%)}.playlist-card.filter-transition-enter-done{display:none}.playlist-card.filter-transition-exit{transform:none}.playlist-card.filter-transition-exit-done{display:flex}}@keyframes sway{0%{transform:rotate(-90deg)}50%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes spin{0%{transform:rotateY(50deg)}50%{transform:rotateY(-30deg)}to{transform:rotateY(0)}}.playlist-container{position:relative;display:flex;height:100%;width:100%}.playlist-container .playlist{position:absolute;top:0;left:7%;height:100dvh;z-index:3}.playlist-container .playlist .playlist-table{background-color:transparent;font-size:2.4vh}.playlist-container .playlist .playlist-table thead{position:relative;border-collapse:collapse;height:15vh}.playlist-container .playlist .playlist-table thead tr{text-align:center;table-layout:fixed;display:table;width:100%}.playlist-container .playlist .playlist-table thead tr th{overflow:visible}.playlist-container .playlist .playlist-table thead tr th .base{position:absolute;bottom:0;left:0;width:77.5%;height:110%;border-radius:.5em;border:.4em ridge #6d6d6d;animation:pushIn2 .5s ease .1s backwards;background:#fff3;transform:rotate(-1deg)}.playlist-container .playlist .playlist-table thead tr th .base:before{content:"";position:absolute;bottom:-6%;left:-2%;width:102%;height:100%;border-radius:.5em;border:.4em ridge rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;z-index:-5}.playlist-container .playlist .playlist-table thead tr th .base .vhs{position:absolute;bottom:0;left:10%;width:90%;aspect-ratio:11/6;border-radius:.5em;background-color:#494948;border:.5em ridge #444;filter:brightness(.9);transform:rotate(2deg)}.playlist-container .playlist .playlist-table thead tr th .base .vhs:before{content:"";position:absolute;bottom:5%;left:0;right:0;margin:auto;width:92.5%;height:85%;background-color:#fdfffe;border-radius:.5em;border-bottom:solid 2em #eb5252}.playlist-container .playlist .playlist-table thead tr th .base .vhs:after{content:"";position:absolute;bottom:.25em;left:0;right:0;margin:auto;width:92.5%;height:.75em;border-left:dotted .75em #282224;border-right:dotted .75em #282224}.playlist-container .playlist .playlist-table thead tr th .search-wrapper{position:relative;left:27.5%;width:100%;height:5vh;display:flex;align-items:center;transform:translate(5vw,2vh) rotate(-1deg);z-index:1}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper{position:relative;left:-1%;width:12vw;height:130%;display:flex;align-items:center;justify-content:center;border-radius:1vh/10%;overflow:hidden;background-size:103% 100%;background-image:linear-gradient(to right,#95f0f0,#95f0f0 15%,#cef0f0 20%,#cef0f0 30%,#95f0f0 35%,#95f0f0);animation:rollTape linear .185s 4,rollTape3 ease-out .4s .1s backwards;transition:all .5s ease}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper:has(button:hover){transform:rotate(1deg) translate(-2%);background-position:right center}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper button{background-color:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#72727280;transform:translateY(.3vh);animation:rollTape3 .86s ease-out .1s backwards}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper button svg{font-size:3.5vh}@media (hover: hover) and (pointer: fine){.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper button:hover{color:#fdfffe;transform:translate(-2%) scale(1.05)}}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper button:has(~button:hover),.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper button:hover~button{transform:translate(-2%);opacity:.2}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .search-container{display:flex;align-items:center;justify-content:center;height:6vh;width:32.5%;background-color:#77dcdc;transform-origin:right;animation:rollTape2 .4s .43s ease-out backwards}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .search-container .search-input{display:flex;align-items:center;justify-content:space-between;width:100%;overflow:hidden}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .search-container .search-input .search-field{width:100%;padding-left:1vw;background-color:transparent;font-size:2.5vh;font-weight:600;color:#282224;border:none;outline:none;transition:all .3s ease;font-family:Indie Flower}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .search-container .search-input .search-button{background-color:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#72727280;margin-right:.3em}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .search-container .search-input .search-button svg{font-size:3.5vh}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .search-container .search-input .search-button:hover{color:#fdfffe;transform:scale(1.05)}.playlist-container .playlist .playlist-table .playlist-body{direction:rtl;border-collapse:collapse;position:absolute;top:0;overflow-y:auto;overflow-x:visible;display:block;height:100%;transform-origin:top;animation:openDrawer .5s ease-in-out .3s backwards;z-index:-1}.playlist-container .playlist .playlist-table .playlist-body::-webkit-scrollbar-track{background-color:transparent}.playlist-container .playlist .playlist-table .playlist-body::-webkit-scrollbar{width:8px;background-color:transparent}.playlist-container .playlist .playlist-table .playlist-body::-webkit-scrollbar-thumb{background-color:#282224;border:1px solid #fdfffe}.playlist-container .playlist .playlist-table .playlist-body::-webkit-scrollbar-track-piece{margin-top:6vh;background-color:#fdfffe}.playlist-container .playlist .playlist-table .playlist-body::-webkit-scrollbar-track-piece:start{margin-top:30vh}.playlist-container .playlist .playlist-table .playlist-body::-webkit-scrollbar-track-piece:end{margin-bottom:2vh}@media only screen and (max-width: 576px){.playlist-container .playlist .playlist-table .playlist-body{width:150%}}.playlist-container .playlist .playlist-table th,.playlist-container .playlist .playlist-table td{padding:.75vh .75vw;overflow-x:visible}@media only screen and (max-width: 768px){.playlist-container .playlist{max-width:100%}.playlist-container .playlist .playlist-table thead tr th .base{width:95%}.playlist-container .playlist .playlist-table thead tr th .base .vhs{left:15%}.playlist-container .playlist .playlist-table thead tr th .search-wrapper{left:30%}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper{width:15vw}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .search-container{width:45%}}@media only screen and (max-width: 768px) and (max-width: 576px){.playlist-container .playlist{left:2%}.playlist-container .playlist .playlist-table thead tr th .base{width:100%}.playlist-container .playlist .playlist-table thead tr th .base .vhs{left:18%}.playlist-container .playlist .playlist-table thead tr th .search-wrapper{left:20%}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .filter-buttons-wrapper{width:22.5vw}.playlist-container .playlist .playlist-table thead tr th .search-wrapper .search-container{width:50%}}@keyframes rollTape{0%,to{transform:rotate(0);background-position:left center}33%{transform:rotate(2deg);background-position:right center}66%{transform:rotate(-2deg);background-position:right center}}@keyframes rollTape2{0%{width:0}}@keyframes rollTape3{0%{transform:translate(-100vw)}}@keyframes pushIn2{0%{transform:translate(150%,-10%) rotate(30deg)}50%{transform:translate(-1%,1%) rotate(-1deg)}}@keyframes pushIn3{0%{transform:translate(-10%,-150%) rotate(10deg)}50%{transform:translate(1%,1%) rotate(-1deg)}}.playlist-row{position:relative;top:0;right:27.5%;font-size:1.75vw;color:#70fffe;background-color:transparent;table-layout:fixed;display:table;width:70%;aspect-ratio:1/.13;transform-origin:right;transition:all .3s ease;margin-bottom:.35vh;margin-left:1vw;transform:scale(1);animation:listRowPop .6s ease}.playlist-row:nth-child(2n){animation-delay:.1s;animation-fill-mode:backwards}.playlist-row:nth-child(2n) .vhs{transform:translate(1%);filter:brightness(.55)}.playlist-row:nth-child(2n) .label{left:4%;width:80%;background-image:repeating-linear-gradient(45deg,#e3e3e3 0,#e3e3e3 .5px,transparent 0,transparent 50%)}.playlist-row:nth-child(2n) .label:before{width:5%;background-color:#70fffe;border-right:none}.playlist-row:nth-child(2n) .label:after{width:3%;background-color:#00e0f2}.playlist-row:nth-child(2n) .play-button{background-color:#eefbbb;outline-color:#eefbbb;right:20%;transform:rotate(5deg)}.playlist-row:nth-child(2n) .play-button svg{transform:rotate(-5deg)}.playlist-row:nth-child(3n){animation-delay:.05s;animation-fill-mode:backwards}.playlist-row:nth-child(3n) .vhs{transform:translate(-1.2%);filter:brightness(.7)}.playlist-row:nth-child(3n) .label{left:3%;width:80%;background-image:repeating-linear-gradient(0deg,#e3e3e3,#e3e3e3 1px,transparent 1px,transparent)}.playlist-row:nth-child(3n) .label:before{display:none}.playlist-row:nth-child(3n) .label:after{width:7%;background-color:#eb5252}.playlist-row:nth-child(3n) .play-button{background-color:#f5e14b;outline-color:#f5e14b;right:18%;transform:rotate(-2deg)}.playlist-row:nth-child(3n) .play-button svg{transform:rotate(2deg)}.playlist-row:first-child{margin-top:16vh}.playlist-row.clickable{direction:ltr;cursor:pointer}.playlist-row.clickable:hover{right:25%}.playlist-row.clickable .vhs:after{content:"";position:absolute;top:auto;bottom:-.5vh;left:10%;width:4.5%;height:50%;border-radius:.5em;border:solid .7vh #282224;border-top-width:1.7vh;border-bottom-color:transparent;z-index:-1}.playlist-row.clickable .label{right:3%;left:auto}.playlist-row.clickable .label:before,.playlist-row.clickable .label:after{background-color:#eefbbb}.playlist-row .vhs{position:absolute;top:0;left:0;border-radius:.5em;width:100%;height:100%;box-shadow:0 -.3rem .3rem inset #0000006b;background:linear-gradient(to right,#494948,#494948 2%,#595959 2%,#595959 3%,#494948 3%,#494948 95%,#595959 95%,#595959 97.5%,#494948 97.5%,#494948 98%,#595959 98%,#595959 98.5%,#494948 98.5%,#494948);border-top:solid .4em #282224;z-index:-1}.playlist-row .vhs:before{content:"";position:absolute;left:0;top:0;bottom:0;margin:auto;width:100%;height:.1vh;background-color:#282224;z-index:-1}.playlist-row .vhs:after{content:"";position:absolute;top:-.75vh;right:10%;width:4.5%;height:50%;border-radius:.5em;border:solid .7vh #282224;border-bottom-width:1.7vh;border-top-color:transparent;z-index:-1}.playlist-row .label{position:absolute;top:10%;bottom:0;left:3%;margin:auto;width:79%;height:80%;border-radius:.5em;background-image:linear-gradient(#e3e3e3 1px,transparent 1px),linear-gradient(to right,#e3e3e3 1px,transparent 1px);background-size:20px 20px;background-color:#fdfffe;overflow:hidden;transform:scale(1)}.playlist-row .label:before{content:"";position:absolute;top:0;left:0;width:3%;height:100%;background-color:#f5e14b;border-right:solid 1.5vw #eefbbb}.playlist-row .label:after{content:"";position:absolute;top:0;right:0;width:5%;height:100%;background-color:#f5e14b}.playlist-row th,.playlist-row td{padding:.5vh 1.5vw}.playlist-row th .play-button,.playlist-row td .play-button{position:relative;right:15%;background-color:#fdfffe;outline:dashed .2em #fdfffe;color:#494948;width:2.5em;height:2.5em;padding:.25vh;cursor:pointer;display:flex;align-items:center;justify-content:center}.playlist-row th .play-button:hover,.playlist-row td .play-button:hover{color:#ff9d0f}.playlist-row th .play-button:hover svg,.playlist-row td .play-button:hover svg{transform:rotate(-5deg)}.playlist-row th .play-button svg,.playlist-row td .play-button svg{font-size:2.2em;transition:all .3s ease}.playlist-row th.playlist-info-cell,.playlist-row td.playlist-info-cell{direction:ltr;width:80%;text-align:left;font-family:Indie Flower}.playlist-row th.playlist-info-cell .playlist-info,.playlist-row td.playlist-info-cell .playlist-info{position:relative;left:7%;transform:translateY(7%)}.playlist-row th.playlist-info-cell .playlist-info .user,.playlist-row td.playlist-info-cell .playlist-info .user{margin:-.5em 0 0;font-size:1.3em;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%;color:#494948}.playlist-row th.playlist-info-cell .playlist-info .info-top,.playlist-row td.playlist-info-cell .playlist-info .info-top{width:95%;display:flex;align-items:center;justify-content:space-between}.playlist-row th.playlist-info-cell .playlist-info .info-top a,.playlist-row td.playlist-info-cell .playlist-info .info-top a{font-weight:700;font-size:1em;color:#494948}.playlist-row th.playlist-info-cell .playlist-info .info-top a:hover,.playlist-row td.playlist-info-cell .playlist-info .info-top a:hover{text-decoration:underline;color:#00e0f2}.playlist-row th.playlist-info-cell .playlist-info .info-top .title,.playlist-row td.playlist-info-cell .playlist-info .info-top .title{margin:0;font-size:1.5em;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;text-decoration:underline;width:80%;color:#282224}@media only screen and (max-width: 768px){.playlist-row{right:10%;width:85%;font-size:2vw}}@media only screen and (max-width: 768px) and (max-width: 576px){.playlist-row{left:0;right:auto;width:98%;font-size:3.5vw}.playlist-row th.playlist-info-cell,.playlist-row td.playlist-info-cell{width:40%}.playlist-row th.playlist-info-cell .playlist-info .info-top,.playlist-row td.playlist-info-cell .playlist-info .info-top{width:90%}}@keyframes listRowPop{0%{transform:translate(110vw) rotate(2deg) scale(.95,1.05)}40%{transform:translate(.5vw) rotate(-1deg) scale(1.01,.99)}70%{transform:translate(-.25vw) rotate(1deg) scale(1)}}.library-wrapper{flex-grow:1}.nav-container{position:fixed;right:3%;top:15%;width:20vw;font-size:2vw;z-index:4;animation:slideDrop .8s ease-in-out}.nav-container .nav{position:absolute;height:8.5dvh;width:15vw;background-color:#ff9d0f;color:#fdfffe;border-radius:.3em;font-size:1em;font-weight:700;text-decoration:line-through;filter:brightness(.8);display:flex;align-items:center;justify-content:center;transform-origin:right;transition:all .5s ease;transform:translateY(60%) rotate(-2deg);cursor:pointer}.nav-container .nav:last-child{background-color:#eefbbb;color:#494948}.nav-container .nav.active{transform:translate(-10%) rotate(3deg) rotateX(360deg);box-shadow:0 -.2rem .5rem #00000089;text-decoration:none;filter:none;z-index:1}@media (hover: hover) and (pointer: fine){.nav-container .nav:hover{color:#00e0f2;text-decoration:underline}}@media only screen and (max-width: 768px){.nav-container{right:auto;top:2%;left:15%}.nav-container .nav{transform:translate(65%,20%) rotate(-2deg)}}@media only screen and (max-width: 768px) and (max-width: 576px){.nav-container{top:11%;left:auto;right:2%;width:60vw;display:flex;justify-content:flex-end;font-size:3.5vw}.nav-container .nav{position:relative;min-width:45%;width:40vw;height:7dvh;transform:translate(-5%,10%) rotate(-2deg)}}@keyframes slideDrop{0%{transform:translate(50vw,-50%) rotate(5deg) rotateX(85deg) skew(5deg)}25%{transform:translate(1vw,-2%) rotate(-1deg) rotateX(80deg) skew(-2deg)}50%{transform:translate(-.5vw,1%) rotate(0) rotateX(78deg) skew(1deg)}75%{transform:translate(.5vw) rotate(0) rotateX(-1deg)}}.loading-container{position:absolute;left:0;top:0;z-index:99;width:100vw;height:100dvh;background-color:#000}.loading-transition-exit{opacity:1}.loading-transition-exit-active{opacity:0;transition:all .3s}.edit-modal{position:fixed;font-size:1.75vw;top:0;bottom:0;right:0;margin:auto;width:47vw;height:100%;z-index:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.edit-modal .button-container{width:100%;height:10%;margin-top:10%;display:flex;align-items:center;justify-content:center;background-color:#282224;animation:slideIn .3s ease .3s backwards;z-index:4}.edit-modal .tab{position:relative;width:95%;height:6%;background-color:#ff9d0f;margin-bottom:1em;border-top-left-radius:.2em;border-bottom-left-radius:.2em}.edit-modal .tab h2{position:absolute;bottom:0;left:0;margin:0;font-size:4em;font-weight:700;letter-spacing:-.05em;color:#282224;-webkit-text-stroke:.08em #fdfffe}.edit-modal .tab h2 span{text-align:inherit;width:100%;position:absolute;top:0;left:0;-webkit-text-stroke:0;pointer-events:none}.edit-modal .edit-shape{position:fixed;top:-20%;left:-5%;width:150%;height:30%;background-color:#fff921;transform:rotate(7deg);pointer-events:none;z-index:-1}.edit-modal .edit-shape:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff9d0f;transform:rotate(3deg)}.edit-modal .edit-shape:after{content:"";position:absolute;top:-35%;left:-20%;width:100%;height:100%;background-color:#282224;transform:rotate(-30deg)}.edit-modal .edit-form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background-color:#282224;padding:.5em 0 0 .6em;border-top-left-radius:.2em;border-bottom-left-radius:.2em;width:100%}.edit-modal .edit-form .fieldset{width:95%;text-align:left;padding-top:0;border-radius:.2em;margin-bottom:.5em;transition:all .2s ease;animation:slideFadeIn .2s ease .3s backwards}.edit-modal .edit-form .fieldset:focus-within,.edit-modal .edit-form .fieldset.active{padding:.5em;background-color:#ff9d0f;transform:translate(-5%,-5%)}.edit-modal .edit-form .fieldset:focus-within h3,.edit-modal .edit-form .fieldset.active h3{opacity:1;visibility:visible;position:relative;color:#494948}.edit-modal .edit-form .fieldset:focus-within h3:first-letter,.edit-modal .edit-form .fieldset.active h3:first-letter{color:#fdfffe}.edit-modal .edit-form .fieldset:focus-within input,.edit-modal .edit-form .fieldset.active input{background-color:#fff921;color:#ff9d0f}.edit-modal .edit-form .fieldset h3{opacity:0;margin:-.2em 0 0;visibility:hidden;position:absolute;font-size:1.75em;font-weight:600;color:#fdfffe;text-transform:capitalize;transition:all .2s ease;z-index:1}.edit-modal .edit-form .fieldset input{padding:0 .2em;border-radius:.2em;width:98%;background-color:#494948;border:none;outline:none;font-size:1.5em;color:#fdfffe;text-align:center}@media only screen and (max-width: 768px){.edit-modal{width:50vw;font-size:2.25vw}}@media only screen and (max-width: 768px) and (max-width: 576px){.edit-modal{width:100%;top:0;right:auto;left:0;font-size:3.5vw}}@keyframes slideFadeIn{0%{opacity:0;transform:translate(200%)}}.profile-wrapper{flex-grow:1;position:relative;top:0;left:0}.profile-wrapper .shape-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;perspective:900px;z-index:1;pointer-events:none}.profile-wrapper .shape-wrapper.edit{display:none}.profile-wrapper .shape-wrapper .road-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100vw;height:40vw;transform-origin:left;transform:rotateX(70deg) rotate(-45deg) translate(-100%,100%) scaleX(20);backface-visibility:hidden;transition:all .3s ease}.profile-wrapper .shape-wrapper .road-wrapper .rainbow-road{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0b5948,#0b5948 3%,#b5dc3e 3%,#b5dc3e 9%,#79cce5 9.2%,#79cce5 17%,#e9ecf3 17.2%,#e9ecf3 19%,#ecd800 19.2%,#ecd800 23%,#e0e7d3 23.2%,#e0e7d3 25%,#ee5716 25.2%,#ee5716 28%,#fffa77 28.2%,#fffa77 36%,#2aaa48 36.2%,#2aaa48 38%,#abd12f 38.2%,#abd12f 43%,#fa5228 43.2%,#fa5228 46%,#f7a529 46.2%,#f7a529 53%,#e9e613 53.2%,#e9e613 68%,#fff67b 68.2%,#fff67b 70%,#e9e613 70.2%,#e9e613 72%,#fff67b 72.2%,#fff67b 78%,#56762c 78.2%,#56762c 81%,#b9db2f 81.2%,#b9db2f 87%,#939a32 87.2%,#939a32 90%,#edf5fd 90.2%,#edf5fd 93%,#ea0008 93.2%,#ea0008 97%,#e5011f 97.2%,#e5011f);opacity:.7;animation:slideIn .5s .2s backwards;transition:all .3s ease}@media only screen and (max-width: 768px){.profile-wrapper .shape-wrapper .road-wrapper{height:50vw}}@media only screen and (max-width: 768px) and (max-width: 576px){.profile-wrapper .shape-wrapper .road-wrapper{height:60vw}}@keyframes slideIn{0%{transform:translate(200%)}}#root{margin:0;padding:0;text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;height:100%;background:linear-gradient(#19e2ff 17%,#197ad1 65%,#0117ab);speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#fff;text-decoration:inherit}body,html{margin:0;overflow:hidden}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.stroke-overlay{text-align:inherit;width:100%;position:absolute;left:0;-webkit-text-stroke:0;pointer-events:none}