body.end .button.next,body.end .button.remember{opacity:0;visibility:hidden;transform:scale(0)}body.end .button.reset[data-btn-index="0"]{opacity:0;visibility:hidden;transform:scale(0)}body.end .button.reset[data-btn-index="1"]{transform:translate(-50%,0)}body.end .button.reset[data-btn-index="1"]:active{transform:translate(-50%,4px)}body.end .item.front,body.end .item.back{transform:translateY(-100%)}body.end .item.restart{transform:unset}body.end .item.restart .description{opacity:.5;transition-delay:300ms}body.vocabulary-visible .vocabulary{opacity:1;visibility:visible;transform:translateY(-62%)}.template-cards{color:#2c2c2c}.template-cards header,.template-cards footer{display:none;position:fixed}.template-cards .inner{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.template-cards .card{right:0;width:100%;cursor:pointer;overflow:hidden;transition:300ms;border-radius:40px;height:320px;position:relative;margin:60px 0 124px;max-width:800px;background-color:rgba(255,255,255,0.5);box-shadow:0 45px 80px -5px rgba(0,0,0,0.2)}.template-cards .card:active{transition:unset;transform:translateY(4px);box-shadow:0 26px 58px -26px rgba(0,0,0,0.6)}.template-cards .card.remembered .remembered-icon{opacity:1;visibility:visible}.template-cards .card.switched .item.front{opacity:0;visibility:hidden;transform:scale(1.75)}.template-cards .card.switched .item.back{opacity:1;visibility:visible;transform:scale(1);transition-delay:300ms}.template-cards .card.switched .item.back .description{animation:300ms showTranslationDescription 600ms forwards}.template-cards .item{top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:54px;padding:0 25px;transition:300ms;line-height:60px;position:absolute;text-align:center;word-break:break-word;flex-direction:column;text-transform:capitalize}.template-cards .item.back{opacity:0;visibility:hidden;transform:scale(0)}.template-cards .item.restart{transform:translateY(100%)}.template-cards .item .description{opacity:0;bottom:15px;transition:300ms;font-size:12px;line-height:16px;position:absolute;letter-spacing:.05em;text-transform:uppercase}.template-cards .actions{width:100%;position:fixed;bottom:34px;display:flex;align-items:center;justify-content:center;grid-gap:20px;padding:0 15px}.template-cards .button{display:flex;align-items:center;justify-content:center;transition:300ms;font-size:18px;height:56px;min-width:130px;color:inherit;border-radius:40px;text-transform:uppercase;background-color:rgba(255,255,255,0.5);box-shadow:0 36px 60px 6px rgba(0,0,0,0.25)}.template-cards .button:active{opacity:.75;transition:unset}.template-cards .button.done{transition:unset;color:#6ac734}.template-cards .button.next{width:100%;max-width:800px}.template-cards .button.remember.done path{stroke:#6ac734}.template-cards .button.remember path{transition:50ms;stroke:#2c2c2c}.template-cards .button.remember svg{width:55%;height:55%;object-fit:contain}.template-cards .button.reset[data-btn-index="1"]{left:50%;bottom:34px;width:100%;position:fixed;max-width:800px;transform:translate(-50%,150px)}.template-cards .button.next:active,.template-cards .button.remember:active,.template-cards .button.reset[data-btn-index="0"]:active{transform:translateY(4px)}.template-cards .remembered-icon{left:50%;top:20px;opacity:0;visibility:hidden;transition:150ms;font-size:30px;position:absolute;line-height:40px;transform:translateX(-50%)}.template-cards .cards-count{top:16px;left:50%;color:inherit;transition:300ms;position:absolute;padding:4px 14px;border-radius:6px;white-space:nowrap;letter-spacing:inherit;background-color:rgba(255,255,255,0.5);transform:translateX(-50%);box-shadow:0 15px 28px -11px rgba(0,0,0,0.25)}.template-cards .cards-count:active{opacity:.75;transition:unset}.template-cards .vocabulary{top:50%;width:100%;transition:300ms;max-width:400px;position:fixed;max-height:60vh;padding:15px 20px;overflow:hidden auto;border-radius:40px;right:calc(50% - 1015px);background-color:rgba(255,255,255,0.5);transform:scale(1.05) translateY(-62%);box-shadow:0 36px 59px -6px rgba(0,0,0,0.25);opacity:0;visibility:hidden}.template-cards .vocabulary{-ms-overflow-style:none;scrollbar-width:none}.template-cards .vocabulary::-webkit-scrollbar{width:0;height:0;background:transparent}.template-cards .vocabulary .translation{text-decoration:underline}.template-cards .vocabulary .list-title{font-size:14px;text-align:center;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.template-cards .vocabulary .list{font-size:16px;line-height:20px;letter-spacing:.05em}.template-cards .vocabulary .list-item{right:0;transition:300ms;cursor:pointer;padding:4px 6px;border-radius:6px;margin-bottom:8px;position:relative;text-transform:capitalize}.template-cards .vocabulary .list-item:nth-child(even){background:rgba(0,0,0,0.025)}.template-cards .vocabulary .list-item:first-child{margin-top:12px}.template-cards .vocabulary .list-item:last-child{margin-bottom:unset}.template-cards .vocabulary .list-item.added{animation:300ms added}.template-cards .vocabulary .list-item.item-buttons-visible{right:60px}.template-cards .vocabulary .item-button{top:0;right:0;bottom:0;color:#fff;font-size:10px;padding:0 10px;line-height:12px;position:absolute;text-transform:uppercase;transform:translateX(calc(100% + 22px))}.template-cards .vocabulary .item-button.delete{background-color:#fb4b4b}.template-cards .progress{top:0;left:0;width:0;height:6px;position:fixed;transition:1s;background:#000;background:linear-gradient(270deg,#954646 35%,#d88f8f 100%)}@media all and (max-width:2150px){.template-cards .vocabulary{right:40px}}@media all and (max-width:1720px){body.vocabulary-visible .card{right:12%}.template-cards .vocabulary{right:15px}}@media all and (max-width:1425px){body.vocabulary-visible .card{right:18%}}@media all and (max-width:1260px){body.vocabulary-visible .card{right:20%}.template-cards .vocabulary{background-color:rgba(255,255,255,0.75)}}@media all and (max-width:1060px){body.vocabulary-visible .card{right:20%}body.vocabulary-visible .cards-count{left:0;transform:unset}body.vocabulary-visible .vocabulary{transform:unset;transition-delay:300ms}.template-cards .cards-count:active{transition:unset}.template-cards .vocabulary{top:15px;max-height:48vh;max-width:375px;transform:scale(1.05);background-color:rgba(255,255,255,0.9)}.template-cards .button.next:active,.template-cards .button.remember:active,.template-cards .button.reset[data-btn-index="0"]:active{transform:translateY(6px)}}@media all and (max-width:830px){.template-cards .button.reset[data-btn-index="1"]{max-width:calc(100% - 30px)}}@media all and (max-width:767px){.template-cards .card{height:280px}.template-cards .item{font-size:42px;line-height:50px}.template-cards .button{font-size:16px}.template-cards .button.remember svg{width:50%;height:50%}}@media all and (max-width:568px){.template-cards .item{font-size:28px;line-height:36px}}@media all and (max-width:567px){body.vocabulary-visible .card{right:unset}body.vocabulary-visible .cards-count{left:50%;transform:translateX(-50%)}.template-cards .button{min-width:100px}.template-cards .vocabulary{top:60px;left:15px;right:15px;bottom:120px;height:unset;max-width:unset;max-height:unset;width:calc(100% - 30px)}}@media all and (max-width:414px){.template-cards .actions{grid-gap:15px}.template-cards .button{max-width:80px;min-width:80px}}@media all and (max-width:374px){.template-cards .button{font-size:14px}.template-cards .button.remember svg{width:42%;height:42%}}@-moz-keyframes added{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:unset}}@-webkit-keyframes added{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:unset}}@-o-keyframes added{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:unset}}@keyframes added{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:unset}}@-moz-keyframes showTranslationDescription{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes showTranslationDescription{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes showTranslationDescription{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}@keyframes showTranslationDescription{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}