@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);.rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;touch-action:none;width:100%}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;width:100%}.rc-slider-rail,.rc-slider-track{border-radius:6px;height:4px;position:absolute}.rc-slider-track{background-color:#abe2fb;left:0}.rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px}.rc-slider-handle:focus{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa;outline:none}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:none}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:#0000;height:4px;position:absolute;width:100%}.rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;margin-left:-4px;position:absolute;vertical-align:middle;width:8px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-left:0;margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{height:100%;padding:0 5px;width:14px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform:scale(0);transform-origin:50% 100%}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{opacity:0;transform:scale(0);transform-origin:50% 100%}}.rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;text-decoration:none}.rc-slider-tooltip-arrow{border-color:#0000;border-style:solid;height:0;position:absolute;width:0}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}*{box-sizing:border-box;font-family:Lato,sans-serif;font-size:16px;margin:0;padding:0}ul{list-style-type:none}img{width:100%}a{color:#fefefb;text-decoration:none}a:hover{color:#4285f4}p{font-size:1.15rem;line-height:1.5rem}h1,h2,h3,h4{margin:1.5rem 0}h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.25rem}h4{font-size:.875rem}button,input,select{outline:none}button{cursor:pointer}.accent-clr{color:#4285f4}.muted{color:#999;font-size:.9rem}.App{background-color:#fff;color:#222}.dash-container{align-items:center;display:flex;height:100vh;justify-content:center}.container{background:#fefefb;border-radius:25px;box-shadow:0 0 11px 0 #000000a8;display:flex;margin:0 1rem;position:relative;width:80vw}@media screen and (max-width:1350px){.container{width:90vw}}@media screen and (max-width:750px){.container{display:block;height:100vh;margin:0;width:100vw}}.spinner-container{grid-column:span 3;margin:auto;width:2rem}.spinner{animation:rotate 2s linear infinite;color:#4285f4;height:2rem;margin:2.5rem auto;text-align:center;transform-origin:center center;width:2rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.primary-btn{background-color:#4285f4;border:none;border-radius:25px;color:#fff;font-size:1.5rem;line-height:1.5rem;margin:1rem auto;padding:1.25rem 2rem;transition:all .25s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.primary-btn:hover{background-color:#3573d6;color:#fefefb}.msg-container{align-items:center;border-radius:15px;display:flex;justify-content:space-between;margin:1rem auto;max-width:400px;min-width:20rem;padding:.75rem 1rem}.msg-container #close-msg{cursor:pointer}.ERROR{background-color:#f3afaf;border:2px solid #d84f4f;color:#d84f4f}.SUCCESS{background-color:#b9f8b6;border:2px solid green;color:green}.PRIMARY{background-color:#b3caee;border:2px solid #1a4298;color:#1a4298}@media screen and (max-width:500px){.msg-container{min-width:15rem}}.logo,.logo span,.logo span svg{font-size:2rem}#error-page{align-items:center;background:#fefefb;border-radius:25px;box-shadow:0 0 11px 0 #000000a8;display:flex;flex-direction:column;margin:1rem}#error-page h1{color:#d84f4f}#error-page h1 svg{font-size:3rem}#error-page h2{color:#08192c;padding:1rem 0}#error-page .error-icon{font-size:3rem}#error-page .secondary-btn{font-size:1.25rem}#error-page .secondary-btn:hover{color:#fff}aside{background:#08192c;border-radius:25px 0 0 25px;color:#fefefb;flex:4 1;font-size:.5rem;height:80vh;overflow-y:scroll;padding:2rem}aside::-webkit-scrollbar{width:0}@media screen and (max-width:1250px){aside{flex:5 1}}@media screen and (max-width:1000px){aside{flex:6 1}}@media screen and (max-width:750px){aside{border-radius:0;height:100vh}}@media screen and (max-width:350px){aside{padding:2rem 5px}}.new-practice-item{background:#10224d;border-radius:5px;margin-bottom:1rem;padding:1rem}.form-group{display:grid;grid-template-columns:repeat(3,1fr);height:auto}.title-group{grid-column:span 3;margin-bottom:.5rem}.title-group input{width:80%}.duration-group,.type-group{display:flex;flex-direction:column}.duration-group input,.type-group input{max-width:80%}#add-new-item-btn{align-self:flex-end;background-color:#ccc;border:none;border-radius:5px;justify-self:end;padding:.35rem;width:3rem}#add-new-item-btn:hover{background-color:#b3b3b3}input,select{border:none;border-radius:5px;margin-left:3px;padding:5px}.slide-btn{background:#08192c;border-radius:5px;cursor:pointer;grid-column:span 3;margin-top:.5rem;padding:5px 0;text-align:center;width:100%}.form-group.hidden{max-height:0;overflow:hidden}.empty-items-text{text-align:center}.practice-item{background:#10224d;border-radius:5px;margin-bottom:1rem;padding:1rem;position:relative}.disable-item{opacity:.35;pointer-events:none}.practice-item-wrapper{display:grid;grid-template-columns:repeat(3,1fr)}.practice-item-title{font-size:1rem;grid-column:span 3;margin:0}.practice-item-details{align-self:flex-end;display:grid;grid-column:span 2;grid-template-columns:1fr 1fr}.practice-item-details span{align-items:center;display:flex}.practice-item-details span svg,.practice-item-time-value{margin-left:5px}.play-btn{background:#10224d;border:none;color:#fefefb;cursor:pointer;justify-self:end}.play-btn svg{font-size:2rem}.play-btn:hover{transform:scale(1.1)}.reset-btn-wrapper{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);height:100%;left:0;top:0;width:100%;z-index:1}.reset-btn,.reset-btn-wrapper{background-color:initial;position:absolute}.reset-btn{border:none;left:50%;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.reset-btn svg{color:#fefefb;font-size:1.25rem}.reset-btn svg:hover{transform:scale(1.1)}.item-controls{position:absolute;right:10px;top:5px}.item-controls svg{cursor:pointer}.edit-item{color:#d6d6d6;margin-right:3px}.edit-item:hover{color:#bdbdbd;transform:scale(1.1)}.close-item{color:#e52a5a}.close-item:hover{color:#c41844;transform:scale(1.1)}.practice-item-type svg{color:#4285f4}#home{color:#222;min-height:100vh}#auth{background:url(/static/media/signup-bg.b1e73d815179e870d381.jpg) no-repeat 50%/cover;display:grid;height:100vh;place-content:center;width:100vw}.auth__bg-overlay{background-color:#10224d;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.auth__main-header{background-color:#08192c;color:#fefefb;left:0;padding:1rem 1rem 1rem 10vw;position:fixed;top:0;width:100%;z-index:1}.auth__main-header a{cursor:pointer}.auth__main-header a:hover{color:inherit!important}.auth__main-header h1{margin:0}.auth__form{background-color:#fff;border-radius:25px;box-shadow:0 0 11px 0 #000000a8;color:#222;margin:1rem;min-height:45vh;min-width:25vw;padding:2rem;position:relative;z-index:2}.form-body{display:flex;flex-direction:column}.form-body button,.form-body hr{margin-top:1rem}.auth__form-group{display:flex;flex-direction:column;padding:2rem 0 0;text-align:center}.auth__form-group input{border:1px solid #222;border-radius:15px;font-size:1.1rem;min-width:400px;padding:1rem}.form-error-msg{color:#d84f4f}.login-switch{font-size:.9rem;margin-top:1rem;text-align:center}.login-switch span{color:#4285f4;cursor:pointer;font-size:.9rem}@media screen and (max-width:800px){.signup-btn{margin-bottom:1rem!important}}@media screen and (max-width:500px){.auth__main-header{z-index:3}.auth__form{border-radius:0;display:grid;height:100vh;margin:0;place-content:center;width:100vw}.auth__form header{text-align:center}.auth__form-group input{min-width:80vw}.signup-btn{padding:1.5rem}}.landing__nav-container{align-items:center;background-color:#08192c;color:#fefefb;display:flex;height:80px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}#burger-icon{display:none;font-size:1.9rem}.landing__nav-center{display:flex;margin:0 10rem}.nav-link{font-size:1.5rem;margin:1rem 2rem}.landing__nav-burger a,.nav-link{cursor:pointer}.landing__nav-burger a:hover{color:inherit!important}.landing__nav-account li a,.landing__nav-center li a{font-size:1.25rem}.landing__nav-account,.mobile-dropdown{display:flex}.home__active-link{color:#3573d6;text-decoration:underline}@media screen and (max-width:1550px){h2{font-size:2rem}.landing__card-container{width:80vw!important}.landing__nav-center{margin:0 8rem}}@media screen and (max-width:1450px){h2{font-size:1.75rem}p{font-size:1rem;line-height:1.5rem}.landing__card-container{width:90vw!important}.card-img-wrapper,.card-text-wrapper{flex:1 1}.landing__nav-center{margin:0 3rem}#landing__hero{padding:1rem}}@media screen and (max-width:968px){h1,h2,h3,h4{margin:.75rem 0}h1{font-size:3rem}h2{font-size:2rem}p{font-size:1rem}.landing__nav-burger{align-items:center;color:#fefefb;display:flex;justify-content:space-between;padding:0 1rem;text-align:right;width:100%}#burger-icon{display:block}.landing__nav-container{flex-direction:column!important}.landing__nav-center{flex-direction:column;margin:0;text-align:center}.nav-link{margin:.5rem}.landing__nav-account{flex-direction:column-reverse;text-align:center}.mobile-dropdown{background-color:#08192c;display:block;max-height:0;overflow:hidden;position:fixed;top:80px;transition:all .5s ease-in-out;width:100%}.nav-link{margin:0}.nav-link a{display:inline-block;padding:.5rem;width:100%}.landing__hero-text p{font-size:1rem;line-height:1.5rem}.landing__hero-text h1 span{font-size:3rem!important}.landing__hero-img-wrapper{max-width:480px}.primary-btn{background-color:#4285f4;border-radius:25px;font-size:1.25rem;line-height:1.25rem;padding:1.25rem 2rem;transition:all .25s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.landing__card-container{align-items:center;flex-direction:column;text-align:center}.landing__card-container.card-reverse{flex-direction:column!important}.card-text-wrapper{margin:0 0 2rem;max-width:90%}.card-img-wrapper,.landing__card-container.reverse .card-img-wrapper{margin:0}.landing__card-container.card-reverse .card-img-wrapper{margin-right:0}}@media screen and (max-width:500px){.landing__card-container,.landing__card-container.card-reverse{padding:1rem}.card-img-wrapper{margin:0}.landing__hero-text h1 span{font-size:2rem!important}h1{font-size:2rem}h2{font-size:1.5rem}#landing__footer{padding:1rem!important}#landing__footer .logo{margin-right:1rem!important}}.visible{height:auto;max-height:225px}#landing__hero{background-color:#10224d;display:flex;justify-content:center;margin-top:80px;padding:1rem 5rem}.landing__hero-wrapper{align-items:center;display:flex;justify-content:space-around;max-width:1400px}.landing__hero-text{color:#fefefb;display:flex;flex:1 1;flex-direction:column;justify-content:center}.landing__hero-text h1 span{font-size:4rem}.landing__hero-text p{font-size:1.25rem;line-height:2rem;margin:1.5rem 0}.landing__hero-img-wrapper{background-color:#10224d;flex:1 1;margin:1.5rem;max-width:680px;position:relative}.landing__hero-img-wrapper img{border-radius:25px}.landing__hero-img-wrapper:after{background:linear-gradient(to top right,#0a193de6,#0a193d80 40%,#0a193d80 60%,#0a193de6);border-radius:25px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:1089px){#landing__hero{padding:1rem!important}.landing__hero-wrapper{align-items:center;display:flex;flex-direction:column}.landing__hero-text{text-align:center}.primary-btn{margin:auto}}@media screen and (max-width:600px){.landing__hero-text h1 span{font-size:2.5rem}.landing__hero-text p{font-size:1.1rem;line-height:1.75rem}}#landing__overview{align-items:center;flex-direction:column}#landing__overview,.landing__card-container{background:#fefefb;display:flex;padding:2rem}.landing__card-container{border-radius:25px;box-shadow:0 0 11px 0 #000000a8;justify-content:space-between;margin:1rem;width:70vw}.landing__card-container.card-reverse{flex-direction:row-reverse}.card-text-wrapper{color:#08192c;flex:2 1;margin-right:1rem;max-width:520px}.card-img-wrapper{display:grid;flex:1 1;margin-left:1rem;max-width:480px;place-content:center}.landing__card-container.card-reverse .card-img-wrapper{margin-right:1rem}.card-img-wrapper img{border-radius:25px}#landing__about{background-color:#10224d;color:#fefefb;display:grid;min-height:100vh;padding:3rem 3rem 5rem;place-items:center;text-align:center}#landing__about h2{padding-top:2rem}#landing__about h3{margin:3rem}.landing__about-text{margin:auto;width:50vw}.landing__about-img-wrapper{margin:1rem auto;max-width:300px;position:relative}.landing__about-img-wrapper img{border-radius:25px}.landing__about-img-wrapper:after{background:linear-gradient(to top right,#0a193de6,#0a193d80 40%,#0a193d80 60%,#0a193de6);border-radius:25px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}#landing__footer{background-color:#08192c;color:#fefefb;display:flex;justify-content:space-around;padding:2rem}#landing__footer .logo{margin:0}.dash-nav{background-color:#08192c;border-radius:25px 25px 0 0;box-shadow:0 3px 10px -2px #ffffff59;color:#fefefb;display:flex;justify-content:space-between;left:0;padding:.5rem 1rem;position:absolute;top:0;width:100%;z-index:10}.dash-controls svg{font-size:1.25rem;margin-left:1rem}.dash-controls svg:hover{color:#3573d6;cursor:pointer}.username{color:#4285f4;font-weight:700}.user-profile{display:grid;flex:8 1;place-content:center;position:relative}.user-profile form{align-items:center;display:flex;flex-direction:column;justify-content:center}.user-profile h1{font-size:2.5rem;text-align:center}.user-profile .primary-btn{margin:1rem auto}.user-profile .secondary-btn:hover{background-color:#d84f4f;color:#fff}.close-edit-profile{color:#999;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:3rem}.close-edit-profile:hover{color:#d84f4f}@media screen and (max-width:750px){.user-profile{background-color:#fff;height:100vh;position:absolute;top:0;width:100%;z-index:10}}.metronome__bpm h1{margin-top:0!important}.metronome-slider{display:none}.metronome-container{display:grid;flex:8 1;place-content:center}@media screen and (max-width:1250px){.metronome-container{flex:7 1}}@media screen and (max-width:1000px){.metronome-container{flex:6 1}.metronome-container .metronome{margin:1rem}}@media screen and (max-width:750px){.metronome-container{background-color:#fff;bottom:0;height:25vh;position:fixed;width:100%;z-index:10}.metronome__top{justify-content:center!important}.metronome__play-pause,.metronome__play-pause svg{height:4rem!important;width:4rem!important}.metronome-slider{background-color:initial;border:none;display:block;margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.metronome-slider svg{font-size:1.5rem}.hide-slider{bottom:-20vh}}
/*# sourceMappingURL=main.3fc0bc79.css.map*/