:root{--primary:#3f1e35;--secondary:#eec66b}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000!important;color:#c5a73b!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.clickable{cursor:pointer}main{display:flex!important;height:100vh}label{font-size:1.4rem!important}.fs1_3{font-size:20px!important}body{overflow:hidden}.main-container{flex-grow:1;overflow:auto;overflow-x:hidden}.navbar{background-color:#3f1e35;font-size:16px;align-items:center;justify-content:space-between!important}.btn-lg{font-size:18px!important;padding:.375rem .75rem!important}.navbar .navbar-brand{width:75px}.dropdown-toggle:after{vertical-align:unset!important}.dropdown-toggle:after,.fa-user-circle{color:#eec66b!important}.dropdown-menu{left:-90px!important;background-color:#3f1e35!important}.dropdown-item.active,.dropdown-item:active{background-color:#fff!important}.dropdown-item:focus,.dropdown-item:hover{background-color:unset!important}.nav-link{color:#fff!important}.logout{color:#e74c3c!important;font-weight:700!important}.navbar a.active,.navbar a:hover:not(.logout){color:#c5a73b!important}.logout:active,.logout:hover{color:#e74c3c!important;font-weight:700!important}.social-media{display:flex;margin-left:115px!important}.social-media a:hover{color:#fff!important}.sidebar{width:120px;height:100%;overflow:hidden;z-index:2;background:#fff;transition:all .3s}.sidebar.show{left:0;transition:all .3s}.sidebar::-webkit-scrollbar{display:none}.sidebar-container{padding:20px 0;display:flex}.sidebar-container img{margin-top:40px}.btn_primary{background-color:#c5a73b!important}.btn_primary,.btn_secondary{color:#fff!important;border-color:#c5a73b!important}.btn_stop{color:#fff!important;background-color:#ea5b24!important;border-color:#ea5b24!important}.call-to-action button{padding:.5rem 2rem!important}.Toastify__toast--success{background:#3f1e35!important}.Toastify__toast-body{margin-left:10px!important}.loudness-display span{color:#fff!important;background-color:#c5a73b!important;border-radius:50px;font-size:15px;padding:1em 5em}#responsive-navbar-nav .register{background-color:#c5a73b;border-radius:.3rem}#responsive-navbar-nav .register:hover,.navbar a.register.active{color:#fff!important}form{padding:1em}.form-check{place-content:space-between}.form-check-label{font-size:1em!important}.form-check a,.form-check a:hover{color:unset;text-decoration:underline;font-style:italic}.form-check-label span{cursor:pointer;text-decoration:underline;font-style:italic}.privacy-policy-popup,.terms-service-popup{max-height:85vh;overflow:auto}.privacy-policy-popup .row,.terms-service-popup .row{padding:1em}.overlay_spinner{z-index:9999}.overlay_spinner,.overlay_spinner .overlay__inner{left:0;top:0;width:100%;height:100%;position:absolute}.overlay_spinner .overlay__content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.overlay_spinner .spinner{width:75px;height:75px;display:inline-block;animation:spin 1s linear infinite;border-radius:100%;border:5px solid #c5a73b;border-top-color:#fff}@keyframes spin{to{transform:rotate(1turn)}}.verify-account{justify-content:center;align-items:center}.shareIcons .dropdown-menu{left:unset!important;background-color:#fff!important;min-width:7rem}.shareIcons ul{list-style:none;-webkit-padding-start:0;padding-inline-start:0;text-align:center}.shareIcons i,.shareIcons svg{font-size:1.5em;color:#eec66b;width:20px}#socialdropdown{color:#eec66b;background-color:unset;border:0;box-shadow:0 0 0 .1rem rgb(197 167 59/67%)}.nav-text{color:#c5a73b!important;font-weight:700}.item-card{transition:.5s}.card:hover{transform:scale(1.05);box-shadow:10px 10px 15px rgba(0,0,0,.3)}.card:after,.card:before{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale3d(0,0,1);transition:transform .3s ease-out 0s;background:hsla(0,0%,100%,.1);content:"";pointer-events:none}.card:before{transform-origin:left top}.card:after{transform-origin:right bottom}.card:focus:after,.card:focus:before,.card:hover:after,.card:hover:before{transform:scaleX(1)}.upgrade-text{color:#484848;font-weight:700}.card .plan-name{padding:13px 0;border-bottom:1px solid #eff0f2;text-align:center;text-transform:uppercase;font-size:20px;color:#c5a73b;letter-spacing:1px}.card .plan-description{padding:15px;color:#101010}.card .plan-description ul{list-style:none;-webkit-padding-start:0;padding-inline-start:0}.card .plan-description li{padding-bottom:6px;list-style-type:none;margin-bottom:6px}.card .plan-description li i{color:#c5a73b;margin-left:-2em;margin-right:.71428571em}.card .plan-description li i.disabled{color:#b9b9b9}.settings{display:none}.settings,.settings *,.settings+.settings-btn,.settings:after,.settings :after,.settings:before,.settings :before{box-sizing:border-box}.settings+.settings-btn::selection,.settings::selection,.settings ::selection,.settings:after::selection,.settings :after::selection,.settings:before::selection,.settings :before::selection{background:none}.settings+.settings-btn{outline:0;display:block;width:3em;height:1.5em;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.settings+.settings-btn:after,.settings+.settings-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.settings+.settings-btn:after{left:0}.settings+.settings-btn:before{display:none}.settings:checked+.settings-btn:after{left:50%}.settings-light+.settings-btn{background:#c1c1c1;border-radius:2em;padding:2px;transition:all .4s ease}.settings-light+.settings-btn:after{border-radius:50%;background:#fff;transition:all .2s ease}.settings-light:checked+.settings-btn{background:#3f1e35}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:768px){label{font-size:.95rem!important}.modal-buttons button{margin-bottom:.5em}.modal-buttons .text-right{text-align:center!important}.nav-text,.social-media{display:none!important}#responsive-navbar-nav{background-color:#fff}#responsive-navbar-nav .nav-link{color:#000!important}.dropdown-menu{left:unset!important;background-color:#fff!important}.sidebar{display:none}.main-container{max-height:calc(100vh - 80px)}}@media only screen and (min-width:769px){.tuner{height:550px}.navbar .navbar-brand{display:block;position:absolute;width:105px;top:0}.loudnessMeter canvas{float:left}html{--scrollbarBG:#cfd8dc;--thumbBG:#90a4ae}#react-piano::-webkit-scrollbar,.main-container::-webkit-scrollbar{width:12px;height:15px}#react-piano,.main-container{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}#react-piano::-webkit-scrollbar-track,.main-container::-webkit-scrollbar-track{background:var(--scrollbarBG)}#react-piano::-webkit-scrollbar-thumb,.main-container::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}}.privacy-policy-popup,.terms-service-popup{color:#101010}.terms-service-popup h4,.terms-service-popup p{margin-bottom:10px}#react-piano{height:300px;position:relative;-ms-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;width:1400px;overflow-x:auto;max-width:calc(100vw - 300px);margin-left:auto;margin-right:auto;overflow:hidden;scroll-behavior:smooth}.react-piano-key{margin-top:20px;color:#202020;position:absolute;font-weight:700;font-size:15px;border:1px solid rgba(32,32,32,.2);border-radius:0 0 5px 5px;cursor:pointer;box-shadow:0 5px 1px rgba(32,32,32,.2);transition:margin .05s ease,background-color .05s ease,box-shadow .05s ease;-webkit-transition:margin .05s ease,background-color .05s ease,box-shadow .05s ease}.react-piano-key:hover{background-color:#18db36}.react-piano-key .label{position:absolute;bottom:10px;text-align:center;left:0;right:0}.react-piano-sharp-key{background-color:#202020;color:#fff;z-index:1;width:30px;height:130px}.react-piano-main-key{background-color:#d8d8b5;z-index:0;width:40px;height:235px}.react-piano-key-highlighted,.react-piano-key-pressed{transform:perspective(200px) translateZ(-6px)}.react-piano-key-highlighted{background-color:#eec66b}.react-piano-key-highlighted.bridge{background-color:#db483b}.react-piano-key-highlighted.over-bridge{background-color:#d6bd85}.react-piano-key-highlighted.under-bridge{background-color:#f1b52f}.react-piano-lowest-tone{background:red;z-index:3}.react-piano-bridge-tone{background:#ff0}.react-piano-highest-tone{background:red;z-index:3}.react-tone-overlay{height:20px;width:15px;position:absolute;border-radius:15%;text-align:center!important}.react-tone-overlay span{color:#000;font-weight:bolder}.animate-tuner{margin:-5em auto 5vh;height:auto}.point{border-bottom:10px solid;box-sizing:border-box;height:15em;position:absolute;right:50%;transition:transform .2s;transform-origin:top;width:1px}.lgPoint{border-bottom-width:20px;width:2px}.music-theory-text{font-size:2em;cursor:pointer}@media screen and (max-width:768px){.point{height:10em}#react-piano{max-width:100vw}}@media screen and (max-width:767px){.loudnessMeter{margin-top:10em}.music-theory-text{font-size:1.5em;cursor:pointer}}.react-piano-music-dots{position:absolute;border-radius:50%;bottom:30px;width:25px;height:25px;z-index:3;display:flex;justify-content:center}.sharp{left:2px}.main{left:7px}.red{background:red}.blue{background:#00f}.react-piano-music-dots .number{color:#fff;padding-top:3px;font-size:13px}.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .15s ease-in-out}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:20px;background:#c5a73b;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#c5a73b;cursor:pointer}.midi-played{background-color:#18db36!important}.vocal-arrow{height:10px;position:absolute;bottom:-2px;z-index:3;left:-1px;border-radius:0 0 5px 5px}.react-piano-sharp-key .vocal-arrow{width:30px}.react-piano-main-key .vocal-arrow{width:39px}.vocal-arrow.highlighted{background-color:#c5a73b}.tuner-text{display:flex;flex-direction:column}.tuner-text-note{font-size:3em;font-weight:bolder}.tuner-text-frequency{font-size:1.5em;font-weight:700}.tuner-container{overflow:hidden;white-space:nowrap}