@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;600&family=Ubuntu+Mono:wght@700&display=swap);:root{--color-background-color-root:#fff;--color-background-color:#fff;--color-primary:#4e73e0;--color-primary-shade:#678dfd;--color-primary-darkish:#273a70;--color-primary-dark:#1f2e5a;--color-primary-dark-flashcard:#1f2e5a;--color-primary-dark-account-view:#1f2e5a;--color-secondary:#a4bbfe;--color-tertiary:#fff;--color-contrast-primary:#fd8e39;--color-contrast-secondary:#f3722c;--color-contrast-tertiary:#fdf3f1;--color-flashcard-front-bg:#fff;--color-flashcard-front:#1f2e5a;--color-flashcard-back-bg:#1f2e5a;--color-flashcard-back:#fff;--color-gray:hsla(0,0%,87.1%,0.5058823529411764);--color-light-gray:hsla(0,0%,94.1%,0.9647058823529412);--color-dark-gray:#adaed1;--color-text-primary:#2a2929;--color-text-secondary:#444;--color-text-tertiary:#8b8b8b;--width-app-min-width:35rem;--width-app-max-width:50rem}[data-theme=dark]{--color-background-color-root:#1b1a1a;--color-background-color:#4d4a48;--color-primary:hsla(0,0%,87.1%,0.5058823529411764);--color-primary-shade:#542118;--color-primary-darkish:#1b9e1b;--color-primary-dark:#d7d5d5;--color-primary-dark-flashcard:#df8b32;--color-primary-dark-account-view:#542118;--color-gray:#6b906b;--color-light-gray:#e5ebe5;--color-flashcard-front-bg:#312f2d;--color-flashcard-front:#d7d5d5;--color-flashcard-back-bg:#d7d5d5;--color-flashcard-back:#312f2d;--color-secondary:#bd4a36;--color-tertiary:#3f3f3f;--color-contrast-primary:#db7b32;--color-contrast-secondary:#f3722c;--color-contrast-tertiary:#eededb;--color-text-secondary:#d6d6d6}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html{font-size:62.5%}body{margin:0;font-family:"Dosis",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;background-color:#fff;background-color:var(--color-background-color-root)}h1{text-align:center}button:disabled{background-color:#c5c9cf;color:#d8d7d7}button:disabled:hover{cursor:not-allowed}.active{background-color:#ffaf64}.button{-webkit-appearance:button;appearance:button;background-color:#678dfd;background-color:var(--color-primary-shade);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:"Dosis",sans-serif;font-size:2rem;font-weight:800;letter-spacing:.1rem;line-height:20px;margin:0;outline:none;padding:13px 16px;text-align:center;text-transform:uppercase;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.button,.button:after{border-radius:16px;border:solid transparent;border-width:0 0 4px}.button:after{background-clip:padding-box;background-color:#a4bbfe;background-color:var(--color-secondary);bottom:-4px;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.button:focus,.button:main{-webkit-user-select:auto;user-select:auto}.button:hover:not(:disabled){filter:brightness(1.1);-webkit-filter:brightness(1.1)}.button:disabled{cursor:auto}.button-small{width:10rem;height:3.5rem;font-size:1.4rem;letter-spacing:.05rem;padding:0;text-align:center;transition:all .1s ease-out}.flashMessage{width:100%;position:absolute;top:0;left:0;font-weight:800;padding:.2rem;text-align:center}.green{background-color:#adff2f}.red{background-color:#cd5c5c}.study-flashcard{font-size:10rem;font-weight:800;width:30rem;height:30rem;box-shadow:0 3px 7px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center;border-radius:16px}.study-card-front{background-color:var(--color-flashcard-front-bg);color:var(--color-flashcard-front)}.study-card-back{background-color:var(--color-flashcard-back-bg);color:var(--color-flashcard-back)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.progressbar-container{text-align:center;display:flex;align-items:center;justify-content:center}.progress-container{display:flex;flex-direction:row;justify-content:space-between;position:relative;width:35rem}.progress-container:before{content:"";background-color:var(--color-secondary);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:.5rem;width:100%}.progress-container :nth-child(2){margin-left:-1px}.progress-container .circle:last-child{margin-right:-3px}.progress{background-color:var(--color-contrast-secondary);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:.5rem;width:0}.circle,.progress{transition:.4s ease}.circle{border-radius:50%;height:1rem;width:1rem;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-secondary);z-index:1}.circle,.circle.progressbar-active{background-color:var(--color-tertiary)}.circle.progressbar-active{border-color:var(--color-contrast-primary);border:3px solid var(--color-contrast-secondary)}.Study{display:flex;flex-direction:column;align-items:center}.study-header-container{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:6rem 1fr 6rem;background-color:var(--color-primary);border-radius:2.5rem 2.5rem 0 0;height:8rem;width:100%;margin-bottom:1.6rem}.study-header{grid-row:1/-1;grid-column:2/3;justify-self:center;align-self:center;color:#fff;font-size:3.6rem;font-weight:800}.study-view.button.deck-study-button{grid-column:1/2;border-radius:16px 0 0 0}.study-timer{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;justify-content:center;align-items:center;grid-row:1/-1;grid-column:3/-1;color:#fff;background-color:var(--color-secondary);border-radius:0 16px 0 0;height:100%;width:100%;font-family:"Ubuntu Mono";font-weight:600;font-size:1.8rem;align-self:center;justify-self:center}.stopwatch{font-size:2.2rem}.overview{display:grid;grid-template-rows:1fr 2rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.4rem}.overview-element{color:var(--color-primary-darkish)}.overview-element.stack{grid-row:1;grid-column:1/2}.overview-element.correct{grid-row:1;grid-column:2/3}.overview-element.wrong{grid-row:1;grid-column:3/4}.overview-count{color:var(--color-)}.ProgressBar{width:28.4rem;grid-row:2;grid-column:1/-1;align-self:flex-end}.study-buttons{margin-top:1.4rem;display:flex;flex-direction:row;grid-gap:1.6rem;gap:1.6rem}.studyFlashcard-finished{font-size:5rem;font-weight:800;background-color:var(--color-flashcard-front-bg);color:var(--color-flashcard-front);width:30rem;height:30rem;box-shadow:0 3px 7px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px}.button-correct{background-color:#25a244}.button-correct:after{background-color:#7cc78f}.button-wrong{background-color:#dc2f02}.button-wrong:after{background-color:#e76d4e}.Login{padding:15px}.Register{padding:.6rem}.avatar-container-small{position:relative;display:flex;justify-content:center;align-items:center;border-radius:1rem;justify-self:end;width:4rem;height:4rem;overflow:hidden}.avatar-container-small:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--color-contrast-primary);border-radius:inherit;pointer-events:none;z-index:1}.avatar-dropdown{position:relative;width:-webkit-min-content;width:min-content}.avatar-img{transition:all .3s ease-in-out;width:4rem;height:4rem}.img-small:hover:not(:disabled){cursor:pointer}.flashcard-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-around;align-content:center;align-items:center;padding:0;grid-gap:1rem;gap:1rem;margin-bottom:.6rem}.deck-container{position:relative;border-radius:2.5rem;background-color:var(--color-tertiary);box-shadow:0 7px 14px rgba(0,0,0,.01),0 2px 2px rgba(0,0,0,.25);color:#000;margin:1.6rem;display:flex;flex-direction:column;transition:all .3s ease-out}.deck-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2.5rem;border:1px solid transparent;transition:border-color .3s ease-out;pointer-events:none;z-index:1}.deck-container:hover:before{border-color:var(--color-gray)}.deck-header{background-color:var(--color-primary);display:grid;grid-template-rows:1fr 1fr;grid-template-columns:4.2rem 4.2rem 1fr 4.2rem 4.2rem;border-radius:2.5rem 2.5rem 0 0;margin-bottom:.6rem;height:8rem}.deck-btn{border:none;background-color:unset;color:hsla(0,0%,100%,.611764705882353);padding:0}.deck-btn:not([disabled]):hover{color:#fff;filter:brightness(1.3);-webkit-filter:brightness(1.3);cursor:pointer}.deck-btn:disabled{color:hsla(0,0%,77.6%,.611764705882353);background-color:unset}.deck-edit-button{grid-row:1;grid-column:2;justify-self:start;margin-left:-4px}.deck-delete-button{grid-row:1;grid-column:1}.deck-name-container{grid-column:1/-1;color:var(--color-light-gray);font-size:3.6rem;-webkit-user-select:none;user-select:none}.deck-name-container,.deck-study-button{grid-row:1/-1;font-weight:800;justify-self:center;align-self:center}.deck-study-button{background-color:var(--color-contrast-primary);grid-column:4/-1;width:100%;height:100%;border-radius:0 2.5rem 0 0;border-width:unset;font-size:1.8rem;letter-spacing:-.03rem;padding:0;text-align:center;margin-bottom:0;transition:font-size .1s ease-out}.deck-study-button:after{background-clip:unset;background-color:unset;border:unset;border-radius:unset;border-width:unset;bottom:unset;content:unset;left:unset;position:unset;right:unset;top:unset;z-index:unset}.deck-study-button:hover:not(:disabled){filter:brightness(1.3);-webkit-filter:brightness(1.3)}.add-card-button-container{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;width:13rem;height:13rem}.deck-container h1{font-size:2rem}.show-card-btn{margin-bottom:.6rem}.add-card-btn{font-size:4rem;color:var(--color-secondary);transition:.4s ease}.add-card-btn:not([disabled]):hover{color:var(--color-primary)}.form-edit{grid-row:1/-1;grid-column:1/-1;display:grid;place-items:center;grid-template-columns:1fr 1fr;grid-template-rows:.2fr .2fr 1fr .2fr 1fr 1fr;width:auto}.card-number{grid-column:1/3;justify-self:start}.label{font-size:1rem}.card-input{width:10rem;margin-top:0;border:none;border-bottom:1px solid #c3c3c3;background-color:initial;color:var(--color-primary-dark);outline:none;width:11rem;font-family:"Dosis";font-size:2rem;font-weight:600}.card-input::-webkit-input-placeholder{color:#dfdfdf}.card-input::placeholder{color:#dfdfdf}.input-front{grid-row:3;grid-column:1/-1}.input-back{grid-row:5;grid-column:1/-1}.form-btn{font-size:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-self:center;justify-self:center;border:none;background-color:unset;color:var(--color-primary);transition:color .3s ease-out}.form-btn:hover{cursor:pointer;color:var(--color-primary-darkish)}.form-submit-btn{grid-row:6;grid-column:1;font-size:2rem}.form-cancel-edit-btn{grid-row:6;grid-column:2;align-self:center;justify-self:center;font-size:2rem}.flashcard{position:relative;width:13rem;height:13rem;box-shadow:0 3px 7px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.25);background-color:var(--color-tertiary);color:var(--color-primary-dark);display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:.5fr 2fr 2fr 1fr;border-radius:5px;font-size:1.6rem;padding:5px}.flashcard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;border:1px solid transparent;transition:border-color .3s ease-out;pointer-events:none}.flashcard:hover:before{border-color:var(--color-gray)}.deleting{background-color:#789}.card-number{grid-row:1;grid-column:7;font-size:1rem}.card-front{grid-row:2;font-size:2rem;font-weight:700}.card-back,.card-front{grid-column:1/-1;align-self:center}.card-back{grid-row:3;justify-self:center}.card-btn{font-size:1.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-self:center;justify-self:center;border:none;color:var(--color-secondary);transition:color .3s ease-out}.card-btn,.card-btn:disabled{background-color:unset}.card-btn:not([disabled]):hover{cursor:pointer;color:var(--color-primary-darkish)}.edit-card-btn{grid-column:2}.delete-card-btn,.edit-card-btn{grid-row:1;justify-self:start;margin:0;padding:0}.delete-card-btn{grid-column:1}.input-deck-name{border:none;border-bottom:1px solid #fff;background-color:initial;color:#fff;outline:none;height:3rem;width:18rem;font-family:"Dosis";font-size:3.6rem;font-weight:800}.dropdown{position:absolute;top:6.5rem;right:1.6rem;display:flex;flex-direction:column;justify-content:center;background-color:var(--color-tertiary);width:16rem;height:20rem;box-shadow:0 3px 7px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.25);border-radius:16px;border:1px solid var(--color-gray);z-index:2}.dropdown-fade-enter{opacity:0}.dropdown-fade-enter-active{opacity:1;transition:opacity .3s}.dropdown-btn{display:grid;grid-template-rows:1fr;grid-template-columns:4rem 1fr;font-size:1.6rem;color:var(--color-primary-dark);background:none;outline:none;border:none;height:100%;width:100%}.dropdown-btn:hover:not([disabled]){background-color:var(--color-gray);cursor:pointer}.dropdown-btn:disabled{background-color:var(--color-gray)}.top-btn{border-radius:16px 16px 0 0}.bottom-btn{border-radius:0 0 16px 16px}.dropdown-icon{grid-row:1;grid-column:1/2;align-self:center;justify-self:center}.dropdown-description{grid-row:1;grid-column:2/3;align-self:center;justify-self:start}.divider-horizontal{border-bottom:1px solid var(--color-gray)}#darkmode .checkbox{opacity:0;position:absolute}#darkmode .label{width:38px;height:14px;background-color:#111;color:#fff;display:flex;border-radius:50px;align-items:center;justify-content:space-between;padding:5px;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);cursor:pointer}#darkmode .ball{width:20px;height:20px;background-color:#fff;position:absolute;top:2px;left:2px;border-radius:50%;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}#darkmode .checkbox:checked+.label .ball{-webkit-transform:translateX(24px);transform:translateX(24px)}.lds-ring{display:inline-block;position:relative;color:var(--color-primary);width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top:8px solid var(--color-primary)}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.MainView{position:relative}.main-container{background-color:var(--color-background-color);color:#141414;width:100%;border-radius:0 0 16px 16px}.loading{display:flex;justify-content:center;align-items:center;width:var(--width-app-max-width);height:var(--width-app-max-width)}.list-container{width:100%}.heading-container{display:grid;grid-template-rows:2fr 1fr;grid-template-columns:3rem 2fr 1fr 1.6rem;margin-top:1rem}.avatar-hover-container{height:100%;width:100%;grid-row:1/-1;grid-column:3/4;justify-self:end;align-self:center;display:flex;justify-content:end;align-items:center}.heading-username{grid-row:1;font-size:3rem;font-weight:800;color:var(--color-primary-dark)}.heading-subheading,.heading-username{grid-column:2/3;justify-self:start;align-self:center}.heading-subheading{grid-row:2;font-size:1.2rem;color:vaR(--color-dark-gray)}.hamburger-container{grid-row:1/-1;grid-column:5/6;justify-self:center;align-self:center}.account-view-container{width:auto;min-width:var(--width-app-min-width);max-width:var(--width-app-max-width);height:auto}.profile-picture{margin-top:4.8rem;margin-bottom:1.6rem;position:relative;display:inline-block}.camera-btn{display:flex;justify-content:center;align-items:center;position:absolute;bottom:-1rem;right:-1rem;width:3.8rem;height:3.8rem;background-color:var(--color-secondary);color:var(--color-primary);border:3px solid var(--color-tertiary);border-radius:25%;font-size:2.2rem;opacity:1;visibility:visible;transition:all .1s ease-in}.camera-btn:hover:not(disabled){cursor:pointer}.account-view-header{position:relative;background-color:var(--color-primary-dark-account-view);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-light-gray);border-radius:2.5rem 2.5rem 0 0;margin-bottom:1.6rem}.return-btn{position:absolute;top:1.6rem;left:1.6rem;outline:none;background:none;padding:0;border:none;color:var(--color-light-gray);font-size:2rem;transition:all .3s ease-out}.return-btn:hover:not(:disabled){cursor:pointer;color:var(--color-tertiary);-webkit-transform:scale(1.1);transform:scale(1.1);filter:brightness(1.1);-webkit-filter:brightness(1.1)}.avatar-container{display:flex;justify-content:center;align-items:center;border-radius:1rem;border:3px solid var(--color-light-gray);overflow:hidden}.account-view.avatar-img,.avatar-container{width:16rem;height:16rem}.user-name{font-size:3.6rem;font-weight:800;letter-spacing:.5px;color:var(--color-contrast-primary)}.user-since{font-size:1.2rem;color:var(--color-light-gray);margin-bottom:1.2rem}.top-stats{color:var(--color-dark-gray)}.data-flashcards-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-items:center;align-items:center;margin:0 .4rem 1.6rem;grid-row-gap:.4rem;row-gap:.4rem}.data-one{grid-row:1;grid-column:1/2}.fade-one-enter{opacity:0}.fade-one-enter-active{opacity:1;transition:opacity .4s}.fade-two-enter{opacity:0}.fade-two-enter-active{opacity:1;transition:opacity 1s}.fade-three-enter{opacity:0}.fade-three-enter-active{opacity:1;transition:opacity 1.6s}.fade-four-enter{opacity:0}.fade-four-enter-active{opacity:1;transition:opacity 2.2s}.data-two{grid-row:1;grid-column:2/3}.data-three{grid-row:2;grid-column:1/2}.data-four{grid-row:2;grid-column:2/3}.data-flashcard-content{font-size:4rem;font-weight:600;width:16rem;height:16rem;box-shadow:0 3px 7px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr;grid-template-rows:1.2rem 2rem 11.6rem 1.2rem;border-radius:16px;background-color:var(--color-tertiary)}.data-flashcard-header{font-size:1.6rem;color:var(--color-primary-darkish);grid-row:2}.data-flashcard-chart{grid-row:3;display:flex;justify-content:center;align-items:center;color:var(--color-primary-dark)}.about-view-container{width:auto;min-width:var(--width-app-min-width);max-width:var(--width-app-max-width);height:auto;text-align:start;margin:0 2rem}.about-view-container .return-btn{left:0}.about-view-header{position:relative;display:flex;flex-direction:column;justify-content:center;color:var(--color-light-gray);border-radius:2.5rem 2.5rem 0 0;margin-bottom:1.6rem}.about-subheading{margin-top:5rem;margin-bottom:.4rem;font-weight:700;text-align:start;color:var(--color-contrast-primary)}.about-heading{font-size:2.6rem;font-weight:800;letter-spacing:.3px;line-height:1.1;color:var(--color-primary-dark);margin-bottom:1.4rem}.about-intro{color:var(--color-text-tertiary);font-size:1.7rem;line-height:1.4;margin-bottom:1.8rem;font-weight:500}.about-view-main p{color:var(--color-text-secondary);font-size:1.5rem;line-height:1.6;margin:0}.paragraph-main{font-size:2.2rem}.features{font-size:1.8rem;font-weight:800;margin-bottom:.4rem}.features,.span-strong{color:var(--color-primary-dark)}.span-strong{font-weight:700}.fa-li{color:var(--color-secondary)}.watermark-footer{display:flex;justify-content:center;align-items:center;color:var(--color-text-tertiary);font-size:1rem;margin:0}.Vocabulazy{width:auto;min-width:var(--width-app-min-width);max-width:var(--width-app-max-width);height:auto;display:flex;flex-direction:column;padding-bottom:1rem;border-radius:2.5rem;margin:2rem;background-color:var(--color-background-color);color:#000;text-align:center;box-shadow:0 3px 7px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.25)}.back-btn{margin:10px}.deck-list{display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style:none;margin:0;padding:0}h1{font-size:3.6rem}.highlight{box-shadow:0 7px 20px rgba(0,0,0,.01),0 2px 6px rgba(0,0,0,.25)}.hidden{opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
/*# sourceMappingURL=main.640b9e8a.chunk.css.map */