:root{--clr-neutral-900: #2e1401;--clr-neutral-600: #6d5b4d;--clr-neutral-100: #f7f3f0;--clr-neutral-0: #ffffff;--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;--radius-0: 0;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-10: 10px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-full: 999px;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--bp-tablet: 670px}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal}.u-rounded-pill,.u-rounded-pill-narrow{background-color:var(--clr-neutral-0);border-radius:var(--radius-full);border:1px solid var(--clr-neutral-900)}.u-rounded-pill{padding:.8rem .3rem}.u-rounded-pill-narrow{padding:.5rem 1rem}.u-shadow{box-shadow:1px 2px 0 var(--clr-neutral-900)}.u-shadow--thick-error{box-shadow:2px 2px #e11966;border-radius:var(--radius-16)}.u-shadow--thick{border:2px solid #2e1401;box-shadow:2px 2px #2e1401;border-radius:var(--radius-16)}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flex-group{display:flex;flex-direction:column}html{overflow-y:scroll}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Poppins,sans-serif;background-color:var(--clr-neutral-100);margin:0}a,button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;color:inherit}button,input,textarea,select{font:inherit}.btn{cursor:pointer}.app{padding:.8rem;max-width:1540px;margin:0 auto}@media only screen and (min-width:1024px){.app{padding:1rem 8rem}}@media only screen and (min-width:1024px){.main{display:grid;grid-template-columns:2fr 1fr;gap:1rem}}.main-all-cards{display:block}.header{padding:1rem 0}.header__content{display:flex;width:100%;font-weight:600}.header__tab-title-text{display:none;margin-left:10px;font-size:clamp(1rem,.7656rem + .75vw,1.1875rem);color:var(--clr-neutral-900)}@media only screen and (min-width:670px){.header__tab-title-text{display:block}}.tabs{border:1px solid var(--clr-neutral-900);border-radius:var(--radius-full);padding:.3rem;display:flex;gap:1rem;background-color:var(--clr-neutral-0);margin-left:auto;height:43px;align-self:center}.tab{border:0;cursor:pointer}.tab--active{background-color:red;background-color:var(--clr-yellow-500);border:1px solid var(--clr-neutral-900)}.study{border:1px solid var(--clr-neutral-900);border-radius:var(--radius-10);background-color:var(--clr-neutral-0);font-weight:500;color:var(--clr-neutral-900)}@media only screen and (min-width:670px){.study{margin-bottom:2rem}}@media only screen and (min-width:1024px){.study{margin-bottom:0}}.study__option{margin-top:10px;vertical-align:middle}.study__header{display:flex;justify-content:space-between;padding:1rem;padding-bottom:0}@media only screen and (min-width:670px){.study__header{padding-bottom:1rem}}.study__checkbox,.category-dropdown__checkbox{-webkit-appearance:none;-moz-appearance:none;vertical-align:middle;appearance:none;width:18px;height:18px;border:1px solid var(--clr-neutral-900);border-radius:var(--radius-6);cursor:pointer;margin:0 8px 0 0}.study__action-buttons{display:flex;flex-direction:column;gap:.6rem;padding:1rem}@media only screen and (min-width:670px){.study__action-buttons{flex-direction:row;justify-content:center;padding:.4rem}}.study__card-navigation{display:flex;justify-content:space-between;padding:0 1rem .6rem;align-items:center;color:var(--clr-neutral-600)}input[type=checkbox]:checked{background-image:url(/images/icon-check.svg);background-repeat:no-repeat;z-index:100;background-color:var(--clr-yellow-500);background-size:50%;background-position:center;border:2px solid var(--clr-neutral-900)}.study__filters{position:relative}@media only screen and (min-width:670px){.study__filters{display:flex;gap:1rem}}.study__categories-dropdown{position:absolute;top:45px;width:max-content;border:1px solid var(--clr-neutral-900);border-radius:var(--radius-8);background-color:#fff;z-index:100}.category-dropdown__checkbox{margin-left:1rem}.category-item{display:flex;align-items:center;gap:5px;padding:10px;width:max-content;width:auto}.category-item__number{color:var(--clr-neutral-600)}.category-item:not(:last-of-type){border-bottom:1px solid}.category-item p,.category-item input{margin:0}.flashcard{padding:1rem;position:relative}.flashcard__content{background-color:var(--clr-pink-400);border-radius:var(--radius-10);display:flex;flex-direction:column;min-height:400px;cursor:pointer}.flashcard__central-content{text-align:center;flex:1;align-items:center;padding:1rem;align-content:center}.flashcard__tag{background-color:var(--clr-neutral-0);padding:8px 10px;font-size:12px;text-align:center;align-self:center;font-weight:600;border:1px solid var(--clr-neutral-900)}.flashcard__text{font-size:clamp(1.5rem,.875rem + 2vw,2rem);text-align:center;font-weight:900;margin:0}.flashcard__reveal-text{border:0;font-weight:400;background-color:transparent;margin:0}.flashcard__button-reveal--revealed{grid-row:2}.flashcard__content--revealed{background-color:var(--clr-blue-400)}.flashcard__content--revealed .flashcard__central-content{display:flex;flex-direction:column-reverse;justify-content:center}.flashcard__decoration{position:absolute}.flashcard__decoration--top-star{right:52px;top:58px}.flashcard__decoration--bottom-star{bottom:51px;left:47px}.btn--categories{text-align:initial;padding-left:1rem;color:var(--clr-neutral-900);display:inline-flex;gap:4.5px;align-items:center}.btn--shuffle{align-self:start;display:inline-flex;background-color:var(--clr-neutral-0);border-radius:var(--radius-24);border:1px solid var(--clr-neutral-900);gap:4.5px;width:106px;align-items:center}.btn--reset{display:inline-flex;align-items:center;justify-content:center;gap:.2rem}@media only screen and (min-width:670px){.btn--reset{width:173px;border-radius:100px;height:43px}}.btn-knowit{background-color:var(--clr-yellow-500);display:inline-flex;align-items:center;justify-content:center;gap:.2rem}@media only screen and (min-width:670px){.btn-knowit{width:auto;padding:1rem 2rem;border-radius:var(--radius-full);height:43px}}.btn-knowit--mastered{opacity:.5;cursor:not-allowed}.btn__left-button,.btn__right-button{border-radius:var(--radius-full);width:40px;height:40px;border:1px solid black;background-color:transparent;padding-top:4px}@media only screen and (min-width:670px){.btn__left-button,.btn__right-button{padding-top:4px;width:96px;display:flex;justify-content:center;align-content:center;padding-left:.5rem;font-size:16px;align-self:center;gap:8px}}@media only screen and (min-width:670px){.btn__left-button{width:130px;text-align:left;justify-content:flex-start;align-self:center}}.study__card-button-text{display:none;color:var(--clr-neutral-900)}@media only screen and (min-width:670px){.study__card-button-text{display:block;align-self:center}}@media only screen and (min-width:670px){.study__arrow-btn{height:21px;justify-self:center;align-self:center;gap:1rem}}.empty-panel{padding:5.5rem 4rem;display:flex;flex-direction:column;align-items:center;text-align:center}@media only screen and (min-width:1024px){.empty-panel{padding:10.5rem 4rem}}.empty-panel__heading{margin:0}.empty-panel__sub-message{font-weight:100}.btn-allcards{width:160px;padding:.5rem .2rem;border-radius:var(--radius-24)}.statistics{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;font-weight:500;border:1px solid var(--clr-neutral-900);border-radius:var(--radius-10);background-color:var(--clr-neutral-0);color:var(--clr-neutral-900);padding:1rem}@media only screen and (min-width:670px){.statistics{margin-top:0}}.statistics__heading{font-weight:600;font-size:26px;margin:.5rem 0}.statistics__allcards{display:flex;flex-direction:column;gap:1rem}@media only screen and (min-width:670px){.statistics__allcards{display:grid;grid-template-columns:1fr 1fr}}@media only screen and (min-width:1024px){.statistics__allcards{display:flex}}.statistics__card{display:grid;grid-template-columns:2fr 1fr;border:2px solid var(--clr-neutral-900);border-radius:var(--radius-10)}@media only screen and (min-width:1024px){.card{margin:1rem}}.statistics__card-left-content{margin-left:1rem}.statistics__card-icon{width:30px;margin:0 auto}.statistics__card-icon-container{border-left:2px solid var(--clr-neutral-900);display:flex;border-top-right-radius:var(--radius-8);border-bottom-right-radius:var(--radius-8)}.statistics__card--blue{background-color:var(--clr-blue-400)}.statistics__card--teal{background-color:var(--clr-teal-400)}.statistics__card--red{background-color:var(--clr-pink-500)}.statistics__card--pink{background-color:var(--clr-pink-400)}.statistics__card-number{font-weight:600;font-size:clamp(1.5rem,1.0142rem + 2.1591vw,2.6875rem)}@media only screen and (min-width:1024px){.statistics__card-number{font-size:40px;font-weight:700;margin:10px}}.icon{width:30px;height:auto}.card-form{display:flex;flex-direction:column;gap:1rem;color:var(--clr-neutral-900);border:1px solid var(--clr-neutral-900);border-radius:var(--radius-10);padding:1rem;background-color:var(--clr-neutral-0)}.form-group input,textarea{border-radius:var(--radius-10);border-color:var(--clr-neutral-900);border:1px solid;padding:1rem;color:var(--clr-neutral-500)}.btn-submit{font-weight:500;background-color:var(--clr-yellow-500);display:inline-flex;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;width:165px;border-radius:var(--radius-20)}textarea{resize:none;overflow-y:hidden;height:100px}.main-all-cards{position:relative}.flashcard-controls{display:flex;justify-content:space-between;padding:1rem}.flashcards-container{position:relative;display:flex;flex-direction:column;padding-bottom:2rem}.error-msg{color:var(--clr-pink-700);display:flex;gap:.5rem;margin:10px 0}.form-group input{border-color:#000}.form-group input.input-error,.form-group textarea.input-error{border-color:var(--clr-pink-700)}.overlay{position:fixed;background-color:transparent;width:100vw;height:100vh;top:0;left:0;z-index:-1}.overlay.show{opacity:.6;z-index:1;background-color:#461a04}.show-btn{max-width:150px;align-self:center;margin-top:1rem}.modal{position:relative;height:auto;position:fixed;width:75vw;background-color:#fff;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:1024px){.modal{width:600px}}.modal__inner-content{padding:1rem;display:flex;flex-direction:column;margin-bottom:5px}@media only screen and (min-width:1024px){.modal__inner-content{padding:2rem}}.modal__deletion-inner-content{padding:1rem}.modal__btn-container{border-top:1px solid black;padding:1rem;display:flex;flex-direction:row-reverse;gap:1rem}.modal__input{padding:1rem;border-radius:var(--radius-10);border:1px solid}.modal__input-label{color:var(--clr-neutral-900);font-weight:500;margin:0;margin-top:.4rem}.modal__input-label{margin:1rem 0}.modal__close{position:absolute;right:15px;cursor:pointer;border:0;background:none}.modal__heading{color:var(--clr-neutral-900);margin:0}.modal-btn-delete{background-color:var(--clr-yellow-500);border-radius:var(--radius-full)}.modal__deletion-message{margin:0}.modal__deletion-cancel .card-form label{margin-bottom:.4rem}hr.solid:nth-child(3){width:100%}.btn-update{font-weight:500;background-color:var(--clr-yellow-500);display:inline-flex;align-self:flex-end;justify-content:center;gap:.2rem;cursor:pointer;width:145px;border-radius:var(--radius-20);margin-top:1rem}.toast{background-color:var(--clr-neutral-0);padding:10px 8px;width:auto;font-size:12px;text-align:center;align-self:center;font-weight:600;border:1px solid var(--clr-neutral-900);position:absolute;right:0;top:8px;transform:translate(-6%)}@media only screen and (min-width:670px){.toast{transform:translate(-7%)}}.toast__inner-content{display:flex;justify-content:space-around;gap:5px;font-size:14px;color:var(--clr-neutral-900)}.toast__close{cursor:pointer}.flashcards-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:.5rem}.flashcard-box{display:flex;flex-direction:column;min-height:240px;border:1px solid black;background-color:#fff}.flashcard-box-btn-delete{border-top:1px solid var(--clr-neutral-900)}.flashcard-box__heading{margin-left:1rem;color:var(--clr-neutral-900);font-size:20px;margin:1rem 1rem 0}.flashcard-box-inner{display:flex;flex-direction:column;flex:1;position:relative}.flashcard-box-dropdown{position:absolute;right:5px;bottom:69px;border:1px solid var(--clr-neutral-900);border-radius:var(--radius-8);background-color:var(--clr-neutral-0)}.flashcard-box-btn-edit,.flashcard-box-btn-delete{border:0;padding:.6rem;text-align:left;width:135px;display:flex;gap:9px;color:var(--clr-neutral-900);font-weight:500;background-color:var(--clr-neutral-0)}.flashcard-box-btn-icon{width:20px}.flashcard-box-btn-edit{border-radius:var(--radius-8)}.flashcard-box-btn-delete{border-top:1px solid var(--clr-neutral-900);border-radius:0 0 10px 10px}.flashcard-box-inner span:not(:last-child),.flashcard-box__answer-text{padding:0 1rem}.flashcard-box__answer-text{color:var(--clr-neutral-900);font-weight:500}.flashcard-box hr{border:none;border-bottom:1px solid black;margin:1rem 0}.flashcard-box__meta-data{display:flex;gap:1rem;justify-content:space-between;margin-top:auto;border-top:1px solid var(--clr-neutral-900);padding:0 0 0 .5rem}.btn-menu{border:0;background:none;cursor:pointer;border-left:1px solid var(--clr-neutral-900)}.flashcard-box-dropdown{display:flex;flex-direction:column}.flashcard__progress-bar{width:60px;height:8px;border:1px solid var(--clr-neutral-900);border-radius:var(--radius-full);background-color:var(--clr-neutral-0);overflow:hidden;margin-left:1rem}.flashcard__progress-bar-fill{background-color:var(--clr-teal-400);width:calc((var(--value) / 5) * 100%);height:100%;border-radius:var(--radius-full)}.flashcard__progress-bar-fill--minicard{background-color:var(--clr-neutral-900)}.flashcard__progress-bar-fill--mastered{background-color:var(--clr-teal-400)}.flashcard__mastered-badge{border:1px solid black;font-size:12px;border-radius:var(--radius-full);background-color:var(--clr-teal-400);padding:5px;margin:1rem;display:flex;align-items:center;align-self:center;justify-content:center;gap:3px;width:120px}.flashcard__progress-container-mastered .flashcard__progress-bar,.flashcard__progress-container-mastered .flashcard__progress-number{display:none}.flashcard__progress-container{display:flex;justify-content:center;align-items:center;gap:5px;border-left:1px solid var(--clr-neutral-900);margin-top:0}.flashcard__progress-container--study span{padding:0 8px}.flashcard__progress-container--minicard{margin-right:auto}