*,:after,:before{box-sizing:border-box}@font-face{font-family:Poppins;src:url(/flashcard-app/assets/Poppins-Bold-qTAUjFF7.ttf)format("truetype");font-style:normal}@font-face{font-family:Poppins-SemiBold;src:url(/flashcard-app/assets/Poppins-SemiBold-B_fPDAUb.ttf)format("truetype");font-style:normal}@font-face{font-family:Poppins-Medium;src:url(/flashcard-app/assets/Poppins-Medium-Cxde2ZoM.ttf)format("truetype");font-style:normal}@font-face{font-family:Poppins-Regular;src:url(/flashcard-app/assets/Poppins-Regular-CTKNfV9P.ttf)format("truetype");font-style:normal}:root{--neutral-0:#fff;--neutral-100:#f7f3f0;--neutral-600:#6d5b4d;--neutral-900:#2e1401;--clr-yellow-500:#f8cb46;--clr-blue-400:#92adeb;--clr-blue-600:#5072c7;--clr-teal-400:#47d9c9;--clr-pink-400:#fc8ae5;--clr-pink-500:#f073a3;--clr-pink-700:#e11966;--smallText-1:1rem;--smallText-2:.875rem;--smallText-3:.75rem;--backgroundColor:var(--neutral-100);--textColor:var(--neutral-900);--borderRadius-1:.25rem;--borderRadius-2:.375rem;--borderRadius-3:.5rem;--borderRadius-4:.625rem;--borderRadius-5:.75rem;--borderRadius-6:1rem;--borderRadius-7:1.25rem;--borderRadius-8:1.5rem;--borderRadius-full:62rem;--transition:.3s ease-in-out all;--max-width:1350px;--fixed-width:600px;--shadow-1:1px 1px 0 0px var(--neutral-900);--shadow-2:1.5px 1.5px 0 .5px var(--neutral-900);--shadow-3:2px 2px 0 1px var(--neutral-900);--shadow-4:2.5px 2.5px 0 1px var(--neutral-900);--shadow-blue-0:2px 2px 0 1px var(--clr-blue-600);--shadow-blue:3px 3px 0 1px var(--clr-blue-600);--shadow-pink:1px 1px 0 0px var(--clr-pink-700)}body{background:var(--backgroundColor);font-family:Poppins-Regular;line-height:1.75}p{max-width:40em;margin-top:0;margin-bottom:1.5rem}h1,h2,h3,h4,h5{text-transform:capitalize;margin:0 0 1.38rem;line-height:1.3}h1{font-size:3.052rem}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}.img{object-fit:cover;width:100%;display:block}.centered{width:95%;max-width:var(--max-width);margin:0 auto}.btn{cursor:pointer;color:var(--neutral-900);background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-8);text-transform:capitalize;transition:var(--transition);place-content:center;gap:.5rem;padding:.5rem 1rem;font-family:Poppins-Medium;font-size:.875rem;display:flex}.btn:hover:not(.reset-btn,.btn-yellow){background:var(--neutral-100)}.btn:focus-visible,.check-label input[type=checkbox]:focus-visible{outline:2px solid var(--clr-blue-400);outline-offset:1.5px}.nbtn:focus{outline:2px solid var(--clr-blue-400)}.navbar{justify-content:space-between;align-items:center;padding:1rem 0 2rem;display:flex}.logo{align-items:center;gap:.5rem;margin:0;display:flex}.logo figcaption{font-family:Poppins-SemiBold;font-size:1.5rem;display:none}.nav-btn-container{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-8);box-shadow:var(--shadow-1);gap:.2rem;padding:.25rem;display:flex}.nav-btn-container .btn{border:1px solid #0000;font-family:Poppins-SemiBold;font-size:.9rem}.nav-btn-container .nav-btn.btn:hover:not(.navBtn-active){border-color:var(--neutral-900);background:0 0}.nav-btn-container .nav-btn.btn:focus-visible:not(.navBtn-active){border-color:var(--neutral-900)}.btn.navBtn-active{background:var(--clr-yellow-500);border:1px solid var(--neutral-900)}.nav-btn-container .navBtn-active:hover{background:var(--clr-yellow-500)}.study-mode-container{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-bottom:2rem;display:grid}.flashcard-menu{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-6);box-shadow:var(--shadow-2);grid-template-rows:auto 1fr;padding:1rem 0;display:grid}.flashcard-menu header{border-bottom:1px solid var(--neutral-900);padding:0 1rem .375rem}.flashcard-header{justify-content:space-between;display:flex}.flashcard-header>div{text-transform:capitalize;flex-direction:column;display:flex;position:relative}.categories-btn,.flashcard-header>div>div{align-items:center;display:flex}.flashcard-header>div>div{margin-top:.5rem}.shuffle-btn{align-self:flex-start}.shuffle-btn img{width:.875rem}.check-label{cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;font-family:Poppins-Medium;display:flex;position:relative}.check-label input[type=checkbox]{cursor:pointer;appearance:none;-webkit-user-select:none;user-select:none;color:currentColor;border:1.5px solid var(--neutral-900);border-radius:var(--borderRadius-1);width:1.1rem;height:1.1rem;transition:var(--transition)}.check-label input[type=checkbox]:hover{box-shadow:var(--shadow-1)}.check-icon{width:.6rem;transition:var(--transition);position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.flashcard-header .check-label{font-size:.875rem}.flashcard-header .check-icon{left:10%}.show .check-icon{transform:translate(-50%,-50%)scale(1)}.show input[type=checkbox]{background:var(--clr-yellow-500)}.flashcard-header div.categories-container{margin-top:0;position:relative}.categories-dropdown{opacity:0;z-index:-10;visibility:hidden;width:280px;min-height:100px;transition:var(--transition);margin-left:-.1rem;position:absolute;transform:translateY(-20%)}.categories{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-2);width:100%;box-shadow:0 0 3px var(--neutral-600);position:absolute;top:4.8rem}.show-categories .categories-btn{z-index:20}.show-categories .categories-dropdown{opacity:1;z-index:10;visibility:visible;transform:translateY(0)}.categories>div{border-bottom:1px solid var(--neutral-900)}.categories>div:last-of-type{border-bottom:none}.categories-dropdown .check-label{padding:.5rem .75rem}.categories-dropdown .check-label:first-of-type{border-top-left-radius:var(--borderRadius-2);border-top-right-radius:var(--borderRadius-2)}.categories-dropdown .check-label:last-of-type{border-bottom-left-radius:var(--borderRadius-2);border-bottom-right-radius:var(--borderRadius-2)}.categories-dropdown .check-label:hover{background:var(--neutral-100)}.categories-dropdown .check-label:focus-within{border-radius:var(--borderRadius-4);box-shadow:inset 0 0 0 2px var(--clr-blue-600)}.categories-dropdown .check-label:focus-within .check-input{outline:none}.categories-dropdown .check-icon{left:9%}div.empty-cards{text-align:center;place-items:center;margin:5rem 0;padding:1rem;display:grid}.empty-cards h1{font-size:1.25rem}.empty-cards p{font-size:var(--smallText-2);color:var(--neutral-600)}.empty-cards .btn{box-shadow:var(--shadow-1);text-transform:none;margin:0 auto}.flashcards{min-height:400px;position:relative;overflow:hidden}.flashcards:focus-visible{outline:2px solid var(--clr-blue-600);outline-offset:-5px;border-radius:var(--borderRadius-5)}.flashcard-container{text-align:center;perspective:1000px;width:100%;height:400px;transition:var(--transition);padding:1.3rem 1rem;position:absolute;top:0;left:0}.flashcard-content{height:100%;transform-style:preserve-3d;transition:var(--transition);position:relative}.flashcard-content.flip{transform:rotateX(180deg)}.flashcard{backface-visibility:hidden;border:1.5px solid var(--neutral-900);border-radius:var(--borderRadius-5);width:100%;height:100%;box-shadow:var(--shadow-2);cursor:pointer;grid-template-rows:auto 1fr auto;place-items:center;padding:1rem;display:grid;position:absolute}.flashcard h1{font-family:Poppins-Medium}.front-card{background:var(--clr-pink-400)}.front-card h1{margin-bottom:.5rem}.back-card{background:var(--clr-blue-400);transform:rotateX(180deg)}.back-card p{margin-bottom:.5rem}.category-tag,.mastered-card-tag{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-8);box-shadow:var(--shadow-1);font-size:var(--smallText-3);text-transform:capitalize;padding:.275rem .75rem;font-family:Poppins-Medium;display:inline-block}.flashcard h1{text-transform:none;font-size:1.5rem}.flashcard p{font-size:var(--smallText-2)}.mastered-card-tag{background:var(--clr-teal-400);gap:.5rem;display:flex}.card-progress-tag{justify-content:center;align-items:center;gap:.5rem;display:flex}.card-progress-tag span{font-size:var(--smallText-3)}progress{appearance:none;width:100%}progress::-webkit-progress-bar{background-color:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-5);width:4.5rem;height:.5rem;margin-top:.25rem;padding:0}progress::-webkit-progress-value{background-color:var(--neutral-900);border-radius:var(--borderRadius-5)}.flashcard-icon{position:absolute}.flashcard-icon:first-of-type{bottom:4rem;left:2rem}.flashcard-icon:last-of-type{top:2rem;right:2rem}.flashcard-btn-container{border-bottom:1px solid var(--neutral-900);flex-direction:column;gap:.5rem;padding:0 1rem 1.5rem;display:flex}.flashcard-btn-container .btn,.btn-yellow{box-shadow:var(--shadow-2)}.flashcard-btn-container .btn:hover,.btn-yellow:hover{box-shadow:var(--shadow-4)}.flashcard-btn-container .btn:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}button.btn.btn-yellow{background:var(--clr-yellow-500)}.btn.btn-neutral:focus-visible,.btn.btn-yellow:focus-visible{box-shadow:var(--shadow-blue);outline:none}.flashcard-footer{font-size:var(--smallText-3);justify-content:space-between;align-items:center;padding:1rem 1rem 0;display:flex}.flashcard-footer .btn{border-radius:var(--borderRadius-full);padding:.75rem}.flashcard-footer .btn span{display:none}.flashcard-footer .next-btn{flex-direction:row-reverse;display:flex}.statistics-menu{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-6);box-shadow:var(--shadow-2);padding:1rem 1rem 1.5rem}.statistics-menu:focus-visible{outline:2px solid var(--clr-blue-600)}.statistics-menu header h2{font-size:1.75rem}.statistics-container{align-items:center;gap:1.5rem;display:grid}.stat-card{border:1.5px solid var(--neutral-900);border-radius:var(--borderRadius-4);box-shadow:var(--shadow-1);grid-template-columns:5fr 1.75fr;height:135px;display:grid}.stat-card p{text-transform:capitalize;flex-direction:column;justify-content:space-between;margin-bottom:0;padding:.875rem 0 .5rem 1.5rem;font-family:Poppins-Medium;font-size:1.15rem;display:flex}.stat-count{font-family:Poppins;font-size:1.75rem}.stat-card div{border-left:1px solid var(--neutral-900);border-top-right-radius:var(--borderRadius-3);border-bottom-right-radius:var(--borderRadius-3);align-self:center;place-items:center;height:100%;display:grid}.stat-card:first-of-type div{background:var(--clr-blue-400)}.stat-card:nth-of-type(2) div{background:var(--clr-teal-400)}.stat-card:nth-of-type(3) div{background:var(--clr-pink-500)}.stat-card:last-of-type div{background:var(--clr-pink-400)}.allCards-section{grid-template-columns:minmax(0,1fr);padding-bottom:2rem;display:grid}.card-form{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-3);box-shadow:var(--shadow-2);padding:1rem}.form-row{flex-direction:column;margin-bottom:.875rem;display:flex}.form-label{text-transform:capitalize;cursor:pointer;font-family:Poppins-Medium}.form-row input,.form-row textarea{border:1px solid var(--neutral-900);border-radius:var(--borderRadius-2);transition:var(--transition);width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.form-row input:hover,.form-row textarea:hover{box-shadow:var(--shadow-1);outline:none}.form-row input:focus-visible,.form-row textarea:focus-visible{border-color:var(--clr-blue-400);box-shadow:var(--shadow-blue-0);outline:none}.form-row textarea{resize:none;height:6rem}p.error{font-size:var(--smallText-2);color:var(--clr-pink-700);visibility:hidden;gap:.375rem;margin-bottom:-.375rem;display:none}.form-row:last-of-type .error{margin-bottom:0}.show.form-row input,.show.form-row textarea{box-shadow:var(--shadow-pink);border-color:var(--clr-pink-700);outline:none}.show p.error{visibility:visible;display:flex}.card-form .card-btn{margin-top:1.375rem;font-family:Poppins-SemiBold}.all-cards{margin-top:2.5rem}.all-cards-container{gap:1.5rem;padding-top:1.5rem;display:grid}.single-card{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-5);min-height:17.375rem;box-shadow:var(--shadow-2);transition:var(--transition);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.single-card:focus-visible,.single-card:focus-within{outline:2px solid var(--clr-blue-600);transform:scale(1.015)}.single-card h1{border-bottom:1px solid var(--neutral-900);max-width:100%;margin-bottom:0;padding:1rem;font-size:1.25rem}.single-card p{border-bottom:1px solid var(--neutral-900);flex-direction:column;margin-bottom:0;padding:1rem;font-size:1rem;display:flex}.single-card p span:nth-of-type(2){color:var(--neutral-600);font-size:var(--smallText-2)}.single-card p span:nth-of-type(3){color:var(--neutral-800);font-family:Poppins-Medium}.single-card>div{grid-template-columns:auto 1fr auto;display:grid}.category-tag-container{text-align:center;padding:.875rem}.single-card .card-progress-container{border-left:1px solid var(--neutral-900);border-right:1px solid var(--neutral-900);align-items:center;padding:0 1rem;display:flex}.single-card .card-progress-tag span{color:var(--neutral-900)}.single-card progress{width:3.5rem;margin-bottom:.25rem}.single-card .card-progress-tag{font-size:var(--smallText-3);color:var(--neutral-600)}.single-card progress::-webkit-progress-bar{width:100%}.edit-icon-container{place-items:center;padding:0 .75rem;display:grid}.edit-icon-btn{border-radius:var(--borderRadius-1);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;padding:0}.edit-icon-btn:hover{border-color:var(--neutral-900);box-shadow:var(--shadow-2);background:0 0!important}.single-card .mastered-card-tag{gap:.25rem;padding:.25rem .5rem}.card-dropdown-menu{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-5);width:35%;box-shadow:0 0 3px var(--neutral-600);visibility:hidden;opacity:0;transition:var(--transition);flex-direction:column;display:flex;position:absolute;bottom:4rem;right:.3rem;transform:translate(100%)}.show.card-dropdown-menu{visibility:visible;opacity:1;transform:translate(0)}.card-dropdown-menu-btn{cursor:pointer;width:100%;transition:var(--transition);background:0 0;border:none;gap:.5rem;padding:.5rem 1rem;font-family:Poppins-Medium;display:flex}.card-dropdown-menu-btn:hover{background:var(--neutral-100)}.card-dropdown-menu-btn:focus-within{box-shadow:inset 0 0 0 2px var(--clr-blue-600);border-radius:var(--borderRadius-4);outline:none}.card-dropdown-menu>div:first-of-type{border-bottom:1px solid var(--neutral-900)}.edit-btn{border-top-right-radius:var(--borderRadius-5);border-top-left-radius:var(--borderRadius-5)}.delete-btn{border-bottom-right-radius:var(--borderRadius-5);border-bottom-left-radius:var(--borderRadius-5)}.load-btn{box-shadow:var(--shadow-1);margin:2.5rem auto 0}.load-btn:hover{box-shadow:var(--shadow-4);background:var(--neutral-0)!important}.toast{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-7);width:70%;max-width:450px;box-shadow:var(--shadow-2);font-size:var(--smallText-2);justify-content:space-between;align-items:center;padding:.375rem 1rem;animation:.5s ease-in-out fade;display:flex;position:absolute;top:7.8rem;right:0}.toast p{margin-bottom:0}.toast .close-toast-btn{cursor:pointer;background:0 0;border:none;align-self:center;padding:0}.toast img{display:block}@keyframes fade{0%{opacity:0;transform:translate(20rem)}to{opacity:1;transform:translate(0)}}.toast:before{content:"";border-radius:var(--borderRadius-full);background:var(--neutral-600);width:95%;height:2px;animation:2s linear disappear;position:absolute;bottom:0;left:12px}@keyframes disappear{to{width:0}}.modal-container{background:#2e1401b3;place-items:center;width:100%;height:100%;display:grid;position:fixed;top:0;left:0}.modal{background:var(--neutral-0);border:1px solid var(--neutral-900);border-radius:var(--borderRadius-5);box-shadow:var(--shadow-2);width:80%;max-width:var(--fixed-width);margin:0 auto;position:relative}.modal>div{border-radius:var(--borderRadius-4)}.modal h2{text-transform:none}.modal>div.edit-dialog{border-radius:var(--borderRadius-4);padding:1.5rem}.modal>div:focus-visible{outline:2px solid var(--clr-blue-600);outline-offset:2px}.modal-header h2{font-size:var(--smallText-1)}.modal-header button{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:.5rem;right:.5rem}.modal-container .card-form{box-shadow:none;border:none;padding:0}.modal .btn:not(.card-btn,.btn-cancel,.btn-yellow):hover{transform:scale(1.5)rotate(90deg)}.modal-container .card-btn{margin-left:auto}.modal-delete-header{padding:1rem}.modal-delete-header h2{margin-bottom:.25rem}.modal-delete-header p{font-size:var(--smallText-2);margin-bottom:0}.modal-btn-container{border-top:1px solid var(--neutral-900);justify-content:flex-end;gap:.5rem;padding:.5rem 1rem;display:flex}@media screen and (width>=650px){.logo figcaption{display:block}.flashcard-menu header{padding-bottom:1rem}.flashcard-header>div{flex-direction:row;gap:.5rem}.flashcard-header>div>div{margin:0}.flashcard-btn-container{flex-direction:row;justify-content:center;align-items:center}.flashcard-footer .btn{padding:.5rem 1rem}.flashcard-footer .btn span{display:inline}.statistics-container{grid-template-columns:1fr 1fr}}@media screen and (width>=720px){.flashcards{min-height:450px}.flashcard-container{height:450px}.all-cards-container{grid-template-columns:1fr 1fr}.single-card{grid-template-rows:auto 1fr auto;display:grid}.single-card .card-progress-tag{font-size:var(--smallText-3)}}@media screen and (width>=1054px){.study-mode-container{grid-template-columns:2fr 1fr}.flashcards{min-height:492px}.flashcard-container{height:492px}.flashcard-menu{grid-template-rows:auto 1fr}.statistics-container{grid-template-columns:1fr}.all-cards-container{grid-template-columns:1fr 1fr 1fr}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}