.bgImg{background-image:url(/assets/img/bg.png);background-repeat:repeat;font-family:IranSansFN!important}.bgsnakGame{background-image:url(/assets/snakegame/backgroundsnak.png)}.bgPuzzelGame,.bgsnakGame{background-repeat:repeat;font-family:IranSansFN!important;background-size:cover}.bgPuzzelGame{background-image:url(/puzzleBg.png)}.leitner .mainCard{font-family:IranSansFN!important}@media only screen and (max-width:425px){.leitner .flashcardPElm{width:calc(100vw);height:calc(100vh / 2)}.leitner .flashcardLElm{width:calc(100vh / 2);height:calc(100vw)}}@media only screen and (min-width:426px) and (max-width:769px){.leitner .flashcardPElm{width:calc(100vw / 2);height:calc(100vh / 2)}.leitner .flashcardLElm{width:calc(100vh / 2);height:calc(100vw / 2)}}@media only screen and (min-width:770px){.leitner .flashcardPElm{width:calc(100vw / 3.8);height:calc(100vh / 2.2);max-width:300px;max-height:500px}.leitner .flashcardLElm{width:calc(100vh / 2.2);height:calc(100vw / 3.8);max-width:500px;max-height:300px}}.leitner .FlashCardBodyLanscap,.leitner .FlashCardBodyPortrate{height:100%;justify-content:center;align-items:center;overflow:hidden;padding:10px 20px}.leitner .flash-cards-containerPortrate{position:relative;width:100%;height:100%;display:flex;justify-content:center}.leitner .flash-card{position:absolute;width:100%;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;z-index:20;user-select:none;color:#000}.leitner .question{z-index:5;height:100%}.leitner .answer{transform:rotateY(180deg);height:100%}.leitner .answer,.leitner .question{backface-visibility:hidden;margin:auto;text-align:center;position:absolute;top:0;left:0;width:100%}.leitner .content{padding-top:30%;font-size:40pt}.leitner .flash-card:first-child{transition:.5s;transform-style:preserve-3d;z-index:50}.leitner .scrool{overflow-y:scroll;display:flex;flex-direction:column;justify-items:center;align-items:center;height:100%!important;padding:30px 10px 0;position:absolute!important}.leitner .scrool::-webkit-scrollbar{width:10px}.leitner .scrool::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px}.leitner .scrool::-webkit-scrollbar-thumb{background-color:#b5b5b5;border-radius:100px}.leitner .content{width:100%;height:100%;display:grid;grid-template-rows:repeat(6,1fr)}.leitner .flash_card_header{padding:10px;display:grid;grid-template-columns:repeat(6,1fr);grid-row:span 1}.leitner .endGrid{grid-column:6;grid-row:1}.leitner .main_flash_card{padding:0 10px;grid-row:span 5;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:400;font-size:24px;height:100%;width:100%;position:absolute;z-index:20}.leitner .specificationPortrait{grid-template-columns:repeat(4,1fr);width:300px}.leitner .specificationLandscape,.leitner .specificationPortrait{font-size:14px;display:grid;align-items:center;color:#fff;padding-bottom:20px}.leitner .specificationLandscape{grid-template-columns:repeat(3,1fr);justify-content:center;width:600px;grid-row:span 1}.leitner .pagenumber{grid-column:span 1;width:100%;text-align:left;height:100%;display:flex;align-items:flex-end;justify-content:flex-end}.leitner .title{grid-column:span 3;width:100%;display:flex;flex-direction:column;justify-content:flex-start}.leitner .helper{padding-top:40px;display:flex;justify-content:center;z-index:50}.leitner .arow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-30px;z-index:10}.leitner .preF{padding:8px;grid-column:span 3;display:flex;justify-content:flex-end}.leitner .nextF{padding:8px;grid-column:span 1}.leitner .shake:hover{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.leitner .tooltip{position:relative;display:inline-block}.leitner .tooltip .tooltiptext{visibility:hidden;width:120px;color:#000;text-align:center;border-radius:6px;padding:5px 0;position:absolute;left:100%;z-index:1}.leitner .tooltip:hover .tooltiptext{visibility:visible}@keyframes enterMain{0%{transform:translateX(-300%) translateY(-160%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenMain{animation:enterMain .6s}@keyframes enterb1{0%{transform:translateX(-40vw) translateY(120%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB1P{animation:enterb1 .6s}@keyframes enterb1L{0%{transform:translateX(-40vw) translateY(160%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB1L{animation:enterb1L .6s}@keyframes enterb2{0%{transform:translateX(-20vw) translateY(120%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB2P{animation:enterb2 .6s}@keyframes enterb2L{0%{transform:translateX(-20vw) translateY(160%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB2L{animation:enterb2L .6s}@keyframes enterb3{0%{transform:translateX(0) translateY(120%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB3L{animation:enterb3L .6s}@keyframes enterb3L{0%{transform:translateX(0) translateY(160%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB3P{animation:enterb3 .6s}@keyframes enterb4{0%{transform:translateX(20vw) translateY(120%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB4L{animation:enterb4L .6s}@keyframes enterb4L{0%{transform:translateX(20vw) translateY(160%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB4P{animation:enterb4 .6s}@keyframes enterb5{0%{transform:translateX(40vw) translateY(120%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB5L{animation:enterb5L .6s}@keyframes enterb5L{0%{transform:translateX(40vw) translateY(160%) scale(0)}to{transform:translateX(0) translateY(0) scale(1)}}.leitner .enterToScreenFromB5P{animation:enterb5 .6s}@keyframes enterbox1{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(-40vw) translateY(120%) scale(0)}}.leitner .enterTob1P{animation:enterbox1 .6s}@keyframes enterbox1L{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(-40vw) translateY(160%) scale(0)}}.leitner .enterTob1L{animation:enterbox1L .6s}@keyframes enterbox2{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(-20vw) translateY(120%) scale(0)}}.leitner .enterTob2P{animation:enterbox2 .6s}@keyframes enterbox2L{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(-20vw) translateY(160%) scale(0)}}.leitner .enterTob2L{animation:enterbox2L .6s}@keyframes enterbox3{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(0) translateY(120%) scale(0)}}.leitner .enterTob3P{animation:enterbox3 .6s}@keyframes enterbox3L{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(0) translateY(160%) scale(0)}}.leitner .enterTob3L{animation:enterbox3L .6s}@keyframes enterbox4{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(20vw) translateY(120%) scale(0)}}.leitner .enterTob4P{animation:enterbox4 .6s}@keyframes enterbox4L{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(20vw) translateY(160%) scale(0)}}.leitner .enterTob4L{animation:enterbox4L .6s}@keyframes enterbox5{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(40vw) translateY(120%) scale(0)}}.leitner .enterTob5P{animation:enterbox5 .6s}@keyframes enterbox5L{0%{transform:translateX(0) translateY(0) scale(1)}to{transform:translateX(40vw) translateY(160%) scale(0)}}.leitner .enterTob5L{animation:enterbox5L .6s}.bg_blur{filter:blur(10px)}.scroolCategory{overflow-y:auto;direction:rtl!important;height:100%!important;text-align:left;padding:10px 10px 0}.scroolCategory::-webkit-scrollbar{width:8px}.scroolCategory::-webkit-scrollbar-track{background-color:#e4e4e4!important;border-radius:100px}.scroolCategory::-webkit-scrollbar-thumb{background-color:#b5b5b5!important;border-radius:100px}.scroolMathGame{overflow-y:auto;direction:rtl;height:100%!important;text-align:left;padding:10px 10px 0}.scroolMathGame::-webkit-scrollbar{width:8px}.scroolMathGame::-webkit-scrollbar-track{background-color:#fffadf;border-radius:100px}.scroolMathGame::-webkit-scrollbar-thumb{background-color:#d4a524;border-radius:100px}.categoryBook .checkbox{position:relative;display:flex;flex-direction:column;width:20px;height:20px}.categoryBook .checkbox input{position:absolute;opacity:0}.categoryBook .checkbox:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:#fff;border:1px solid #000;border-radius:4px;transition:background .3s ease}.categoryBook .checkbox input:checked+.checkbox:before{background:linear-gradient(180deg,#d3d0fd,#caf6fa);border:2px solid #000}.categoryBook .checkbox input:checked+.checkbox:after{content:"";position:absolute;top:4px;left:8px;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}@keyframes rotateRight{0%{transform:rotate(0deg);right:0}to{transform:rotate(var(--end-rotation));right:var(--rightCard)}}@keyframes rotateLeft{0%{transform:rotate(0deg);left:0}to{transform:rotate(calc(-1 * var(--end-rotation)));left:var(--leftCard)}}.card_game .card{--end-rotation:0deg;animation-duration:.5s;animation-fill-mode:forwards}.card_game .card_front{--end-rotation:0deg;animation-name:none}.card_game .yellow_right{--end-rotation:8deg;animation-name:rotateRight;--rightCard:-1.2rem;animation-delay:.3s}.card_game .yellow_left{--end-rotation:8deg;animation-name:rotateLeft;--leftCard:-1.2rem;animation-delay:.3s}.card_game .pink_right{--end-rotation:16deg;animation-name:rotateRight;animation-delay:.5s;--rightCard:-2rem}.card_game .pink_left{--end-rotation:16deg;animation-name:rotateLeft;animation-delay:.5s;--leftCard:-2rem}.card_game .blue_right{--end-rotation:22deg;animation-name:rotateRight;animation-delay:.7s;--rightCard:-2.55rem}.card_game .blue_left{--end-rotation:22deg;animation-name:rotateLeft;animation-delay:.7s;--leftCard:-2.55rem}@keyframes changeScaleEl{0%{transform:scale(0)}to{transform:scale(1)}}.leitner .ShowEl{animation:changeScaleEl .1s forwards}.card .starAnimation{animation:starAnimation 3s ease-in-out forwards;animation-delay:.1s}@keyframes starAnimation{0%{transform:scale(0);opacity:0}20%{transform:scale(1.2);opacity:1}40%{transform:scale(1.2) rotate(-5deg)}60%{transform:scale(1.2) rotate(5deg)}80%{transform:scale(1.2) rotate(-5deg)}to{transform:scale(1) rotate(0deg)}}.scrolling-text-container{white-space:nowrap;overflow:hidden;position:relative}.scrolling-text-container .scrolling-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform 10s linear}.BoxBook:hover .scrolling-text{transform:translateX(100%);overflow:visible;text-overflow:clip}.EmptyCard{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5);padding:20px;color:#fff;border-radius:5px;z-index:9999}.footerBtn{width:7rem;height:6rem}.footerBtn p{font-size:.9rem}.footerBtn svg{width:3rem;height:3rem}.cardGame .score,.cardGame .timer{width:100%;border:none;border-radius:20px;background-color:#0e01a6;max-width:150px}.cardGame .description{border:none;border-radius:20px;background-color:#0e01a6;color:#fff;padding:3px 10px}.winnerBox .box{position:relative;width:100vw;height:100vh}#confettiContainer{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden}.backdropFilter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confetti{position:absolute;width:10px;height:10px;opacity:1;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0)}to{opacity:1;transform:translateY(100vh) rotate(2turn)}}