@import url(https://fonts.googleapis.com/css2?family=Recursive:wght@400;700&family=Righteous&display=swap);.mainPage{height:calc(100vh - 3px);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mainPage h1.logoTitle{width:257px;height:59px;margin-top:13px}.mainPage img.zapLogo{width:136px;height:161px}.mainPage input,.mainPage select{border:none;all:unset}.mainPage input:hover,.mainPage select:hover{cursor:pointer}.mainPage input.numberInput,.mainPage select.selectDeck{box-sizing:border-box;padding:12px;width:246px;height:43px;background:#fff;border-radius:5px;font-weight:400;font-size:14px;line-height:16px;color:#adadad;display:flex;align-items:center}.mainPage input::-webkit-input-placeholder{color:#adadad}.mainPage input:-ms-input-placeholder{color:#adadad}.mainPage input::placeholder{color:#adadad}.mainPage input.numberInput{color:#fb6b6b}.mainPage select.selectDeck{margin:35px 0 7.5px}.mainPage input.numberInput{margin:7.5px 0 15px}.mainPage select.deckSelected{color:#fb6b6b}.mainPage button.startRecall{width:246px;height:54px;background-color:#fff;border:1px solid #d70900;box-shadow:0 4px 4px rgba(0,0,0,.15);font-weight:400;font-size:18px;line-height:22px;text-align:center;color:#d70900}.mainPage button.startRecall.off{background-color:#e8e8e8;border-color:#e8e8e8;color:silver}.recallPage{width:100%;display:flex;flex-direction:column;height:calc(100vh - 3px)}.recallPage h2,p{font-weight:400;font-size:18px;line-height:22px;color:#333}.recallPage .logoHeader{width:100%;display:flex;justify-content:center;align-items:center;margin:45px auto}.recallPage .logoHeader img.zapLogo{width:52px;height:60px}.recallPage .logoHeader h1.logoTitle{width:203px;height:44px}.recallPage ul li.flashcard{margin:12.5px auto;padding:0 15px;width:300px;min-height:65px;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:space-between}.recallPage ul li.flashcard:first-child{margin-top:0}.recallPage ul li.flashcard:last-child{margin-bottom:90px}.recallPage ul li.flashcard.turned{flex-direction:column;background-color:#ffffd5;min-height:131px;align-items:flex-start}.recallPage ul li.flashcard.turned .turnContent{display:flex;width:100%;justify-content:flex-end}.recallPage ul li.flashcard.turned .turnContent img.turn{width:30px;height:20px;margin-bottom:5px}.recallPage ul li.flashcard h2.flashcardTitle{font-weight:700;font-size:16px;line-height:19px;color:#333}.recallPage ul li.flashcard h2.flashcardQuestion{font-weight:400;font-size:18px;line-height:22px;margin-top:18px}.recallPage ul li.flashcard.turned .recallButtons{width:100%;display:flex;justify-content:space-between}.recallPage ul li.flashcard.turned .recallButtons button{width:85px;height:38px;margin:5px 0;font-weight:400;font-size:12px;line-height:14px;color:#fff}.recallPage ul li.flashcard.turned .recallButtons button:first-child{background-color:#ff3030}.recallPage ul li.flashcard.turned .recallButtons button:nth-child(2){background-color:#ff922f}.recallPage ul li.flashcard.turned .recallButtons button:nth-child(3){background-color:#2fbe34}.recallPage ul li.flashcard ion-icon{width:23px;height:23px}.recallPage ul li.flashcard h2.remembered,.remembered{color:#2fbe34}.almost,.recallPage ul li.flashcard h2.almost{color:#ff922e}.forgoten,.recallPage ul li.flashcard h2.forgoten{color:#ff3030}.recallPage ul li.flashcard h2.answred{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.recallPage .footer{width:100%;height:70px;margin-top:20px}.recallPage .footer.margin{height:220px}.recallPage .footer .content{position:fixed;min-height:70px;width:100%;bottom:0;left:0;background:#fff;box-shadow:0 -4px 6px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0}.recallPage .footer .content .resultContainer{display:flex;align-items:center;margin-top:15px}.recallPage .footer .content .resultContainer img.emoji{width:23px;height:23px}.recallPage .footer .content .resultContainer h2.result{font-weight:700;margin-left:12px}.recallPage .footer .content p.resultText{width:222px;text-align:center;margin-top:14px}.recallPage .footer .content .progress.margin{margin-top:14px}.recallPage .footer .content .progressIcons{height:23px;border-radius:5px;display:flex;margin:5px 0 10px}.recallPage .footer .content .progressIcons ion-icon{width:23px;height:23px;margin:0 2.5px}.recallPage .footer .content .progressIcons ion-icon:first-child{margin-left:0}.recallPage .footer .content .progressIcons ion-icon:last-child{margin-right:0}.recallPage .footer .content button.restartRecall{margin-top:1px;margin-bottom:21px;width:167px;height:32px;background-color:#fb6b6b;font-weight:400;font-size:14px;line-height:17px;display:flex;align-items:center;justify-content:center;color:#fff}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{font-family:"Recursive",sans-serif;height:100%;width:100%;background-color:#fb6b6b;border:1px solid #dbdbdb}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;border-radius:5px}h1.logoTitle{font-family:"Righteous";font-style:normal;font-weight:400;font-size:36px;line-height:45px;display:flex;align-items:center;justify-content:center;letter-spacing:-.012em;color:#fff}
/*# sourceMappingURL=main.63f1596b.chunk.css.map */