.wrapperHeader .logo{font-family:Monoton,cursive;font-style:normal;font-weight:400;font-display:swap;font-size:28px;color:#fff;cursor:pointer;vertical-align:middle}.wrapperHeader .navItem{font-size:13px;font-weight:500;color:gray;margin-left:22px}.wrapperHeader .active,.wrapperHeader .logIn{color:#fff;font-weight:600}.wrapperHeader .logIn{background:#242424;padding:13px 20px;border-radius:100px;font-size:13px}.appWrapper,nav{background:#000}.appWrapper{color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background-color:rgba(96,96,96,.412);outline:1px solid #000}body{margin:0;font-size:1rem;font-weight:400;color:#212529;text-align:left;color:#fff;font-family:Montserrat,sans-serif!important;overflow-x:hidden;background:#000}body .container{filter:opacity(1)}body #content .collections .tile{background:#242424;padding:20px 18px;border-radius:8px;width:auto;height:6rem;display:flex}body #content .collections .tile .info{margin-left:25px;display:flex;flex-direction:column;justify-content:center}body #content .collections .tile .info span.title{color:#fff;font-weight:600;font-size:13px;display:block}body #content .collections .tile .info span.description{color:gray;font-size:10px;font-weight:600;margin-top:8px}body #content .collections .tile span.iconWrapper{background:repeating-linear-gradient(45deg,#1b19a2,rgba(150,0,255,.769) 100px);height:4rem;width:4.2rem;display:flex;justify-content:center;align-items:center;border-radius:8px}body #content .collections .tile span.iconWrapper .icon{font-size:34px}body #content .collections .tile:hover{filter:invert(1);cursor:pointer;background:radial-gradient(#291616,#000c13)}body #content .collections .tile,body #content .collections .tile:hover{transition:all .5s}body #content .recommendations .recommendation{display:flex;margin-bottom:24px;align-items:center;cursor:pointer;background:linear-gradient(90deg,#0b0039,#290024);border:2px solid #2c2442}body #content .recommendations .recommendation span.iconWrapper{background:repeating-linear-gradient(45deg,#fff,hsla(46,25%,77%,.77) 100px);height:4rem;width:auto;display:flex;justify-content:center;align-items:center;border-radius:8px;padding:0 16px}body #content .recommendations .recommendation span.iconWrapper .icon{font-size:34px;color:#000}body #content .recommendations .recommendation span.iconWrapper-skeleton{width:4rem;height:4rem;line-height:1}body #content .recommendations .recommendation span.info{margin-left:25px}body #content .recommendations .recommendation span.info div.title{color:#fff;font-weight:500;font-size:13px}body #content .recommendations .recommendation span.info div.artistName{color:#b1b1b1;font-size:13px;font-weight:600;margin-top:2px}body #content .recommendations .recommendation:hover{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.725));outline:none;text-decoration:none}body #content .recommendations .recommendation:hover div.title{color:#000!important}body #content .recommendations .recommendation:hover div.artistName{color:#434343!important}body #content .recommendations .recommendation:hover span.iconWrapper{background:#1f1f1f}body #content .recommendations .recommendation:hover span.iconWrapper .icon{color:#fff}body #content .sectionInfo{font-weight:600;text-transform:uppercase;font-size:12px;display:flex;justify-content:space-between;margin-bottom:24px;letter-spacing:1px}body #content .sectionInfo span.sectionTitle{color:gray}body #content .sectionInfo span.sectionCTA a{color:#e2b400}footer{display:block;padding:100px 0 65px}footer .list-inline{margin:0;padding:0}footer .copyright{font-size:14px;margin-bottom:0;text-align:center}.landing{background:#000}.landing p{line-height:1.5;margin:30px 0}.landing ul{margin-top:0;margin-bottom:1rem}.landing a{color:#007bff;text-decoration:none;background-color:transparent;color:#212529;transition:all .2s}.landing a:hover{color:#0056b3;text-decoration:underline;color:#0085a1}.landing a:focus{color:#0085a1}.landing button{border-radius:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;overflow:visible;text-transform:none;-webkit-appearance:button}.landing button::-moz-focus-inner{padding:0;border-style:none}.landing [type=button]{-webkit-appearance:button}.landing [type=button]::-moz-focus-inner{padding:0;border-style:none}.landing .list-inline{padding-left:0;list-style:none}.landing .list-inline-item{display:inline-block}.landing .list-inline-item:not(:last-child){margin-right:.5rem}.landing .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.landing .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.landing .col-lg-8,.landing .col-md-10{position:relative;width:100%;padding-right:15px;padding-left:15px}.landing .form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.landing .form-control::-ms-expand{background-color:transparent;border:0}.landing .form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.landing .form-control::placeholder{color:#6c757d;opacity:1}.landing .form-control:disabled{background-color:#e9ecef;opacity:1}.landing .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size:14px;font-weight:800;padding:15px 25px;letter-spacing:1px;text-transform:uppercase;border-radius:0;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.landing .btn:hover{color:#212529;text-decoration:none}.landing .btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.landing .btn:disabled{opacity:.65}.landing .btn-outline-info{color:#17a2b8;border-color:#17a2b8}.landing .btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.landing .btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.landing .btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.landing .collapse:not(.show){display:none}.landing .input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.landing .input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.landing .input-group>.form-control:focus{z-index:3}.landing .input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.landing .input-group>.input-group-append>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.landing .input-group-append{display:flex;margin-left:-1px}.landing .input-group-append .btn{position:relative;z-index:2}.landing .input-group-append .btn:focus{z-index:3}.landing .nav-link{display:block;padding:.5rem 1rem}.landing .nav-link:focus,.landing .nav-link:hover{text-decoration:none}.landing .navbar{position:relative;padding:.5rem 1rem}.landing .navbar,.landing .navbar>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.landing .navbar>.container{background:#000}.landing .navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.landing .navbar-brand:focus,.landing .navbar-brand:hover{text-decoration:none}.landing .navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.landing .navbar-nav .nav-link{padding-right:0;padding-left:0}.landing .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.landing .navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.landing .navbar-toggler:focus,.landing .navbar-toggler:hover{text-decoration:none}.landing .navbar-light .navbar-brand,.landing .navbar-light .navbar-brand:focus,.landing .navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.landing .navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.landing .navbar-light .navbar-nav .nav-link:focus,.landing .navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.landing .navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.landing .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.landing .mb-3{margin-bottom:1rem!important}.landing .mx-auto{margin-right:auto!important}.landing .ml-auto,.landing .mx-auto{margin-left:auto!important}.landing .text-center{text-align:center!important}.landing .text-muted{color:#6c757d!important}.landing .fab{font-feature-settings:normal;font-variant:normal;font-family:Font Awesome\ 5 Brands}.landing .fab,.landing .fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;text-rendering:auto;line-height:1}.landing .fas{font-feature-settings:normal;font-variant:normal;font-family:Font Awesome\ 5 Free;font-weight:900}.landing .fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.landing .fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.landing .fa-stack-1x{line-height:inherit}.landing .fa-stack-1x,.landing .fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.landing .fa-stack-2x{font-size:2em}.landing .fa-inverse{color:#fff}.landing .fa-bars:before{content:""}.landing .fa-circle:before{content:""}.landing .fa-facebook-f:before{content:""}.landing .fa-instagram:before{content:""}.landing .fa-twitter:before{content:""}.landing #mainNav{position:absolute;background-color:#000;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;border-bottom:1px solid transparent;background:#000;position:fixed;top:0;left:0}.landing #mainNav .navbar-brand{font-weight:800;color:#fff}.landing #mainNav .navbar-toggler{font-size:12px;font-weight:800;padding:13px;text-transform:uppercase;color:#fff}.landing #mainNav .navbar-nav>li.nav-item>a{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff}.landing header.masthead{margin-bottom:50px;background:no-repeat 50%;background-attachment:scroll;position:relative;background-size:cover}.landing header.masthead .overlay{position:absolute;top:0;left:0;height:100%;width:100%}.landing header.masthead .site-heading{padding:200px 0 150px;color:#fff;text-align:center}.landing header.masthead .site-heading .subheading{font-size:24px;font-weight:300;line-height:1.1;display:block;margin:30px 0 0;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.landing .site-logo{font-family:Monoton,cursive;background:#242424;padding:0 30px;cursor:default}@media(min-width:576px){.landing .container{max-width:540px}}@media(min-width:768px){.landing .container{max-width:720px}.landing .col-md-10{flex:0 0 83.333333%;max-width:83.333333%}}@media(min-width:992px){.landing .container{max-width:960px}.landing .col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.landing .navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.landing .navbar-expand-lg .navbar-nav{flex-direction:row}.landing .navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.landing .navbar-expand-lg>.container{flex-wrap:nowrap}.landing .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.landing .navbar-expand-lg .navbar-toggler{display:none}}@media(min-width:1200px){.landing .container{max-width:1140px}}@media(prefers-reduced-motion:reduce){.landing .btn,.landing .form-control{transition:none}}@media(max-width:991.98px){.landing .navbar-expand-lg>.container{padding-right:0;padding-left:0}}@media print{.landing a:not(.btn){text-decoration:underline}.landing p{orphans:3;widows:3}.landing .container,.landing body{min-width:992px!important}.landing .navbar{display:none}}@media only screen and (min-width:992px){.landing #mainNav{border-bottom:1px solid transparent;background:#000;transition:background-color .2s;transform:translateZ(0);-webkit-backface-visibility:hidden}.landing #mainNav .navbar-brand{padding:10px 20px;color:#fff}.landing #mainNav .navbar-brand:focus,.landing #mainNav .navbar-brand:hover{color:hsla(0,0%,100%,.8)}.landing #mainNav .navbar-nav>li.nav-item>a{padding:10px 20px;color:#fff}.landing #mainNav .navbar-nav>li.nav-item>a:focus,.landing #mainNav .navbar-nav>li.nav-item>a:hover{color:hsla(0,0%,100%,.8)}}@media only screen and (min-width:768px){.landing header.masthead .site-heading{padding:200px 0}}.mainContent .FullScreenPallete{position:fixed;top:59px;transform:scale(.9);left:0;right:0;bottom:0}.mainContent .mainPallete{background:#000;height:750px!important;margin:2px 0 0!important;padding:70px 0!important}.mainContent .mainPallete .infoBar{background:#3b3b3b;height:75px;position:relative;top:-36px;padding:0;width:440px;border-radius:10000px}.mainContent .mainPallete .infoBar .play{display:inline-flex;background:#f50;position:absolute;top:0;height:75px;left:6px;width:75px;align-items:center;justify-content:center;border-radius:10000px}.mainContent .mainPallete .infoBar .play .fa-play{font-weight:900;font-size:28px;position:relative;left:3px}.mainContent .mainPallete .playerContainer{background:#000;display:flex;justify-content:center}.mainContent .mainPallete .playerContainer iframe{width:100%!important;height:336px!important}.mainContent .chordControls{justify-content:center!important;border-radius:0 0 28px 28px;height:30px;padding:30px 10px;margin:0;background:#2e2e2e!important}.mainContent .background,.mainContent .chordControls{display:flex!important;-webkit-backdrop-filter:contrast(.8)!important;backdrop-filter:contrast(.8)!important}.mainContent .background{background:linear-gradient(135deg,#0a1124,#131427 35%,#0d153c 70%,#231235);border:2px solid rgba(36,33,29,.961);border-radius:28px 28px 0 0;height:auto;overflow-x:hidden;position:relative;padding:30px 0}.mainContent .background .chordsTrail{justify-content:center;width:930px;display:-webkit-box;overflow:hidden!important;height:306px;padding:0}.mainContent .background .chordsTrail li{display:flex;justify-content:flex-end}.mainContent .background .chordsTrail .currentChord .fretDiagram{transform:scale(1.4)}.mainContent .background .chordsTrail .currentChord .progressBar{background:#fff;display:block;height:5px;position:relative;top:20px;border-radius:100px}.mainContent .background .chordsTrail .previousChord{opacity:.5}.mainContent .background .chordsTrail .chordName{text-align:center;margin:50px 0 0;font-size:20px;color:#fff;font-weight:700;font-family:Montserrat,sans-serif}.mainContent .background .chordsTrail .currentChord{filter:brightness(5) contrast(2)}.mainContent .background .chordsTrail .currentChord .chord-single{transform:scale(1.3);transition:transform .5s;position:relative;top:12px}.mainContent .background .chordsTrail .currentChord .chordName{color:#fff!important;font-size:24px;position:relative;top:10px}.mainContent .background .chordsTrail .currentChord .chord-single{filter:invert(130%) sepia(430%) saturate(70%) hue-rotate(2turn) brightness(15%) contrast(100%)!important}.mainContent .background .chordsTrail .chord-single{transform:scale(1);transition:transform .5s;display:table!important;width:220px!important;filter:invert(1)}.mainContent .background .songIntro{height:auto;overflow-y:auto}.mainContent .background:before{opacity:.08;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);background-size:220% 100%;animation:eqSweep 10s linear infinite}.mainContent .background:after,.mainContent .background:before{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;pointer-events:none;mix-blend-mode:overlay;-webkit-mask-image:linear-gradient(0deg,#fff 40%,hsla(0,0%,100%,0));mask-image:linear-gradient(0deg,#fff 40%,hsla(0,0%,100%,0))}.mainContent .background:after{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.08) 0 2px,transparent 2px 12px);opacity:.16;filter:blur(.3px);animation:eqPulse 6s ease-in-out infinite}@keyframes eqSweep{0%{background-position-x:-150%}to{background-position-x:150%}}@keyframes eqPulse{0%,to{transform:translateY(0);opacity:.1}50%{transform:translateY(-3px);opacity:.14}}@media(prefers-reduced-motion:reduce){.mainContent .background:after,.mainContent .background:before{animation:none!important}}.stickToBottom{height:20px!important;background:transparent!important}.musicSlider{-webkit-appearance:none;outline:none;width:99%;position:relative;bottom:0;height:5px;border-radius:4px;background-color:#99948f}.musicSlider,.musicSlider:hover{--SliderColor:var(--primary-color)}.musicSliderPhone{width:92%!important;color:#fff!important;position:relative!important;bottom:8px!important;padding:16px 0!important}.sliderContainer{background:linear-gradient(#000,#242424);cursor:pointer}.sliderContainer span{display:flex;align-items:center;vertical-align:middle;justify-content:space-between;width:160px}.rangeContainer{background:transparent}.rangeContainer .musicSlider{width:auto;cursor:pointer}li,ul{list-style:none;text-decoration:none;color:inherit;margin:0;padding:0;font-family:Overpass,sans-serif;font-size:14px}@media(max-width:450px){.controller .fa-play{left:62px!important}}.controlElement{text-transform:uppercase;font-size:11px;display:flex;color:var(--primary-color);justify-content:center;align-items:center}.controlElement svg{font-size:30px}.controlElement text{color:#fff;font-weight:500}#ProgressBar{width:99.5%;height:8px;background:#000;padding:2px}#Progress{background-color:var(--primary-color);height:100%;border-color:#fff}.boardFullScreen{position:absolute;width:100%;display:contents}.widthFull{width:100%}.hidePlayer{opacity:0}.showPlayer{opacity:1}.pullUpBottomController{font-size:30px;color:#000;position:absolute;background:#ababab;border-radius:100px;bottom:40px;left:20px}.string{height:180px!important;width:1.6px!important;margin:0 30px 0 0;background-color:#c6c6c6}.currentGuitarSkeletonWrapper{transform:scale(1.1)!important;opacity:.4!important}.currentGuitarSkeletonWrapper .neckDivider{background:rgba(0,0,0,.729)!important}.currentGuitarSkeletonWrapper .string{background:#2c2c2c!important}.guitarSkeletonWrapper{width:200px;display:flex;margin:0 15px;opacity:.2;transform:scale(.9);justify-content:center;flex-direction:column}.guitarSkeletonWrapper .neckDivider{width:100%;height:8px;border-radius:8px;background:rgba(98,104,138,.729)}.guitarSkeletonWrapper .strings{display:flex;justify-content:center;position:relative;left:14px}.guitarSkeletonWrapper .skeleton-box{display:inline-block;position:relative;filter:invert(1);overflow:hidden}.guitarSkeletonWrapper .skeleton-box:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(93,88,74,0),hsla(49,9%,46%,.47) 20%,rgba(101,99,96,.54) 60%,rgba(75,55,4,.82));animation:shimmer 2s infinite;content:"";filter:invert(1)}@keyframes shimmer{to{transform:translateX(100%)}}.controller .warning{display:none}.controller .navbar{padding-top:10px;text-align:center;height:41px;background-size:150px;background-position-y:-30px;background-position-x:-10px;background-repeat:no-repeat;background-color:#292929;color:#757575;box-shadow:0 0 20px #000}.controller .row-header{margin-top:20px;margin-left:21px;color:#fff}.controller .album{margin-top:19px;margin-left:21px;color:#757575;display:inline-block;overflow:none}.controller .album img{box-shadow:0 0 20px #000}.controller .album h3{color:#fff}.controller .first-row img{height:200px;width:auto;overflow:scroll;border-radius:8px}.controller .first-row{overflow:scroll;display:inline}.controller .bottom-bar{text-align:center;position:fixed;left:0;bottom:0;width:100%;height:102px;background:#242424;display:inline;overflow:hidden;box-shadow:0 -2px 20px #000}.controller .bottom-bar button{cursor:pointer}.controller .bottom-bar h2{padding-bottom:10px;color:#fff;display:inline;position:absolute;left:440px}.controller i{color:#fff}.controller .fa-play{left:60px!important;bottom:18px}.controller .fa-play,.controller .fa-replay{font-size:50px;position:absolute;color:#fff;cursor:pointer}.controller .fa-replay{left:85px;bottom:20px}.controller .fa-pause{font-size:50px;position:absolute;left:85px;bottom:13px}.controller .fa-forward{font-size:21px;position:absolute;left:130px;bottom:33px}.controller .fa-backward{font-size:21px;position:absolute;left:20px;bottom:33px}.controller .duration{color:gray;font-size:15px;position:absolute;bottom:32px;left:195px;font-weight:600}.controller .album-small{border-radius:6px;position:relative;font-size:71px;bottom:10px;color:#b59d9d}.controller .song-title{color:#fff;font-size:14px;font-weight:500}.controller .title-artist{color:gray;font-size:12px;width:100%;overflow:hidden;white-space:nowrap;font-weight:500;margin-top:4px}.controller .fa-share-square{color:#fff;position:absolute;font-size:30px;right:20px;bottom:40px!important}.controller .bottom-bar a{text-decoration:none;color:#fff}.rightContainer{display:flex;justify-content:flex-end;padding:26px;height:30px}.rightContainer .midInfoSection{display:flex!important;justify-content:center!important;flex-direction:row!important;align-items:flex-start!important;margin-left:30px!important;position:absolute!important;left:375px!important;bottom:0!important}.rightContainer .midInfoSection .infoBox{text-align:left!important;position:relative!important;left:10px!important;width:100%!important}.rightContainer .rightControls{@apply hidden;@apply md:flex}@media(max-width:961px){.midInfoSection .album-small,.midInfoSection .infoBox{display:none}}.controlElementsWrapper::-webkit-scrollbar{width:0;height:2px}.controlElementsWrapper::-webkit-scrollbar-track{background:#2e2e2e}.controlElementsWrapper::-webkit-scrollbar-thumb{background:#8f8f8f}.controlElementsWrapper::-webkit-scrollbar-thumb:hover{background:#fff}body .landing,body .search{background:radial-gradient(50% 50% at 50% 50%,#150111 0,#0f0114 100%);margin:0;background-repeat:no-repeat;background-attachment:fixed;position:fixed;width:100%;height:100%;overflow:auto}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}::placeholder{color:gray;opacity:1;font-weight:500}:-ms-input-placeholder{color:gray;font-weight:500}::-ms-input-placeholder{color:gray;font-weight:500}:root{--primary-color:#e2b400;--SliderColour:var(--primary-color)}.musicSlider::-webkit-slider-thumb{-webkit-appearance:none;width:5px;height:5px;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color:var(--SliderColor);overflow:visible;cursor:pointer;padding:0 5px 0 0;display:none}.musicSlider::-moz-range-thumb{-moz-appearance:none;width:5px;height:5px;border-radius:10px;background-color:var(--SliderColor);overflow:visible;cursor:pointer;display:none}.musicSlider::-moz-focus-outer{border:0}.sliderContainer:hover .musicSlider::-webkit-slider-thumb{width:12px;height:12px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:var(--SliderColor);display:block}.sliderContainer:hover .musicSlider::-moz-range-thumb{width:12px;height:12px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:var(--SliderColor);display:block}.MuiLinearProgress-bar{background:#20df00}.errorPage .container{max-width:800px;padding:40px;margin:0 auto;text-align:center;position:relative;background:radial-gradient(#21160c,#000)}.errorPage h1{font-size:48px;margin-bottom:20px;line-height:1.2}.errorPage p{font-size:16px;margin-bottom:40px;line-height:1.4}.errorPage .button{display:inline-block;background:linear-gradient(273.69deg,#3756cb .12%,#77269a 100.12%);color:#fff;padding:18px 40px;border-radius:1000px;font-size:14px;text-decoration:none;transition:background-color .3s ease}.errorPage .button:hover{background-color:#2f9bcc}@tailwind base;@tailwind components;@tailwind utilities;.slider-container{width:300px;margin:0 auto}.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--primary-color);cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--primary-color);cursor:pointer}
/*! CSS Used from: https://pmanikas.github.io/vue-guitar-tuner-demo/css/app.f0582039.css */.tuner[data-v-730c2ff6]{position:relative;width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin}::-webkit-scrollbar{width:5px;height:100%}::-webkit-scrollbar-track{background:transparent}*{scrollbar-color:hsla(0,0%,61%,.5) transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,61%,.5);border-radius:.75rem;border:transparent}/*! CSS Used from: https://pmanikas.github.io/vue-guitar-tuner-demo/css/chunk-76d57724.fa9d26cb.css */.tuner *{margin:0;padding:0;box-sizing:border-box}.tuner{position:relative;color:#dcdcdc}.gridOverlay,.tuner{width:100%;height:100%}.gridOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.gridOverlay:before{display:inline-block;background:#344675;background-image:repeating-linear-gradient(#fff -1px 1px,transparent 1px 100%),repeating-linear-gradient(90deg,#fff -1px 1px,transparent 1px 100%);background-size:30px 30px;background-position:50%;opacity:.15;animation:moveDown .5s linear infinite;animation-play-state:paused}.gridOverlay:after,.gridOverlay:before{position:absolute;top:0;left:0;content:"";width:100%;height:100%}.gridOverlay:after{background-image:linear-gradient(270deg,transparent 90%,#1e1e1e),linear-gradient(90deg,transparent 90%,#1e1e1e)}.referenceLine{position:absolute;top:0;left:50%;z-index:-1;width:1px;height:100%;background:#e53935;transform:translateX(-50%);opacity:.4}.note{font-size:8.5rem;text-align:center;margin-bottom:21rem}.detune{display:flex;align-items:center;justify-content:space-around;bottom:2rem;height:80px;left:0;right:0;width:100%;max-width:100%;margin:0 auto}.detuneTip{position:relative;bottom:1rem;height:50px;width:50px;display:flex;justify-content:center;transition:transform .3s linear}.detuneTip:before{position:absolute;bottom:0;right:0;left:0;content:"";height:100%;width:100%;margin:0 auto;background:#646464;border-top-left-radius:50%;border-top-right-radius:50% 100%;border-bottom-right-radius:2.5px;border-bottom-left-radius:100% 50%;transform:rotate(45deg);opacity:.8;box-shadow:1.25rem 0 1.25rem #1e1e1e}.detuneValue{position:relative;z-index:2;font-weight:700;font-size:23px;padding:0}@media(min-width:992px){.detune{width:900px;height:80px}.gridOverlay:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:linear-gradient(270deg,transparent 90%,#1e1e1e),linear-gradient(90deg,transparent 90%,#1e1e1e),linear-gradient(0deg,transparent 90%,#1e1e1e),linear-gradient(180deg,transparent 90%,#1e1e1e)}}/*! CSS Used keyframes */@keyframes moveDown{0%{transform:translateY(0) scale(1.2)}to{transform:translateY(-37px) scale(1.2)}}