@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap";:root{--primary-clr-white: #f1f1f1;--primary-clr-white-rgb: 241, 241, 241;--primary-clr-black: #0f0f0f;--primary-clr-black-rgb: 15, 15, 15}html,body{font-size:14px;font-family:"Roboto",sans-serif;font-weight:400;background:var(--primary-clr-black);color:var(--primary-clr-white)}#login-form,#singup-form,#form-forgotenpassword{color:var(--primary-clr-white)}#login-form .form-floating,#singup-form .form-floating,#form-forgotenpassword .form-floating{color:var(--primary-clr-black);filter:invert(1) grayscale(100%) brightness(200%)}html{scroll-behavior:smooth}a{text-decoration:none}.mt-6{margin-top:6rem}.text-upper{text-transform:uppercase}.text-ls-05{letter-spacing:.5px}.text-ls-1{letter-spacing:1px}.fs-7-5{font-size:.875rem}.fs-7{font-size:.75rem}.fs-8-5{font-size:.625rem}.fs-8{font-size:.5rem}.min-vh-50{min-height:50vh}.min-vh-80{min-height:64vh}.text-heading,.form-label{color:#333}.form-label.required::after{content:"*";color:red;margin-left:.35rem}.rounded-50p{border-radius:50%}.top-info-pg,.top-prefix{background:var(--primary-clr-black)}.top-prefix{padding:1.5rem 0}.top-prefix .container,.top-prefix .container-xxl{display:flex;align-items:center;gap:5rem;justify-content:space-between}.top-prefix .container .acc .ico,.top-prefix .container-xxl .acc .ico{font-size:1.7rem}.top-prefix .container .acc .ico:hover,.top-prefix .container-xxl .acc .ico:hover{transition:color .1s;color:#d50000 !important}.top-prefix .container .acc #userAccount,.top-prefix .container-xxl .acc #userAccount{z-index:1200;margin-top:30px;transition:all .2s ease;right:0;pointer-events:none;opacity:0}.top-prefix .container .acc #userAccount .userAccount-menu,.top-prefix .container-xxl .acc #userAccount .userAccount-menu{width:240px}.top-prefix .container .acc #userAccount .userAccount-menu li:not(:last-child),.top-prefix .container-xxl .acc #userAccount .userAccount-menu li:not(:last-child){border-bottom:1px solid #e9e9e9}.top-prefix .container .acc #userAccount .userAccount-menu li a,.top-prefix .container-xxl .acc #userAccount .userAccount-menu li a{display:block;color:#fff;padding:.6rem 0}.top-prefix .container .acc #userAccount .userAccount-menu li a .bi,.top-prefix .container-xxl .acc #userAccount .userAccount-menu li a .bi{margin-right:.5rem}.top-prefix .container .acc #userAccount .userAccount-menu li a:hover,.top-prefix .container-xxl .acc #userAccount .userAccount-menu li a:hover{color:#d50000 !important}.top-prefix .container .acc #userAccount.show,.top-prefix .container-xxl .acc #userAccount.show{margin-top:10px;pointer-events:all;opacity:1}.top-prefix .container .acc .dropdown,.top-prefix .container-xxl .acc .dropdown{padding:5px}.top-prefix .container .acc .dropdown [role=button],.top-prefix .container-xxl .acc .dropdown [role=button]{background:none;border:1px solid #f1f1f1}.top-prefix .container .acc .dropdown [role=button]:focus,.top-prefix .container-xxl .acc .dropdown [role=button]:focus{box-shadow:none}.dark-theme{filter:invert(1) grayscale(100%) brightness(200%)}.userAccount-menu-e-shop{list-style:none;padding:0;filter:invert(1) grayscale(100%) brightness(200%)}.userAccount-menu-e-shop li:not(:last-child){border-bottom:1px solid #e9e9e9}.userAccount-menu-e-shop li a{display:flex;align-items:center;gap:1rem;color:#000;padding:.6rem 0}.userAccount-menu-e-shop li a .bi{font-size:1.5rem}.userAccount-menu-e-shop li a:hover{color:var(--primary-clr-black) !important}.play-content-container #result-list-container{border:1px solid hsla(0,0%,100%,.2)}.play-content-container #result-list-container #result-list{max-height:calc(100% - 45px);overflow-y:auto}.border-white-alpha-02{border:1px solid hsla(0,0%,100%,.2)}#playlist-container{position:relative}#current-playlist-container{overflow-y:auto;max-height:calc(100% - 50px)}.playlist-title{position:sticky;top:0;z-index:3;background-color:#212121;color:var(--primary-clr-white)}.playlist-title [role=btn-options]{position:absolute;display:block;right:1rem;top:50%;transform:translateY(-50%)}#needle{outline:none;border:1px solid hsl(0,0%,18.82%);background:rgba(0,0,0,0);padding:.5rem .75rem;width:100%;color:var(--primary-clr-white);border-top-left-radius:.5rem;border-top-right-radius:.5rem;font-weight:500;font-size:1.2rem}.custom-btn{outline:none;border:1px solid hsl(0,0%,18.82%);background:rgba(0,0,0,0);padding:.25rem .75rem;width:100%;color:var(--primary-clr-white);font-weight:500;font-size:1.2rem}.custom-select{background-color:var(--primary-clr-black) !important;color:var(--primary-clr-white);border-color:hsl(0,0%,18.82%)}#suggestionsBox{position:absolute;z-index:1301;border:1px solid hsl(0,0%,18.82%);max-height:450px;overflow-y:auto;display:none;width:100%;max-width:100%;background-color:#212121;color:var(--primary-clr-white);box-shadow:0 2px 4px rgba(0,0,0,.15);border-bottom-left-radius:.35rem;border-bottom-right-radius:.35rem}#suggestionsBox .suggestion{padding:.5rem 1rem;cursor:pointer;font-size:1.1rem}#suggestionsBox .suggestion.disabled{cursor:default !important;pointer-events:none !important}#suggestionsBox .suggestion.active{background-color:#353535}#suggestionsBox .suggestion:hover,#suggestionsBox .suggestion.selected{background-color:#353535}#suggestionsBox .suggestion:hover.disabled,#suggestionsBox .suggestion.selected.disabled{background-color:var(--primary-clr-black) !important}.custom-scroll-bar::-webkit-scrollbar{width:7px}.custom-scroll-bar::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:5px}.custom-scroll-bar::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.2));border-radius:5px}.custom-scroll-bar::-webkit-scrollbar-thumb:hover{background:rgba(51,51,51,.949)}.logo{color:#000;letter-spacing:3px}.logo .l1{text-transform:uppercase;font-size:2.2rem;text-shadow:0 0 3px #000}.logo .l2{font-size:1.2rem;text-transform:lowercase}#prev,#play-pause,#next,#volume-mute{border:none;background:none;outline:none;color:#f1f1f1}#volume-mute{font-size:1.7rem}#prev,#play-pause,#next{padding:0 .5rem !important}#play-pause{font-size:3.5rem}#prev,#next{font-size:1.5rem}.main-nav [role=main-nav-link]{color:var(--primary-clr-white)}.main-nav [role=main-nav-link] span{display:inline-block;padding:.1rem .3rem}.main-nav .active{color:var(--primary-clr-white);font-weight:600}.main-nav .active span{border-radius:.4rem;background-color:red;color:#fff}.tube-from-you{position:relative;background-color:red;border-radius:.4rem;padding:0 .3rem;color:#fff}.title{font-family:"Fugaz One",serif;font-weight:400;font-style:normal}#player-container iframe{width:100%;aspect-ratio:16/9}.player{position:fixed;bottom:0;left:0;right:0;z-index:1101;text-align:center;padding:0 1rem;background-color:#212121;color:#f1f1f1}.progress-bar{width:100%;height:5px;background:#3b3b3b;margin:10px auto;position:relative;border-radius:.25rem;cursor:pointer}.progress-bar .progress{width:0;height:100%;background:red}.tracks-list{list-style:none;padding:0}.tracks-list li{display:flex;gap:.6rem;align-items:center;padding:.5rem .75rem;cursor:pointer;color:var(--primary-clr-white)}.tracks-list li:hover:not(.active):not(.pause){background-color:hsla(0,0%,100%,.1)}ul#playlist li.active,ul#playlist li.pause{position:relative;font-weight:500;background-color:rgba(51,51,51,.949)}ul#playlist li::before{font-family:bootstrap-icons !important}ul#playlist li.active::before{content:""}ul#playlist li.pause::before{content:""}#current-song{font-weight:500}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:60px;height:5px;background:linear-gradient(to right, #4CAF50 100%, #ccc 0%);border-radius:5px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#212121}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#212121}input[type=range]::-ms-thumb{width:10px;height:10px;border-radius:50%;background:#212121}footer{margin-top:10rem}#custom-context-menu{position:absolute;background-color:var(--primary-clr-black);color:var(--primary-clr-white);border:1px solid #3a3a3a;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;font-family:Arial,sans-serif;z-index:1101;overflow:hidden}#custom-context-menu ul{list-style:none;margin:0;padding:0}#custom-context-menu li{padding:8px 16px;cursor:pointer}#custom-context-menu li:hover{background-color:rgba(240,240,240,.2)}#mask{position:absolute;z-index:1102;top:65px;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:none}